--- title: "Cube Runner" url: "https://aigamehub.app/en/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: "Action" 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: "en" content_locale: "en" --- # Cube Runner A browser-based 2D rhythm runner platformer inspired by Geometry Dash, with six levels, cube/ship/UFO modes and LocalStorage progress saving. ## Description Cube Runner is a vanilla HTML5 Canvas, CSS3 and JavaScript game. Players tap, click or press space to jump and fly through six levels of increasing difficulty (from Easy to Demon), switching between cube, ship and UFO movement via warp portals inside the levels. It includes a neon cyberpunk glassmorphism UI, a level carousel, in-game HUD with progress bar and attempt counter, pause, game over and victory modals, Web Audio synthesizer tracks for levels 2–6 plus an mp3 track for level 1, and LocalStorage saving of best percentages and attempt counts. Controls: Space, Up Arrow, W, mouse click or touch to jump/fly; Esc or the HUD button to pause. ## 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 `