AI game creator

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

No:1418

266

←

Prev Next

→

shooting game
Developer User3336｜Date and time 23/6/18 15:10:52
Build time 37.715 sec｜Game capacity 4.847KB｜

Script

ゲームの概要：プレイヤーはキーボードで左右に操作し、敵を撃破してスコアを稼ぎます。敵に衝突した場合はゲームオーバーとなります。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>シューティングゲーム</title>
</head>
<body>

// プレイヤー
        var player = {
            x: 200,
            y: 500,
            width: 50,
            height: 50,
            color: "yellow",
            moveLeft: false,
            moveRight: false
        };

// 敵
        var enemies = [];

// 弾
        var bullets = [];

// ゲームスコア
        var score = 0;

// プレイヤーの移動
        document.addEventListener("keydown", function(event) {
            if(event.keyCode === 37) {
                player.moveLeft = true;
            } else if(event.keyCode === 39) {
                player.moveRight = true;
            }
        });
        document.addEventListener("keyup", function(event) {
            if(event.keyCode === 37) {
                player.moveLeft = false;
            } else if(event.keyCode === 39) {
                player.moveRight = false;
            }
        });

// 敵の作成
        function createEnemy() {
            var enemy = {
                x: Math.random() * (canvas.width - 50),
                y: Math.random() * (-100),
                width: 50,
                height: 50,
                color: "red"
            };
            enemies.push(enemy);
            setTimeout(createEnemy, 2000);
        }

// 弾の作成
        function createBullet() {
            var bullet = {
                x: player.x + player.width / 2,
                y: player.y,
                width: 10,
                height: 20,
                color: "blue"
            };
            bullets.push(bullet);
        }

// キャンバスの更新
        function updateCanvas() {
            // プレイヤーの移動
            if(player.moveLeft && player.x > 0) {
                player.x -= 5;
            } else if(player.moveRight && player.x < canvas.width - player.width) {
                player.x += 5;
            }

// 敵の移動
            for(var i = 0; i < enemies.length; i++) {
                enemies[i].y += 2;
            }

// 弾の移動
            for(var i = 0; i < bullets.length; i++) {
                bullets[i].y -= 10;
            }

// 衝突判定
            for(var i = 0; i < enemies.length; i++) {
                for(var j = 0; j < bullets.length; j++) {
                    if(collide(enemies[i], bullets[j])) {
                        enemies.splice(i, 1);
                        bullets.splice(j, 1);
                        score += 10;
                        break;
                    }
                }
            }
            for(var i = 0; i < enemies.length; i++) {
                if(collide(enemies[i], player)) {
                    alert("ゲームオーバー\nスコア：" + score);
                    location.reload();
                    clearInterval(intervalId);
                    break;
                }
            }

// キャンバスの描画
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// プレイヤーの描画
            ctx.fillStyle = player.color;
            ctx.fillRect(player.x, player.y, player.width, player.height);

// 敵の描画
            for(var i = 0; i < enemies.length; i++) {
                ctx.fillStyle = enemies[i].color;
                ctx.fillRect(enemies[i].x, enemies[i].y, enemies[i].width, enemies[i].height);
            }

// 弾の描画
            for(var i = 0; i < bullets.length; i++) {
                ctx.fillStyle = bullets[i].color;
                ctx.fillRect(bullets[i].x, bullets[i].y, bullets[i].width, bullets[i].height);
            }

// スコアの描画
            ctx.fillStyle = "black";
            ctx.font = "20px Arial";
            ctx.fillText("スコア：" + score, 10, 30);
        }

// 衝突判定
        function collide(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;
        }

// ゲームの開始
        createEnemy();
        var intervalId = setInterval(updateCanvas, 10);
        setInterval(createBullet, 500);
    </script>

</body>
</html>

ゲームの概要：プレイヤーはキーボードで左右に操作し、敵を撃破してスコアを稼ぎます。敵に衝突した場合はゲームオーバーとなります。