AI game creator

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

No:49208

←

Prev Next

→

3d editor
Developer User20944｜Date and time 24/3/4 2:48:08
Build time 7.16 sec｜Game capacity 1.295KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>3D Editor Game</title>
</head>
<body>
  <canvas id="canvas" width="400" height="400"></canvas>
  
  <script>
    const canvas = document.getElementById('canvas');
    const ctx = canvas.getContext('2d');
    
    let shape = {
      x: 200,
      y: 200,
      size: 50,
      color: 'blue'
    };
    
    function drawShape() {
      ctx.fillStyle = shape.color;
      ctx.fillRect(shape.x, shape.y, shape.size, shape.size);
    }
    
    function moveShape(direction) {
      switch(direction) {
        case 'up':
          shape.y -= 10;
          break;
        case 'down':
          shape.y += 10;
          break;
        case 'left':
          shape.x -= 10;
          break;
        case 'right':
          shape.x += 10;
          break;
      }
    }
    
    function handleKeyPress(e) {
      switch(e.key) {
        case 'ArrowUp':
          moveShape('up');
          break;
        case 'ArrowDown':
          moveShape('down');
          break;
        case 'ArrowLeft':
          moveShape('left');
          break;
        case 'ArrowRight':
          moveShape('right');
          break;
      }
      drawShape();
    }
    
    document.addEventListener('keydown', handleKeyPress);
    
    drawShape();
  </script>
</body>
</html>