Game Snake klasik berpenampilan modern dengan gaya neon-dark. Dibangun murni menggunakan HTML5 Canvas, CSS3, dan Vanilla JavaScript tanpa external bundler atau runtime library.
| Kategori | Teknologi | Badges |
|---|---|---|
| Markup | HTML5 |  |
| Styling | CSS3 |  |
| Logic | Vanilla JS |  |
| Fonts | Google Fonts |  |
- 🎨 UI Gelap Modern (Neon-Dark): Tampilan visual berbasis glassmorphism dengan kombinasi warna gelap redup (
#0f172a) dan aksen hijau emerald (#10b981). - 🎮 Kontrol Responsif: Mendukung penuh kontrol ganda via WASD dan Arrow Keys (tombol arah).
- 🍎 Desain Aset Dinamis: Makanan berbentuk buah apel dengan bayangan, kilau cahaya, dan daun kecil. Ular memiliki warna gradasi dinamis dari kepala ke ekor.
- ⏱️ Mekanisme Timer Pintar: Timer 60 detik hanya berjalan ketika ular mulai bergerak, mencegah kekalahan instan saat pertama kali bermain.
- ⏱️ Jeda & Hitung Mundur: Fitur jeda (pause) dilengkapi dengan hitung mundur 3 detik saat permainan dilanjutkan (resume) agar pemain dapat bersiap.
- ⌨️ Shortcut Tombol Spasi: Mempermudah menjeda dan melanjutkan permainan langsung menggunakan tombol Space.
- 🛡️ Algoritma Bebas Tabrakan Makanan: Menjamin buah apel baru tidak akan pernah bertelur di atas koordinat tubuh ular.
- ⚡ Overlay Game Over Asli: Menghapus
alert()bawaan browser yang mengganggu alur bermain, digantikan dengan modal popup UI interaktif.
Gunakan tombol berikut di keyboard Anda untuk mengarahkan ular:
| Aksi | Keyboard Utama | Keyboard Alternatif |
|---|---|---|
| Atas | W | ↑ |
| Bawah | S | ↓ |
| Kiri | A | ← |
| Kanan | D | → |
| Jeda / Lanjut | Space |
📁 game-snake-javascript-master/
├── 📁 docs/ # Audit otomatis proyek
├── 📄 .gitignore # Konfigurasi pengecualian Git
├── 📄 AGENTS.md # Panduan khusus untuk OpenCode AI agent
├── 📄 index.html # File HTML utama (struktur UI)
├── 📄 LICENSE # Lisensi proyek (MIT)
├── 📄 README.md # Dokumentasi utama proyek
├── 📄 snake.js # Game engine dan rendering loop
└── 📄 style.css # Tata letak & styling tema neon-dark
Proyek ini tidak memerlukan instalasi dependensi pihak ketiga atau proses build (zero configuration).
- Clone repositori ini ke komputer lokal Anda:
git clone https://github.com/pyforgedev/game-snake-javascript.git
- Jalankan server lokal untuk menghindari masalah keamanan CORS pada browser:
- Python:
python3 -m http.server 8000
- Node.js (serve):
npx serve .
- Python:
- Buka alamat
http://localhost:8000(atau port yang tertera) di browser kesayangan Anda.
Proyek ini dilisensikan di bawah Lisensi MIT - lihat file LICENSE untuk detail lebih lanjut.