--- title: "Cube Runner" url: "https://aigamehub.app/zh-tw/games/geometry-dash-9152cc" source: "https://github.com/Konatsu13/Geometry_Dash" source_type: "github" play_url: "https://gd.akaru.my.id/" platform: "both" login_required: false pricing: "free" origin: "original" ai_tools: [] game_languages: ["id"] author: "Konatsu13" author_handle: "Konatsu13" category: "動作" categories: ["action", "casual"] tags: ["html5-canvas", "level-based", "neon-cyberpunk", "open-source", "rhythm-runner"] added: "2026-10-19T03:03:02.337Z" updated: "2026-10-19T03:03:02.337Z" locale: "zh-tw" content_locale: "zh-tw" --- # Cube Runner 一款受 Geometry Dash 啟發的瀏覽器 2D 節奏跑酷平台遊戲，包含六個關卡、方塊/飛船/幽浮模式，以及 LocalStorage 進度儲存。 ## Description Cube Runner 是一款使用純 HTML5 Canvas、CSS3 與 JavaScript 開發的遊戲。玩家透過點擊、輕觸或按下空白鍵來跳躍與飛行，穿越六個難度逐漸提升的關卡（從 Easy 到 Demon），並在關卡內透過傳送門在方塊、飛船與幽浮移動模式之間切換。遊戲包含霓虹 Cyberpunk 玻璃擬態 UI、關卡輪播、帶有進度條與嘗試次數計數器的遊戲內 HUD、暫停、遊戲結束與勝利模態視窗、第 2–6 關的 Web Audio 合成器音軌，以及第 1 關的 mp3 音軌，並透過 LocalStorage 儲存最佳百分比與嘗試次數。操作方式：空白鍵、上方向鍵、W、滑鼠點擊或觸控來跳躍/飛行；Esc 或 HUD 按鈕來暫停。 ## Original post Syntax Runner is a 2D web-based endless runner inspired by Geometry Dash, built with HTML5 Canvas, CSS3, and JavaScript. Features a neon cyberpunk theme, multi-level system, real-time progress bar, Web Audio API sound effects, and LocalStorage integration to save high scores and level unlocks. Topics: game, student-project, vibe-coding # ⬛ Cube Runner - Neon Cyberpunk Dash ![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white) ![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white) ![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black) **Cube Runner** adalah game rhythm runner platformer 2D berbasis web yang terinspirasi oleh mekanik *Geometry Dash*. Dibangun murni menggunakan teknologi web modern vanilla (HTML5 Canvas, CSS3 Glassmorphism, dan JavaScript ES6+) tanpa framework/engine eksternal. --- ## 🚀 Fitur Utama - **Multi-Gamemode Mechanics (Geometry Dash Style)**: - ⬛ **Cube Mode**: Gravitasi responsif, rotasi flip 90°, coyote time, dan jump buffering. - 🚀 **Ship / Fly Mode**: Tahan lompat/klik untuk terbang naik dengan akselerasi propulsi, efek semburan api roket, dan rotasi pitch dinamis. - 🛸 **UFO Mode**: Mengepak di udara (*mid-air pulse hop*) untuk menavigasi terowongan rintangan sempit. - 🌀 **Warp Portals**: Gerbang portal bercahaya yang mentransformasi mode karakter secara instan di dalam level. - **6 Level Unik & Akses Terbuka Default**: 1. 🟢 **Level 1: Stereo Start** (Easy) — Audio BGM dari file `./assets/level1.mp3`. 2. 🟡 **Level 2: Neon Steps** (Normal) — Platform bertingkat dan lompatan ritmis. 3. 🟢 **Level 3: Sky Machine** (Hard) — Pengenalan mode Ship (Fly) menembus lorong langit. 4. 🟠 **Level 4: Cosmic Pulse** (Harder) — Mode UFO & manuver lompat udara. 5. 🔴 **Level 5: Factory Overheat** (Insane) — Tantangan berkecepatan tinggi multi-mode. 6. 🟣 **Level 6: Demon Overdrive** (Demon) — Ujian pamungkas refleks dan presisi ekstrem. - **UI/UX Cyberpunk Glassmorphism Spektakuler**: - Carousel Level interaktif dengan efek 3D Card glow & swipe gesture. - HUD In-Game dinamis (Progress bar neon, Attempt counter, Indikator Gamemode aktif). - Modal Pause, Crash Game Over, dan Level Complete Victory yang memukau. - Semantik `