AI game creator

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

No:52770

238

←

Prev Next

→

Sonic
Developer User22126｜Date and time 24/3/24 14:13:33
Build time 5.052 sec｜Game capacity 1.03KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Sonic Game</title>
</head>
<body>
  <canvas id="canvas" width="600" height="400"></canvas>
  <script>
    const canvas = document.getElementById('canvas');
    const ctx = canvas.getContext('2d');
    let sonicX = 50;
    let sonicY = 50;
    let speed = 5;

function drawSonic() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.fillStyle = 'blue';
      ctx.fillRect(sonicX, sonicY, 50, 50);
    }

function moveSonic(e) {
      switch(e.key) {
        case 'ArrowUp':
          sonicY -= speed;
          break;
        case 'ArrowDown':
          sonicY += speed;
          break;
        case 'ArrowLeft':
          sonicX -= speed;
          break;
        case 'ArrowRight':
          sonicX += speed;
          break;
      }
      drawSonic();
    }

document.addEventListener('keydown', moveSonic);
    drawSonic();
  </script>
</body>
</html>