Halo semua kembali dengan saya FERDY saya akan memberi tutorial membuat game javascript
1.Notepad
Notepad atau lengkapnya Microsoft Notepad adalah editor teks untuk membuat file teks sederhana. Microsoft Notepad telah ada di semua versi sistem operasi Microsoft Windows dimulai sejak Microsoft Windows 1.0 tahun 1985. … Notepad menyimpan file dengan ekstensi .txt dan secara default, menggunakan format teks ANSI.
Untuk notepad yang saya gunakan adalah anwriter free ada dua notepad yang sering saya gunakan pertama adalah anwriter free dan ke dua adalah dcoder
2.Paste codingan nya di notepad kalian lalu save dengan nama bebas ber ekstensi html yah gan
Codingan game flapy bird nya
<html><head> <title> Flappy Bird - Komputer67</title></head><body> <canvas width="400" height="400" id="canv"> </canvas> <script> var y = 200; var x = 200; var vy = 0; var kecepatanpipa = 2; var menang = true;window.addEventListener('click',kontrolmouse,false); //MEMBUAT PIPA //buat array pipa[x][ketinggian] pipa = [ [400, Math.floor(Math.random() * 150) + 50, 0], //antara 50-200 [500, Math.floor(Math.random() * 150) + 50, 0], [600, Math.floor(Math.random() * 150) + 50, 0], [700, Math.floor(Math.random() * 150) + 50, 0], [800, Math.floor(Math.random() * 150) + 50, 0] ]; canv=document.getElementById("canv"); ctx=canv.getContext("2d"); setInterval(game, 1000/30); function game(){ ctx.clearRect(0,0,canv.width,canv.height); //menghapus semua isi canvas vy += 1; y += vy; var image = new Image(); image.src="https://h.top4top.io/p_1786y0rx40.png"; ctx.drawImage(image, x, y,40,40); for(i = 0;i<5;i++) { //MEMBUAT PIPA ctx.fillStyle="grey"; ctx.fillRect(pipa[i][0],0,50,pipa[i][1]); //pipa atas ctx.fillStyle="grey"; ctx.fillRect(pipa[i][0],pipa[i][1] + 150, 50, 250 - pipa[i][1]); //pipa bawah //cek jika burung terkena pipa if(pipa[i][0] < 240 && pipa[i][0] > 160 && (pipa[i][1] > y || pipa[i][1] + 150 <= y + 30)) { alert("burung anda kalah"); } //MENYETTING KOORDINAT X PADA PIPA if(pipa[i][0] > -50) //jika masih terlihat di map { pipa[i][0] -= kecepatanpipa; } else if(pipa[i][0] == -50) //jika sudah tidka terlihat, maka pindah pipa ke kanan { //pindah posisi pipa[i][0] = 450; } } if(y > 400) { vy = -10 } } function kontrolmouse(evt) //pemilihan menu { vy = -10; } </script></body></html>Nah lalu cari di penyimpanan kalian atau file manager hp kalian lalu liat file nya game nya sendiri seperti ini
SEKIAN dan terimakasih semoga bermanfaat bagi kalian semua yang melihat artikel saya
Artikel ini di buat oleh FERDY VALENTINO penggemar IT yang bekerja sebagai pembuat Artikel boleh hubungi saya lewat tombol wa yang ada di profil saya ini atau langsung hubungi saya wa.me/6285213091907
