AI game creator

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

No:39981

←

Prev Next

→

Snake Game
Developer User17927｜Date and time 24/1/31 11:24:03
Build time 15.656 sec｜Game capacity 4.251KB｜

Script

Sure! Here's an example of a Snake Game implemented as a single HTML file using JavaScript and enclosed in script tags:

To play the game, you can save the code above into an HTML file, open it in a browser, and start controlling the snake using the arrow keys. The game ends when the snake hits the wall or itself, and a "Game Over" alert will be displayed. The snake aims to eat randomly generated red food, and it grows in length each time it eats the food. The snake and food are represented by simple black and red rectangles, respectively.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Sure! Here's an example of a Snake Game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Snake Game</title>
    <style>
      #game-board {
        border: 1px solid black;
        height: 300px;
        width: 300px;
        margin: 0 auto;
        position: relative;
      }
    </style>
  </head>
  <body>
    <div id="game-board"></div>

let gameBoard = document.getElementById('game-board');
        let ctx = gameBoard.getContext('2d');
        let snake = [{ x: 10, y: 10 }];
        let direction = 'right';
        let food = createFood();
        let gameInterval = setInterval(gameLoop, GAME_SPEED);

function clearCanvas() {
          ctx.fillStyle = 'white';
          ctx.fillRect(0, 0, gameBoard.width, gameBoard.height);
        }

function moveSnake() {
          let headX = snake[0].x;
          let headY = snake[0].y;

switch (direction) {
            case 'up':
              headY--;
              break;
            case 'down':
              headY++;
              break;
            case 'left':
              headX--;
              break;
            case 'right':
              headX++;
              break;
          }

let newHead = { x: headX, y: headY };
          snake.unshift(newHead);
          snake.pop();
        }

function checkCollision() {
          let head = snake[0];

if (head.x < 0 || head.x >= BOARD_SIZE || head.y < 0 || head.y >= BOARD_SIZE) {
            return true; // Snake hit the wall
          }

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

return false;
        }

function checkFoodCollision() {
          let head = snake[0];
          return head.x === food.x && head.y === food.y;
        }

function eatFood() {
          let tail = { x: snake[0].x, y: snake[0].y };
          snake.unshift(tail);
        }

function drawSnake() {
          for (let cell of snake) {
            drawCell(cell.x, cell.y, 'black');
          }
        }

function drawFood() {
          drawCell(food.x, food.y, 'red');
        }

function drawCell(x, y, color) {
          ctx.fillStyle = color;
          ctx.fillRect(x * CELL_SIZE, y * CELL_SIZE, CELL_SIZE, CELL_SIZE);
        }

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

function gameOver() {
          alert('Game Over!');
          clearInterval(gameInterval);
        }

document.addEventListener('keydown', handleKeyPress);