AI game creator

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

No:8724

259

←

Prev Next

→

Space shooter game
Developer User4234｜Date and time 23/7/18 0:59:00
Build time 52.385 sec｜Game capacity 6.434KB｜

Script

Ini adalah contoh game space shooter yang dapat dimainkan di smartphone menggunakan HTML dan JavaScript. Game ini menggabungkan penggunaan pictogram untuk menggambarkan elemen-elemen dalam game ini. Berikut adalah contohnya:

Untuk memainkan game ini, kamu tinggal menjalankan kode HTML di browser dan menggerakkan pemain menggunakan tombol panah kiri dan kanan pada keyboard untuk menghindari musuh. Musuh akan muncul dari atas dan Anda harus menghindari mereka. Skor Anda akan bertambah setiap kali musuh mencapai batas bawah layar. Jika pemain menabrak musuh, maka akan muncul popup "Game Over" dengan skor Anda.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Space Shooter</title>
    <style>
        #game-canvas {
            background-color: black;
        }
    </style>
</head>
<body>
    <canvas id="game-canvas" width="400" height="600"></canvas>
    
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            // Mendapatkan referensi ke elemen canvas
            var canvas = document.getElementById("game-canvas");
            var ctx = canvas.getContext("2d");
            
            // Mengatur ukuran pesawat pemain
            var playerWidth = 40;
            var playerHeight = 40;
            
            // Mendefinisikan posisi awal pemain
            var playerX = canvas.width / 2 - playerWidth / 2;
            var playerY = canvas.height - playerHeight - 10;
            
            // Mendefinisikan kecepatan pemain
            var playerSpeed = 5;
            
            // Mengatur ukuran musuh
            var enemyWidth = 30;
            var enemyHeight = 30;
            
            // Mendefinisikan array untuk menyimpan musuh-musuh
            var enemies = [];
            
            // Mendefinisikan waktu respawn musuh
            var enemyRespawnTime = 1000; // Setiap detik
            
            // Mendefinisikan skor pemain
            var score = 0;
            
            // Fungsi untuk menggambar pemain
            function drawPlayer() {
                ctx.fillStyle = "blue";
                ctx.fillRect(playerX, playerY, playerWidth, playerHeight);
            }
            
            // Fungsi untuk menggambar musuh
            function drawEnemies() {
                ctx.fillStyle = "red";
                
                for (var i = 0; i < enemies.length; i++) {
                    var enemy = enemies[i];
                    ctx.fillRect(enemy.x, enemy.y, enemyWidth, enemyHeight);
                }
            }
            
            // Fungsi untuk menggerakkan pemain
            function movePlayer(dir) {
                if (dir === "left") {
                    playerX -= playerSpeed;
                } else if (dir === "right") {
                    playerX += playerSpeed;
                }
                
                // Membatasi pemain agar tidak keluar dari layar
                if (playerX < 0) {
                    playerX = 0;
                }
                
                if (playerX + playerWidth > canvas.width) {
                    playerX = canvas.width - playerWidth;
                }
            }
            
            // Fungsi untuk menggerakkan musuh
            function moveEnemies() {
                for (var i = 0; i < enemies.length; i++) {
                    var enemy = enemies[i];
                    enemy.y += 2;
                    
                    // Jika musuh mencapai bagian bawah screen, musuh dihapus dan skor ditambah
                    if (enemy.y > canvas.height) {
                        enemies.splice(i, 1);
                        score++;
                    }
                }
            }
            
            // Fungsi untuk mendapatkan jarak antara dua objek
            function getDistance(obj1, obj2) {
                var dx = obj1.x - obj2.x;
                var dy = obj1.y - obj2.y;
                return Math.sqrt(dx * dx + dy * dy);
            }
            
            // Fungsi untuk mendeteksi tabrakan antara pemain dengan musuh
            function checkCollision() {
                for (var i = 0; i < enemies.length; i++) {
                    var enemy = enemies[i];
                    
                    if (getDistance({ x: playerX, y: playerY }, enemy) < playerWidth) {
                        alert("Game Over! Skor Anda: " + score);
                        location.reload();
                    }
                }
            }
            
            // Fungsi untuk menggambar game
            function draw() {
                // Membersihkan canvas
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                
                // Menggambar pemain
                drawPlayer();
                
                // Menggambar musuh
                drawEnemies();
                
                // Menampilkan skor
                ctx.fillStyle = "white";
                ctx.font = "20px Arial";
                ctx.fillText("Skor: " + score, 10, 30);
            }
            
            // Fungsi utama game loop
            function gameLoop() {
                // Menggerakkan musuh
                moveEnemies();
                
                // Mendeteksi tabrakan
                checkCollision();
                
                // Menggambar game
                draw();
                
                // Mengulangi game loop
                requestAnimationFrame(gameLoop);
            }
            
            // Fungsi untuk menambah musuh baru
            function spawnEnemy() {
                var enemy = {
                    x: Math.random() * (canvas.width - enemyWidth), // Mengacak posisi X musuh
                    y: 0 - enemyHeight // Spawn di atas layar
                };
                
                enemies.push(enemy);
            }
            
            // Memulai game loop
            gameLoop();
            
            // Mengatur respawn musuh setiap detik
            setInterval(spawnEnemy, enemyRespawnTime);
            
            // Mendengarkan event ketika tombol ditekan
            document.addEventListener("keydown", function(event) {
                if (event.key === "ArrowLeft") {
                    movePlayer("left");
                } else if (event.key === "ArrowRight") {
                    movePlayer("right");
                }
            });
        });
    </script>
</body>
</html>
```
Untuk memainkan game ini, kamu tinggal menjalankan kode HTML di browser dan menggerakkan pemain menggunakan tombol panah kiri dan kanan pada keyboard untuk menghindari musuh. Musuh akan muncul dari atas dan Anda harus menghindari mereka. Skor Anda akan bertambah setiap kali musuh mencapai batas bawah layar. Jika pemain menabrak musuh, maka akan muncul popup "Game Over" dengan skor Anda.