Can you make a sonic game's game

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

No:52376

146

←

Prev Next

→

Can you make a sonic game
Developer User21874｜Date and time 24/3/21 8:49:32
Build time 5.049 sec｜Game capacity 1.104KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

// Load assets
const sonicImg = new Image();
sonicImg.src = 'sonic.png';

// Define Sonic object
const sonic = {
  x: 50,
  y: 50,
  speed: 5,
  moveRight: function() {
    this.x += this.speed;
  },
  moveLeft: function() {
    this.x -= this.speed;
  },
  moveUp: function() {
    this.y -= this.speed;
  },
  moveDown: function() {
    this.y += this.speed;
  },
};

// Handle player input
document.addEventListener('keydown', function(event) {
  switch(event.key) {
    case 'ArrowRight':
      sonic.moveRight();
      break;
    case 'ArrowLeft':
      sonic.moveLeft();
      break;
    case 'ArrowUp':
      sonic.moveUp();
      break;
    case 'ArrowDown':
      sonic.moveDown();
      break;
  }
});

// Game loop
function update() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  ctx.drawImage(sonicImg, sonic.x, sonic.y, 50, 50);
  requestAnimationFrame(update);
}

update();
</script>