Blog.
Kumpulan tulisan, tutorial, dan wawasan saya seputar pengembangan web, mekanika game, dan rekayasa perangkat lunak.
Dasar-Dasar HTML5 Canvas: Memulai Game 2D
Pelajari dasar-dasar HTML5 Canvas untuk pengembangan game, meliputi context, bentuk, warna, gradien, dan rendering teks lanjutan.
HTML5 Canvas: Fisika Tingkat Lanjut dan Hitbox Kolisi
Temukan rahasia di balik tabrakan game 2D, fisika proyektil, bola memantul, gesekan lantai (friction), dan hitbox responsif.
HTML5 Canvas: Game Loop dan Animasi
Pelajari jantung dari pembuatan game: membuat game loop yang mulus menggunakan requestAnimationFrame, clearRect, dan update posisi objek.
HTML5 Canvas: Menangani Input Pemain (Keyboard & Mouse)
Pelajari cara membuat game Anda interaktif dengan mendengarkan input tombol keyboard dan melacak koordinat mouse pemain.
HTML5 Canvas: Animasi Sprite dan Fisika Game
Pelajari cara membangun Player Class lengkap dengan animasi frame sprite, fisika gravitasi, dan mesin state berdasarkan kode game nyata.
Transformasi HTML5 Canvas: Translate, Rotate, dan Scale
Pelajari cara mengubah bentuk Canvas dengan memindahkan titik origin lewat translate, melakukan rotasi, sampai membalik/flip gambar.
Memahami Pathfinding Game: DFS, BFS, Dijkstra, dan A*
Panduan lengkap memahami algoritma pathfinding dalam pembuatan game, mulai dari dasar DFS dan BFS hingga Dijkstra dan A* (A-Star).