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

No:8811

233

←

Prev Next

→

AI Sitter!
Developer User3589｜Date and time 23/7/18 13:16:49
Build time 27.559 sec｜Game capacity 3.575KB｜

Script

了解です。AIシッターゲームを作成します。以下がプログラムの一例です。

AIシッターゲーム

このプログラムでは、蛇を操作して餌を食べるゲームが実装されています。蛇は自動で移動し、上下左右の矢印キーで操作が可能です。蛇が壁や自分自身にぶつかったり、餌を食べるとゲームオーバーとなります。ただし、スマートフォンの操作には対応していないため、PC上でのプレイを想定しています。画面上の矢印キーをクリックして操作することも可能です。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

了解です。AIシッターゲームを作成します。以下がプログラムの一例です。

```html
<!DOCTYPE html>
<html>
<head>
    <title>AIシッターゲーム</title>
</head>
<body>
    <h1>AIシッターゲーム</h1>
    <canvas id="canvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById("canvas");
        const context = canvas.getContext("2d");
        const size = 20;
        const snakeSpeed = 200;

let snake = [{ x: 4, y: 4 }];
        let direction = { x: 1, y: 0 };
        let food = { x: 10, y: 10 };

function drawSnake() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            snake.forEach(segment => {
                context.fillStyle = "green";
                context.fillRect(segment.x * size, segment.y * size, size, size);
            });
        }

function drawFood() {
            context.fillStyle = "red";
            context.fillRect(food.x * size, food.y * size, size, size);
        }

function moveSnake() {
            const head = { x: snake[0].x + direction.x, y: snake[0].y + direction.y };
            snake.unshift(head);
            snake.pop();
        }

function checkCollision() {
            if (snake[0].x < 0 || snake[0].x >= canvas.width / size || snake[0].y < 0 || snake[0].y >= canvas.height / size) {
                clearInterval(game);
                alert("ゲームオーバー");
            }

if (snake.slice(1).some(segment => segment.x === snake[0].x && segment.y === snake[0].y)) {
                clearInterval(game);
                alert("ゲームオーバー");
            }

if (snake[0].x === food.x && snake[0].y === food.y) {
                snake.push({});
                generateFood();
            }
        }

function generateFood() {
            food = {
                x: Math.floor(Math.random() * (canvas.width / size)),
                y: Math.floor(Math.random() * (canvas.height / size))
            };

if (snake.some(segment => segment.x === food.x && segment.y === food.y)) {
                generateFood();
            }
        }

function main() {
            document.addEventListener("keydown", handleArrowKeys);
            game = setInterval(() => {
                drawSnake();
                drawFood();
                moveSnake();
                checkCollision();
            }, snakeSpeed);
        }

main();
    </script>
</body>
</html>
```

このプログラムでは、蛇を操作して餌を食べるゲームが実装されています。蛇は自動で移動し、上下左右の矢印キーで操作が可能です。蛇が壁や自分自身にぶつかったり、餌を食べるとゲームオーバーとなります。

ただし、スマートフォンの操作には対応していないため、PC上でのプレイを想定しています。画面上の矢印キーをクリックして操作することも可能です。