Escape from historical island's game

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

No:2010

1596

←

Prev Next

→

Escape from historical island
Developer User3462｜Date and time 23/6/19 18:50:31
Build time 15.281 sec｜Game capacity 1.77KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p><!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>真空ジェシカのシューティングゲーム</title>
    <style>
        canvas { background: #000; display: block; margin: 0 auto; }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
  
    <script>
        const canvas = document.getElementById('gameCanvas');
        const context = canvas.getContext('2d');

// ゲームの初期設定
        let score = 0;
        let gameEnd = false;

// プレイヤーの設定
        const player = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            width: 50,
            height: 50,
            color: '👩‍🚀'
        }

// 敵の設定
        let enemies = [];
        const enemySize = 50;
        const enemyColor = '🚀';
        const enemySpeed = 1;

// 弾の設定
        let bullets = [];
        const bulletSize = 10;
        const bulletSpeed = 5;
        const bulletColor = '#FF0000';

// プレイヤーの操作
        document.addEventListener('keydown', movePlayer);

// 敵の生成
        function createEnemies() {
            for (let i = 0; i < 5; i++) {
                enemies.push({
                    x: Math.random() * (canvas.width - enemySize),
                    y: Math.random() * (canvas.height / 2),
                    width: enemySize,
                    height: enemySize,
                    color: enemyColor,
                    speed: enemySpeed
                });
            }
        }

// 弾の移動
        function moveBullets() {
            for (let i = 0; i < bullets.length; i++) {
                bullets[i].y -= bullets[i].speed;

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

// 敵の移動
        function moveEnemies() {
            for (let i = 0; i < enemies.length; i++) {
                enemies[i].y += enemies[i].speed;

if (enemies[i].y + enemies[i].height > canvas.height) {
                    gameEnd = true;
                }
            }
        }

// 衝突判定
        function checkCollision() {
            for (let i = 0; i < bullets.length; i++) {
                for (let j = 0; j < enemies.length; j++) {
                    if (
                        bullets[i].x < enemies[j].x + enemies[j].width &&
                        bullets[i].x + bullets[i].width > enemies[j].x &&
                        bullets[i].y < enemies[j].y + enemies[j].height &&
                        bullets[i].y + bullets[i].height > enemies[j].y
                    ) {
                        bullets.splice(i, 1);
                        i--;
                        enemies.splice(j, 1);
                        j--;

score++;
                    }
                }
            }
        }

// ゲームの描画
        function drawGame() {
            context.clearRect(0, 0, canvas.width, canvas.height);

if (!gameEnd) {
                // プレイヤーの描画
                context.fillStyle = player.color;
                context.fillRect(player.x - player.width / 2, player.y - player.height / 2, player.width, player.height);

// 弾の描画
                bullets.forEach(function(bullet) {
                    context.fillStyle = bullet.color;
                    context.fillRect(bullet.x - bullet.width / 2, bullet.y - bullet.height / 2, bullet.width, bullet.height);
                });

// 敵の描画
                enemies.forEach(function(enemy) {
                    context.fillStyle = enemy.color;
                    context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
                });

// スコアの描画
                context.fillStyle = '#FFF';
                context.font = '20px Arial';
                context.fillText('Score: ' + score, 10, 30);

requestAnimationFrame(drawGame);
            } else {
                // ゲーム終了時の表示
                context.fillStyle = '#FFF';
                context.font = '30px Arial';
                context.fillText('Game Over', canvas.width / 2 - 100, canvas.height / 2);
                context.fillText('Final Score: ' + score, canvas.width / 2 - 100, canvas.height / 2 + 50);
            }
        }

createEnemies();
        drawGame();

setInterval(function() {
            moveBullets();
            moveEnemies();
            checkCollision();
        }, 10);
    </script>
</body>
</html>