Shooter on mobile but if you lose this shooter becomes strange game's game

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

No:8293

641

←

Prev Next

→

Shooter on mobile but if you lose this shooter bec..ALL
Developer User4165｜Date and time 23/7/14 21:38:55
Build time 33.528 sec｜Game capacity 5.357KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Shooter Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="300"></canvas>

// Create player object
        var player = {
            x: canvas.width / 2,
            y: canvas.height - 30,
            width: 20,
            height: 20,
            color: "#0095DD",
            speed: 5
        };

// Create bullet object
        var bullet = {
            x: player.x,
            y: player.y,
            width: 5,
            height: 10,
            color: "#FF0000",
            speed: 8,
            visible: false
        };

// Create enemy object
        var enemy = {
            x: Math.random() * (canvas.width - 50),
            y: -10,
            width: 40,
            height: 40,
            color: "#00FF00",
            speed: 2
        };

// Variables to store game status
        var gameStarted = false;
        var gameOver = false;
        var score = 0;

// Event listener for device orientation change
        window.addEventListener("deviceorientation", handleOrientation, true);

function handleOrientation(event) {
            if (!gameOver && gameStarted) {
                var x = event.gamma;  // Rotation around the x-axis in degrees [-90, 90]
                var y = event.beta;   // Rotation around the y-axis in degrees [-180, 180]

if (x > 10) {
                    player.x += player.speed;
                } else if (x < -10) {
                    player.x -= player.speed;
                }

if (y > 10) {
                    player.y += player.speed;
                } else if (y < -10) {
                    player.y -= player.speed;
                }
            }
        }

// Function to handle keydown event on mobile (simulate spacebar key press)
        function handleMobileKeyDown() {
            if (event.keyCode == 32) {
                if (!gameOver && gameStarted) {
                    shoot();
                } else {
                    startGame();
                }
            }
        }

// Event listener for keydown event on mobile
        window.addEventListener("keydown", handleMobileKeyDown);

// Function to draw player
        function drawPlayer() {
            ctx.beginPath();
            ctx.rect(player.x, player.y, player.width, player.height);
            ctx.fillStyle = player.color;
            ctx.fill();
            ctx.closePath();
        }

// Function to draw bullet
        function drawBullet() {
            if (bullet.visible) {
                ctx.beginPath();
                ctx.rect(bullet.x, bullet.y, bullet.width, bullet.height);
                ctx.fillStyle = bullet.color;
                ctx.fill();
                ctx.closePath();
            }
        }

// Function to draw enemy
        function drawEnemy() {
            ctx.beginPath();
            ctx.rect(enemy.x, enemy.y, enemy.width, enemy.height);
            ctx.fillStyle = enemy.color;
            ctx.fill();
            ctx.closePath();
        }

// Function to update game state
        function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

if (gameStarted && !gameOver) {
                drawPlayer();
                drawBullet();
                drawEnemy();

if (bullet.visible) {
                    bullet.y -= bullet.speed;

if (bullet.y < 0) {
                        bullet.visible = false;
                    }
                }

enemy.y += enemy.speed;

if (enemy.y > canvas.height) {
                    enemy.x = Math.random() * (canvas.width - 50);
                    enemy.y = -10;
                    score += 10;
                }

if (collisionDetection()) {
                    gameOver = true;
                    enemy.speed = 0;
                    bullet.visible = false;

alert("Game Over! Your score is: " + score);
                }
            }

requestAnimationFrame(updateGame);
        }

// Function to handle shooting
        function shoot() {
            bullet.x = player.x + player.width / 2 - bullet.width / 2;
            bullet.y = player.y;
            bullet.visible = true;
        }

// Function to handle collision detection
        function collisionDetection() {
            if (enemy.x < bullet.x + bullet.width &&
                enemy.x + enemy.width > bullet.x &&
                enemy.y < bullet.y + bullet.height &&
                enemy.y + enemy.height > bullet.y) {
                return true;
            }
            return false;
        }

// Function to start the game
        function startGame() {
            player.x = canvas.width / 2;
            player.y = canvas.height - 30;
            enemy.x = Math.random() * (canvas.width - 50);
            enemy.y = -10;
            score = 0;
            gameStarted = true;
            gameOver = false;

updateGame();
        }

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