Sonic Galaxy's game | AI game creator

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

No:30574

141

Sonic Galaxy
Developer User14870｜Date and time 23/12/23 2:05:56
Build time 18.939 sec｜Game capacity 2.948KB｜

This is a simple game called "Sonic Galaxy". The game is implemented as a single HTML file enclosed in script tags. It uses JavaScript to handle user input, update the game state, and draw the game on a canvas element. The game can be played on a smartphone. The player controls Sonic using the arrow keys. Sonic can move left, right, up, and down on the canvas. The game uses a pictogram of Sonic for visualization purposes. The game starts by loading the necessary resources, such as the pictogram image of Sonic. Once the resources are loaded, the `startGame` function is called to register event listeners for user input and start the game loop. Inside the game loop (`update` function), the canvas is cleared, and Sonic is drawn at his current position on the canvas using the `drawImage` method. The game loop then requests the next animation frame using `requestAnimationFrame`, creating a smooth animation. To play the game, simply copy the code into a .html file, save it, and open it in a web browser that supports JavaScript and HTML5 canvas. You should be able to control Sonic using the arrow keys on your smartphone screen.

→ 　

0　

0　

　
　
　
　

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

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sonic Galaxy</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="500" height="500"></canvas>

<script>
      // Fetching game canvas
      const canvas = document.getElementById('gameCanvas');
      const ctx = canvas.getContext('2d');

// Pictograms
      const sonicImg = new Image();
      sonicImg.src = 'sonic.png';
      
      // Game variables
      let sonicX = 200; // initial position of Sonic
      let sonicY = 200;

// Handle user input for moving Sonic
      function handleInput(event) {
        const key = event.keyCode;

if (key === 37) { // Left arrow
          sonicX -= 10; // move Sonic left
        } else if (key === 38) { // Up arrow
          sonicY -= 10; // move Sonic up
        } else if (key === 39) { // Right arrow
          sonicX += 10; // move Sonic right
        } else if (key === 40) { // Down arrow
          sonicY += 10; // move Sonic down
        }
      }

// Update game state
      function update() {
        // Clear canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw Sonic at current position
        ctx.drawImage(sonicImg, sonicX, sonicY, 50, 50);

// Request next animation frame
        requestAnimationFrame(update);
      }

// Start the game
      function startGame() {
        // Register event listener for user input
        window.addEventListener('keydown', handleInput);

// Start game loop
        update();
      }

// Load the game
      window.onload = function() {
        // Load pictograms and start the game
        sonicImg.onload = startGame;
      };
    </script>
  </body>
</html>
```

This is a simple game called "Sonic Galaxy". The game is implemented as a single HTML file enclosed in script tags. It uses JavaScript to handle user input, update the game state, and draw the game on a canvas element.

The game can be played on a smartphone. The player controls Sonic using the arrow keys. Sonic can move left, right, up, and down on the canvas. The game uses a pictogram of Sonic for visualization purposes.

The game starts by loading the necessary resources, such as the pictogram image of Sonic. Once the resources are loaded, the `startGame` function is called to register event listeners for user input and start the game loop.

Inside the game loop (`update` function), the canvas is cleared, and Sonic is drawn at his current position on the canvas using the `drawImage` method. The game loop then requests the next animation frame using `requestAnimationFrame`, creating a smooth animation.

To play the game, simply copy the code into a .html file, save it, and open it in a web browser that supports JavaScript and HTML5 canvas. You should be able to control Sonic using the arrow keys on your smartphone screen.