🔊
Tutorial · Part 6
Frogger Sound Effects: Suara Lompat, Cipratan, dan Level Up
Web Audio API — suara lompat, cipratan/mati, jingle gol, melodi level up, tombol mute.
23 Apr 2026 · 01:00 AM · 6 menit baca
📈
Tutorial · Part 5
Frogger Level: Lalu Lintas Makin Cepat Setiap Level
Tabel konfigurasi level, skala kecepatan, rintangan tambahan, timer lebih pendek.
23 Apr 2026 · 12:00 AM · 6 menit baca
❤️
Tutorial · Part 4
Frogger Skor & Nyawa: Poin, Timer, dan Game Over
Sistem skor, nyawa, timer mundur, skor tertinggi dengan localStorage, HUD, layar game over.
23 Apr 2026 · 11:00 PM · 6 menit baca
💥
Tutorial · Part 3
Frogger Deteksi Tabrakan: Mobil, Air, dan Zona Aman
Tabrakan AABB, tabrak mobil, tenggelam, zona aman, deteksi gol, animasi mati.
23 Apr 2026 · 10:00 PM · 7 menit baca
🚗
Tutorial · Part 2
Frogger Lalu Lintas & Batang Kayu: Rintangan Bergerak
Objek rintangan, wrapping layar, mekanik naik batang kayu, kecepatan jalur berbeda.
23 Apr 2026 · 09:00 PM · 7 menit baca
🐸
Tutorial · Part 1
Cara Membuat Game Frogger: Dasar untuk Pemula
Sistem grid/jalur, menggambar katak, input keyboard, tipe dan warna jalur, game loop.
23 Apr 2026 · 08:00 PM · 10 menit baca
🔊
Tutorial · Part 6
Snake Sound Effects: Suara Makan, Mati, dan Level Up
Tambahkan efek suara menggunakan Web Audio API — suara makan, mati, jingle level up, dan tombol mute.
23 Apr 2026 · 07:00 PM · 6 menit baca
📱
Tutorial · Part 5
Snake Mobile Controls: Swipe untuk Mengubah Arah
Touch events, deteksi swipe, canvas responsif, dan testing mobile untuk game Snake.
23 Apr 2026 · 06:00 PM · 6 menit baca
🔄
Tutorial · Part 4
Snake Wall Wrapping: Muncul di Sisi Sebaliknya
Aritmatika modulo untuk wrapping, efek visual, toggle mode, dan konsep kids mode.
23 Apr 2026 · 05:00 PM · 5 menit baca
⚡
Tutorial · Part 3
Snake Speed Increase: Makin Cepat Saat Tumbuh
Kecepatan dinamis, tier kecepatan, timing requestAnimationFrame, dan kurva kesulitan.
23 Apr 2026 · 04:00 PM · 5 menit baca
🏆
Tutorial · Part 2
Snake High Score: Simpan dan Tampilkan Skor Terbaik
Persistensi localStorage, animasi +10 melayang, dan layar game over dengan perbandingan skor.
23 Apr 2026 · 03:00 PM · 6 menit baca
🐍
Tutorial · Part 1
Cara Membuat Game Snake: Dasar untuk Pemula
Pelajari dasar-dasar: sistem grid, gerakan ular, spawn makanan, deteksi tabrakan, dan game loop — semua dengan HTML Canvas dan JavaScript.
23 Apr 2026 · 02:00 PM · 10 menit baca
🔊
Tutorial · Part 6
Pac-Man Sound Effects: Waka-Waka dan Lainnya
Tambahkan efek suara ke game Pac-Man menggunakan Web Audio API. Buat suara waka-waka, hantu dimakan, siren power mode, dan suara mati — tanpa file audio.
23 Apr 2026 · 01:00 PM · 7 menit baca
📈
Tutorial · Part 5
Pac-Man Level: Percepat Hantu Setiap Level
Tambahkan progresi level dengan kecepatan hantu meningkat, power pellet lebih singkat, dan layar transisi.
23 Apr 2026 · 12:00 PM · 6 menit baca
💊
Tutorial · Part 4
Pac-Man Power Pellet: Hantu Jadi Biru dan Bisa Dimakan
Implementasi power pellet yang membuat hantu jadi biru dan bisa dimakan untuk bonus poin bertingkat.
23 Apr 2026 · 11:00 AM · 7 menit baca
👻
Tutorial · Part 3
Pac-Man Ghost Chase AI: Buat Hantu Mengejar Pemain
Berikan setiap hantu kepribadian unik — Blinky mengejar, Pinky menyergap, Inky mengapit, Clyde berkeliaran.
23 Apr 2026 · 10:00 AM · 7 menit baca
🏆
Tutorial · Part 2
Pac-Man Score Tracking: Hitung Dot dan Tampilkan Skor
Hitung dot yang dimakan, tampilkan skor di canvas, simpan skor tertinggi, dan deteksi kondisi menang.
23 Apr 2026 · 09:00 AM · 6 menit baca
👾
Tutorial · Part 1
Cara Membuat Game Pac-Man untuk Pemula
Buat game Pac-Man dari nol dengan HTML Canvas dan JavaScript murni. Map, gerakan, dan AI hantu.
23 Apr 2026 · 08:00 AM · 8 menit baca