Game perang, pesawat unik, pesawat musuh lebih dari 10 berwarna silver,'s game

Click here for free DL of the app version that can save data.

No:37990

106

←

Prev Next

→

Game perang, pesawat unik, pesawat musuh lebih dar..ALL
Developer anonymous｜Date and time 24/1/22 3:44:51
Build time 6386 sec｜Game capacity 6.386KB｜

Script

dan musuh bergerak dari atas ke bawah. Pesawat pemain harus menghindari tembakan musuh dan menghancurkan mereka dengan menembak balik. Jumlah nyawa pemain akan ditampilkan di layar. Jika pesawat pemain tertembak atau jika musuh mencapai bagian bawah layar, permainan berakhir. Berikut ini adalah contoh implementasi game perang menggunakan HTML dan JavaScript:

Untuk bermain game ini, Anda dapat membuka file HTML di browser pada smartphone Anda. Pesawat pemain dapat diarahkan menggunakan tombol kiri dan kanan, sedangkan peluru ditembakkan menggunakan tombol spasi. Anda harus menghindari tembakan musuh sambil mencoba menghancurkan musuh dengan menembak balik. Manuver pesawat dan gunakan tembakan dengan bijak untuk mendapatkan skor tertinggi!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

Click here for free DL of the app version that can save data.

Berikut ini adalah contoh implementasi game perang menggunakan HTML dan JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Game Perang Pesawat</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Objek Pesawat Pemain
        function Player() {
            this.width = 50;
            this.height = 50;
            this.x = (canvas.width - this.width) / 2;
            this.y = canvas.height - this.height;
            this.speed = 5;
            this.color = "blue";
            this.draw = function() {
                context.fillStyle = this.color;
                context.fillRect(this.x, this.y, this.width, this.height);
            }
            this.moveLeft = function() {
                this.x -= this.speed;
            }
            this.moveRight = function() {
                this.x += this.speed;
            }
            this.shoot = function() {
                bullets.push(new Bullet(this.x + this.width / 2));
            }
            this.checkCollision = function() {
                for (var i = 0; i < enemies.length; i++) {
                    if (
                        this.x < enemies[i].x + enemies[i].width &&
                        this.x + this.width > enemies[i].x &&
                        this.y < enemies[i].y + enemies[i].height &&
                        this.y + this.height > enemies[i].y
                    ) {
                        lives--;
                        if (lives === 0) {
                            alert("Permainan Berakhir. Skor Anda: " + score);
                            document.location.reload();
                        } else {
                            this.x = (canvas.width - this.width) / 2;
                            this.y = canvas.height - this.height;
                        }
                    }
                }
            }
        }

// Objek Pesawat Musuh
        function Enemy(x) {
            this.width = 30;
            this.height = 30;
            this.x = x;
            this.y = 0;
            this.speed = 2;
            this.color = "silver";
            this.draw = function() {
                context.fillStyle = this.color;
                context.fillRect(this.x, this.y, this.width, this.height);
            }
            this.move = function() {
                this.y += this.speed;
            }
            this.checkCollision = function() {
                for (var i = 0; i < bullets.length; i++) {
                    if (
                        this.x < bullets[i].x + bullets[i].width &&
                        this.x + this.width > bullets[i].x &&
                        this.y < bullets[i].y + bullets[i].height &&
                        this.y + this.height > bullets[i].y
                    ) {
                        bullets.splice(i, 1);
                        enemies.splice(enemies.indexOf(this), 1);
                        score++;
                    }
                }
            }
            this.checkOutOfBounds = function() {
                if (this.y > canvas.height) {
                    lives--;
                    if (lives === 0) {
                        alert("Permainan Berakhir. Skor Anda: " + score);
                        document.location.reload();
                    } else {
                        enemies.splice(enemies.indexOf(this), 1);
                    }
                }
            }
        }

// Objek Peluru
        function Bullet(x) {
            this.width = 5;
            this.height = 10;
            this.x = x;
            this.y = canvas.height - 50;
            this.speed = 5;
            this.color = "red";
            this.draw = function() {
                context.fillStyle = this.color;
                context.fillRect(this.x, this.y, this.width, this.height);
            }
            this.move = function() {
                this.y -= this.speed;
            }
        }
        
        // Mendeteksi input pemain menggunakan tombol
        document.addEventListener("keydown", function(event) {
            if (event.keyCode === 37) {
                player.moveLeft();
            }
            if (event.keyCode === 39) {
                player.moveRight();
            }
            if (event.keyCode === 32) {
                player.shoot();
            }
        });

function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);

player.draw();

for (var i = 0; i < enemies.length; i++) {
                enemies[i].draw();
                enemies[i].move();
                enemies[i].checkCollision();
                enemies[i].checkOutOfBounds();
            }

for (var i = 0; i < bullets.length; i++) {
                bullets[i].draw();
                bullets[i].move();
            }

scoreText = "Skor: " + score;
            livesText = "Sisa Nyawa: " + lives;

context.font = "20px Arial";
            context.fillStyle = "black";
            context.fillText(scoreText, 10, 20);
            context.fillText(livesText, 10, 50);

player.checkCollision();

requestAnimationFrame(update);
        }

function startGame() {
            player = new Player();

for (var i = 0; i < 10; i++) {
                enemies.push(new Enemy(i * 80 + 50));
            }

update();
        }

startGame();
    </script>
</body>
</html>
```