AI game creator

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

No:12558

←

Prev Next

→

Shooting Game
Developer User3760｜Date and time 23/8/19 22:35:46
Build time 18.977 sec｜Game capacity 3.453KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>射击游戏</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

var player = {
            x: 200,
            y: 380,
            width: 40,
            height: 20,
            speed: 5
        };

var bullets = [];

var enemy = {
            x: 200,
            y: 40,
            width: 20,
            height: 20,
            speed: 2
        };

var score = 0;

function drawPlayer() {
            context.fillStyle = "#FF0000";
            context.fillRect(player.x, player.y, player.width, player.height);
        }

function drawBullets() {
            for (var i = 0; i < bullets.length; i++) {
                context.fillStyle = "#0000FF";
                context.fillRect(bullets[i].x, bullets[i].y, bullets[i].width, bullets[i].height);
            }
        }

function drawEnemy() {
            context.fillStyle = "#00FF00";
            context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
        }

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

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

drawPlayer();
            drawBullets();
            drawEnemy();
            drawScore();

if (player.x < 0)
                player.x = 0;
            if (player.x + player.width > canvas.width)
                player.x = canvas.width - player.width;

for (var i = 0; i < bullets.length; i++) {
                bullets[i].y -= bullets[i].speed;

if (bullets[i].y < 0) {
                    bullets.splice(i, 1);
                    i--;
                }
                else if (checkCollision(bullets[i], enemy)) {
                    bullets.splice(i, 1);
                    i--;

score++;
                    enemy.x = Math.random() * (canvas.width - enemy.width);
                    enemy.y = 40;
                }
            }

enemy.y += enemy.speed;

if (enemy.y > canvas.height) {
                enemy.x = Math.random() * (canvas.width - enemy.width);
                enemy.y = 40;
            }

requestAnimationFrame(update);
        }

function checkCollision(obj1, obj2) {
            if (obj1.x < obj2.x + obj2.width &&
                obj1.x + obj1.width > obj2.x &&
                obj1.y < obj2.y + obj2.height &&
                obj1.y + obj1.height > obj2.y) {
                return true;
            }
            return false;
        }

update();
    </script>
</body>
</html>