AI game creator

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

No:45941

149

←

Prev Next

→

Sonic The game
Developer Bowgray｜Date and time 24/2/22 4:22:30
Build time 6.12 sec｜Game capacity 1.164KB｜

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 The Game</title>
<style>
  body {
    text-align: center;
  }
  canvas {
    border: 2px solid black;
  }
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>
<script>
  const canvas = document.getElementById('gameCanvas');
  const ctx = canvas.getContext('2d');
  
  let sonicX = 200;
  let sonicY = 200;
  
  function drawSonic() {
    const img = new Image();
    img.src = 'sonic.png';
    img.onload = function() {
      ctx.drawImage(img, sonicX, sonicY, 50, 50);
    };
  }
  
  function clearCanvas() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
  }
  
  function moveSonic(event) {
    const key = event.key;
    if (key === 'ArrowUp') {
      sonicY -= 5;
    } else if (key === 'ArrowDown') {
      sonicY += 5;
    } else if (key === 'ArrowLeft') {
      sonicX -= 5;
    } else if (key === 'ArrowRight') {
      sonicX += 5;
    }
    clearCanvas();
    drawSonic();
  }
  
  drawSonic();
  window.addEventListener('keydown', moveSonic);
</script>
</body>
</html>