AI game creator

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

No:7626

291

←

Prev Next

→

Cobra flute
Developer User1006｜Date and time 23/7/9 1:50:45
Build time 21.203 sec｜Game capacity 4.721KB｜

Script

以下は、HTMLファイル内にJavaScriptを含み、遊べるゲームとして実装した例です。スマホ操作にも対応しています。

このゲームは、スネーク（蛇）が食べ物を食べるゲームです。スネークの移動は矢印キーで制御します。スネークは壁にぶつかるとゲームオーバーとなります。食べ物を食べるとスネークの長さが伸びます。ゲームオーバー後に再プレイすることも可能です。

←

Prev　Next

→ 　

Back　

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

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

以下は、HTMLファイル内にJavaScriptを含み、遊べるゲームとして実装した例です。スマホ操作にも対応しています。

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Snake Game</title>
    <style>
        #game-board {
            position: relative;
            width: 320px;
            height: 320px;
            border: 1px solid #000;
            margin: 0 auto;
        }
        .cell {
            position: absolute;
            width: 20px;
            height: 20px;
            border: 1px solid #000;
        }
        #snake {
            background-color: #000;
        }
        #food {
            background-color: #f00;
        }
    </style>
</head>
<body>

function createCell(x, y) {
        let cell = document.createElement('div');
        cell.className = 'cell';
        cell.style.left = x * 20 + 'px';
        cell.style.top = y * 20 + 'px';
        return cell;
    }

function generateFood() {
        food.x = Math.floor(Math.random() * (gameBoard.offsetWidth / 20));
        food.y = Math.floor(Math.random() * (gameBoard.offsetHeight / 20));
    }

snake.unshift(head);
        if (snake.length > 1) {
            snake.pop();
        }
    }

function resetGame() {
        snake = [{x: 0, y: 0}];
        direction = 'right';
        cells = [];
        gameBoard.innerHTML = '';
    }

startGame();
    document.addEventListener('keydown', handleKeyDown);
</script>

</body>
</html>
```