--- title: "Pitch Bugs" url: "https://aigamehub.app/zh-tw/games/cricket-doodle-inspired-2ef070" source: "https://github.com/siddqamar/cricket-doodle-inspired" source_type: "github" play_url: "https://siddqamar.github.io/cricket-doodle-inspired/" platform: "both" login_required: false pricing: "free" origin: "original" ai_tools: ["Grok"] game_languages: ["en"] author: "siddqamar" author_handle: "siddqamar" category: "動作" categories: ["action", "casual"] tags: ["3d", "arcade", "cricket", "one-button", "sports", "threejs"] added: "2026-10-29T02:27:30.443Z" updated: "2026-10-29T02:27:30.444Z" locale: "zh-tw" content_locale: "zh-tw" --- # Pitch Bugs 一款 3D 瀏覽器板球遊戲，玩家扮演昆蟲打者：抓準時機一鍵揮擊、擊出四分與六分、跑單分，並在守備甲蟲的防守下撐過一局。 ## Description Pitch Bugs 是一款在瀏覽器中執行的小型 3D 板球遊戲。玩家控制一隻拿著球棒的蟲，使用點擊、輕觸、Space 或 Enter 揮擊，並對照球的彈跳抓準擊球時機。沿地面打出的乾淨擊球可得四分，未落地擊出可得六分，較柔和的擊球則讓打者跑一分、兩分，偶爾三分，同時守備昆蟲會追球並攔截；接殺只有在未落地時才算數。前幾個 over 較容易，隨著局數推進，投球速度與守備會越來越緊。比賽以一座昆蟲體育場、兩隻站在打擊線（creases）上的打擊蟲，以及會在關鍵時刻拉近的鏡頭來呈現。其他控制為 P 或 Esc 暫停，M 靜音。沒有帳號，也沒有後端——這是一個以 Three.js、TypeScript 和 Vite 建置的靜態網站，以 MIT 授權發布，具備原創美術與程序化音訊，作者形容它是一個用 Grok Build 製作的 vibe-coded 專案。 ## Original post 3D bugs cricket. Swing, score, scramble. Topics: browser-game, grok, indiedev, threejs, typescript, vibe-coding
# Pitch Bugs [![Grok Build](https://img.shields.io/badge/Grok_Build-000000?style=for-the-badge&logo=x&logoColor=white)](https://grok.x.ai/) [![vibe coding](https://img.shields.io/badge/vibe_coding-7C3AED?style=for-the-badge)](#) [![Three.js](https://img.shields.io/badge/Three.js-000000?style=for-the-badge&logo=threedotjs&logoColor=white)](https://threejs.org/) [![Browser game](https://img.shields.io/badge/browser_game-0EA5E9?style=for-the-badge)](#) [![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=typescript&logoColor=white)](https://www.typescriptlang.org/) [![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=vite&logoColor=white)](https://vitejs.dev/) **3D insect cricket for the browser** — time your swing, run the gaps, and chase a high score before the fielding beetles take your wicket. ![Pitch Bugs gameplay](./animation.gif) [Play on GitHub Pages](https://siddqamar.github.io/cricket-doodle-inspired/)
--- ## What’s the game? You’re a little bug with a bat. One button. Big vibes. - **Time the bounce** — click, tap, or hit Space / Enter to swing - **Smash boundaries** — six on the full, four after the bounce - **Run the gaps** — soft shots turn into 1s and 2s (a rare 3 if the fielders nap) - **Watch the scramble** — fielders chase, cut off runs, and only catch on the full - **Survive the innings** — early overs are friendlier; pace and fielding heat up later Two batting bugs at the creases, a whole stadium of insects, and a camera that leans into the big moments. No accounts, no backend — just you vs the beetles. Built as a **vibe-coded** project with [Grok Build](https://grok.x.ai/) — original art, procedural audio, and a tiny static site you can host anywhere. ## Controls | Action | Input | |--------|--------| | Swing | Click, tap, Space, or Enter | | Pause | P or Esc | | Mute | M | ## Play locally ```bash npm install npm run dev ``` Open the URL Vite prints (usually `http://localhost:5173`). ## Build ```bash npm run build ``` Output lands in `dist/`. Ready for GitHub Pages (this repo deploys on every push to `main` via Actions). ## License See [LICENSE](./LICENSE).