Skip to content

Repository files navigation

🎤 VOICE RUNNER 🏃

Endless Runner HTML5 — lari otomatis, lompat pakai suara, isi lubang dengan voice challenge, dan main bareng 4 pemain via multiplayer real-time!

🎮 MAIN SEKARANG

Main di Itch.ioMain OnlineBergabung dengan KomunitasSource Code

Coba cepat: Buka index.html di browser (Chrome/Edge rekomendasi)


✨ FITUR UTAMA

FiturDeskripsi
🏃 Endless RunnerLari otomatis, lompati rintangan dengan suara
🗣️ Voice JumpKeras = lompat tinggi, pelan = lompat rendah
🎤 Voice ChallengeTERIAK keras untuk memecahkan balon & mengisi lubang
👥 Multiplayer 4POnline real-time via Firebase
📍 CheckpointAuto-save tiap 500m, respawn kalau mati
🏆 LeaderboardLokal + Global (Firebase, anonymous auth)
📱 PWAInstallable, offline shell via service worker

🎮 CARA BERMAIN

Lompat dengan Suara!

🔇 Pelan → Lompat rendah → Hindari SPIKE
🗣️ Normal → Lompat sedang → Hindari BOX 📢 KERAS → Lompat tinggi → Hindari TIANG

Voice Challenge (TERIAK!)

🕳️ Lubang muncul + balon & kotak di atasnya
🎤 TERIAK KERAS (volume di atas threshold) beberapa frame
💥 Balon pecah → kotak jatuh → lubang ketutup + bonus 50 poin
❌ Diam saja → balon tidak pecah → jatuh ke lubang (-1 nyawa)

Tanpa mikrofon (ditolak/unsupported): lubang terisi otomatis setelah ±2.5 detik.

Scoring

AksiPoin
Lewati rintangan+10
Voice challenge+50
Jarak (per meter)+2

🖼️ MAIN DI ITCH.IO

Main di Itch.io

Embed game di website-mu:

<iframeframeborder="0" src="https://itch.io/embed/4845636?bg_color=efefef&amp;border_color=070707" width="552" height="167"><ahref="https://mardev1.itch.io/voice-runner">Voice Runner by TheCats</a></iframe>

🤝 KOMUNITAS

Bergabung dengan komunitas Voice Runner — diskusi, lapor bug, request fitur, atau sekadar nongkrong:

Bergabung dengan Komunitas

PlatformLink
💬 Discorddiscord.gg/HbW8kJTJxf
🐙 GitHubBoneFishStudio/VoiceRunners — issues & discussions
🎮 Itch.iomardev1.itch.io/voice-runner
🌐 Main Onlinevoicerunners.vercel.app

🛠 TEKNOLOGI

TeknologiUntuk
HTML5 CanvasSemua rendering game
Vanilla JSFramework-free
Web Audio APIVoice volume (lompat & isi lubang) + SFX + musik
Firebase RTDBMultiplayer sync + leaderboard global
Firebase AuthAnonymous auth (identitas pemain)
Service WorkerPWA offline shell
localStorageSave data + cache skor

Browser Support

Voice pakai Web Audio API (AnalyserNode) — jalan di semua browser modern yang mendukung getUserMedia (bukan lagi SpeechRecognition yang cuma Chrome). Kalau izin mic ditolak, ada fallback otomatis.

BrowserGameVoiceMultiplayer
Chrome ✅
Edge ✅
Firefox ✅
Safari ✅

📁 STRUKTUR FILE

📦 VoiceRunner
├── 📄 index.html → Entry point + semua UI
├── 📄 manifest.json → PWA manifest
├── 📄 sw.js → Service worker (offline shell)
├── 📄 vercel.json → Config Vercel
├── 📁 js/
│ ├── 📄 game.js → Core engine (game loop, physics, voice)
│ ├── 📄 audio.js → Web Audio API (musik + SFX)
│ └── 📄 multiplayer.js → Firebase multiplayer + auth + leaderboard global
├── 📁 css/
│ └── 📄 style.css → Styling
├── 📁 Music/ → File musik MP3
├── 📁 assets/ → Sprite, ikon PWA & aset
└── 📁 .github/workflows/ → ZIP Itch.io + Release + build Electron (desktop) → GitHub Release

📄 LISENSI

  • Kode: Open source — bebas pakai & modifikasi
  • Musik: Music/Moavii - Foreign (freetouse.com).mp3 — bebas royalti dari freetouse.com, atribusi: "Music: Moavii - Foreign (freetouse.com)"
  • Sprite: Buatan sendiri

🐛 Ada bug? Mau nambah fitur? Tinggal bilang aja!

Releases

Packages

Contributors

Languages