AI game creator

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

No:40138

←

Prev Next

→

ヘビゲーム
Developer 食べる鶏と熱いタバスコ｜Date and time 24/2/1 7:22:08
Build time 16.859 sec｜Game capacity 5.161KB｜

Script

了解しました。以下にヘビゲームの実装例を示します。

このコードでは、HTML5の

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解しました。以下にヘビゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ヘビゲーム</title>
    <style>
        #game-board {
            width: 300px;
            height: 300px;
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>

let gameBoard = document.getElementById('game-board');
        let ctx = gameBoard.getContext('2d');

document.addEventListener('keydown', changeDirection);

function main() {
            if (gameOver) {
                return;
            }

setTimeout(function() {
                update();
                draw();
                main();
            }, speed);
        }

function update() {
            const head = getSnakeHead();
            const newHead = {x: head.x, y: head.y};

switch (direction) {
                case 'up':
                    newHead.y--;
                    break;
                case 'down':
                    newHead.y++;
                    break;
                case 'left':
                    newHead.x--;
                    break;
                case 'right':
                    newHead.x++;
                    break;
            }

snake.unshift(newHead);

if (isSnakeOnFood()) {
                eatFood();
                speed -= 10;
            } else {
                snake.pop();
            }

if (isSnakeOutOfBoard() || isSnakeCollidingWithSelf()) {
                gameOver = true;
                alert('ゲームオーバー！');
            }
        }

function draw() {
            ctx.clearRect(0, 0, gameBoard.width, gameBoard.height);

drawSnake();
            drawFood();
        }

function drawSnake() {
            snake.forEach(drawSnakeSegment);
        }

function drawSnakeSegment(segment) {
            ctx.fillStyle = 'black';
            ctx.fillRect(segment.x * TILE_SIZE, segment.y * TILE_SIZE, TILE_SIZE, TILE_SIZE);
        }

function drawFood() {
            ctx.fillStyle = 'red';
            ctx.fillRect(food.x * TILE_SIZE, food.y * TILE_SIZE, TILE_SIZE, TILE_SIZE);
        }

function changeDirection(event) {
            const keyPressed = event.key;

switch (keyPressed) {
                case 'ArrowUp':
                    if (direction !== 'down') {
                        direction = 'up';
                    }
                    break;
                case 'ArrowDown':
                    if (direction !== 'up') {
                        direction = 'down';
                    }
                    break;
                case 'ArrowLeft':
                    if (direction !== 'right') {
                        direction = 'left';
                    }
                    break;
                case 'ArrowRight':
                    if (direction !== 'left') {
                        direction = 'right';
                    }
                    break;
            }
        }

function getSnakeHead() {
            return snake[0];
        }

function isSnakeOnFood() {
            const head = getSnakeHead();
            return head.x === food.x && head.y === food.y;
        }

function eatFood() {
            food = getRandomFoodPosition();
        }

function getRandomFoodPosition() {
            return {
                x: Math.floor(Math.random() * BOARD_SIZE),
                y: Math.floor(Math.random() * BOARD_SIZE)
            };
        }

function isSnakeOutOfBoard() {
            const head = getSnakeHead();
            return (
                head.x < 0 || head.x >= BOARD_SIZE ||
                head.y < 0 || head.y >= BOARD_SIZE
            );
        }

function isSnakeCollidingWithSelf() {
            const head = getSnakeHead();

for (let i = 1; i < snake.length; i++) {
                if (snake[i].x === head.x && snake[i].y === head.y) {
                    return true;
                }
            }

return false;
        }

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

このコードでは、HTML5の```<canvas>```要素を使用してヘビゲームを作成しています。ユーザが矢印キーを押すことでヘビの移動方向を操作し、エサを食べながらヘビを成長させることが目的です。ヘビが壁や自身にぶつかってしまうとゲームオーバーとなります。

以上がヘビゲームの実装例です。詳細なゲームのルールやデザインは要件によって異なるため、この例を基にして自由にカスタマイズしていただければと思います。