Halo, di sini saya akan membawakan link-link video tutorial yang saya buat kalau ada yang ingin belajar programming cara membuat permainan game HTML5 mencari perbedaan antara dua gambar. Pasti game ini tidak asing lagi ya. Nah di video-video ini saya tunjukkan cara membuatnya:
Tinggal klik link playlist ini yah, kira-kira ada 16 video singkat yang bisa diikuti untuk membuat game seperti ini: https://www.youtube.com/watch?v=K7R6Q_31oyw&list=PLT2PgOHCtd7YGRiAWngTHC2JBP9MHa477
Berikut ini adalah list video-video terakhir di playlist cara membuat game Mencari Perbedaan Gambar:
1 Mengenal Phaser, sebuah library JavaScript untuk membuat game HTML5
2 Membuat game HTML : Mencari Perbedaan Gambar – Menambahkan gambar tepat di tengah layar
3 Cara menambahkan tombol tak terlihat pada HTML5 game development menggunakan Phaser.js
4 Cara membuat sebuah function untuk menghindari pengulangan penulisan kode
5 Menampilkan tanda salah dan benar pada bagian gambar dalam pembuatan Game Mencari Perbedaan Gambar
6 Menemukan 5 perbedaan pada gambar! – Tutorial bikin game HTML5
7 Membuat function untuk tampilkan sepasang tombol pada gambar bagian kanan dan kiri – Phaser Game Dev
8 Membungkus pasangan tombol-tombol game ini dengan sebuah variable array – Tutorial bikin game HTML5
9 Agar tombol perbedaan hanya bisa diklik sekali – Tutorial bikin game HTML5 Mencari Perbedaan Gambar
10 Menampilkan tanda salah dan benar pada sisi berbeda gambar – Cara Bikin Game HTML5 dengan PhaserJS
11 Cara menampilkan teks / tulisan dengan menggunakan library game engine Phaser js
12 Koding skor permainan Cari Perbedaan Gambar – Tutorial HTML5 Game Development menggunakan Phaser JS
13 Cara Membuat Timer pada game HTML Mencari Perbedaan 2 Gambar – Tutorial Coding Game HTML5
14 Cara menambahkan timer dalam bentuk horizontal bar pada game Phaser yang kita buat
15 Cara masking / menambahkan layer mask pada game HTML5 development dengan menggunakan Phaser
16 Bagaimana cara menambahkan file sound effect/file suara pada game HTML5 yang kita buat dengan Phaser
