Space Shoter insane Danmaku game's game

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

No:19463

←

Prev Next

→

Space Shoter insane Danmaku game
Developer User8628｜Date and time 23/10/4 3:41:20
Build time 18.852 sec｜Game capacity 5.277KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Space Shooter - Insane Danmaku Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    <script>
        // Enclose the game code within script tags
        (function(){
            // Initialize the canvas and context
            var canvas = document.getElementById("gameCanvas");
            var context = canvas.getContext("2d");

// Define the game variables
            var playerWidth = 50;
            var playerHeight = 50;
            var playerX = canvas.width / 2 - playerWidth / 2;
            var playerY = canvas.height - playerHeight;
            var playerSpeed = 5;

var enemyWidth = 30;
            var enemyHeight = 30;
            var enemyX = Math.random() * (canvas.width - enemyWidth);
            var enemyY = -enemyHeight;
            var enemySpeed = 2;

var bullets = [];
            var bulletWidth = 10;
            var bulletHeight = 20;
            var bulletSpeed = 10;

var score = 0;

// Define the game functions
            function drawPlayer() {
                var playerImg = new Image();
                playerImg.src = "player-pictogram.png";
                context.drawImage(playerImg, playerX, playerY, playerWidth, playerHeight);
            }

function drawEnemy() {
                var enemyImg = new Image();
                enemyImg.src = "enemy-pictogram.png";
                context.drawImage(enemyImg, enemyX, enemyY, enemyWidth, enemyHeight);
            }

function drawBullets() {
                for(var i=0; i<bullets.length; i++) {
                    context.fillStyle = "#ffffff";
                    context.fillRect(bullets[i].x, bullets[i].y, bulletWidth, bulletHeight);
                }
            }

function movePlayer(direction) {
                if (direction === "left" && playerX > 0) {
                    playerX -= playerSpeed;
                } else if (direction === "right" && playerX < canvas.width - playerWidth) {
                    playerX += playerSpeed;
                }
            }

function shoot() {
                bullets.push({
                    x: playerX + playerWidth / 2 - bulletWidth / 2,
                    y: playerY - bulletHeight
                });
            }

function updateEnemy() {
                enemyY += enemySpeed;
                
                if(enemyY > canvas.height) {
                    enemyX = Math.random() * (canvas.width - enemyWidth);
                    enemyY = -enemyHeight;
                    score++;
                }
            }

function collisionDetection() {
                for(var i=0; i<bullets.length; i++) {
                    if(bullets[i].x < enemyX + enemyWidth &&
                       bullets[i].x + bulletWidth > enemyX &&
                       bullets[i].y < enemyY + enemyHeight &&
                       bullets[i].y + bulletHeight > enemyY) {
                           bullets.splice(i, 1);
                           i--;
                           
                           enemyX = Math.random() * (canvas.width - enemyWidth);
                           enemyY = -enemyHeight;
                           
                           score++;
                       }
               }

if(playerX < enemyX + enemyWidth &&
                  playerX + playerWidth > enemyX &&
                  playerY < enemyY + enemyHeight &&
                  playerY + playerHeight > enemyY) {
                      // Game Over
                      alert("Game Over! Your Score: " + score);
                      document.location.reload();
                  }
            }

function drawScore() {
                context.font = "16px Arial";
                context.fillStyle = "#ffffff";
                context.fillText("Score: " + score, 8, 20);
            }

function drawGame() {
                context.clearRect(0, 0, canvas.width, canvas.height);
                drawPlayer();
                drawEnemy();
                drawBullets();
                drawScore();
                
                collisionDetection();
                updateBullets();
                updateEnemy();
                
                requestAnimationFrame(drawGame);
            }

// Bind keyboard events
            document.addEventListener("keydown", function(event){
                if(event.keyCode === 37) {  // Left arrow key
                    movePlayer("left");
                }
                else if(event.keyCode === 39) {  // Right arrow key
                    movePlayer("right");
                }
                else if(event.keyCode === 32) {  // Spacebar key
                    shoot();
                }
            });

// Start the game
            drawGame();
        })();
    </script>
</body>
</html>