AI game creator

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

No:27766

115

←

Prev Next

→

Make a dragon game
Developer User13831｜Date and time 23/12/9 0:47:00
Build time 27.105 sec｜Game capacity 2.259KB｜

Script

Sure! Here's a simple dragon game implemented as a single HTML file using JavaScript:

In this dragon game, you control a dragon pictogram using the arrow keys on your smartphone. The dragon can move in all directions within the canvas (a 400x400 area). The dragon is represented as a green square, but you can replace it with any pictogram or image you like. Note that this is a simple implementation to demonstrate the basic game mechanics. You can further enhance this game by adding features such as obstacles, scoring, levels, and more.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Sure! Here's a simple dragon game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Dragon Game</title>
  <style>
    #canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="400" height="400"></canvas>
  <script>
    // Get the canvas element and its context
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");

// Create a dragon object
    var dragon = {
      x: 200,
      y: 200,
      size: 50,
      speed: 5
    };

// Function to draw the dragon
    function drawDragon() {
      // Draw the dragon as a pictogram (You can replace this with an image)
      ctx.fillStyle = "green";
      ctx.fillRect(dragon.x - dragon.size / 2, dragon.y - dragon.size/2, dragon.size, dragon.size);
    }

// Function to handle user input
    function handleInput(event) {
      event.preventDefault(); // Prevent scrolling on touch devices
      if (event.keyCode === 37) { // Left arrow key
        dragon.x -= dragon.speed;
      } else if (event.keyCode === 38) { // Up arrow key
        dragon.y -= dragon.speed;
      } else if (event.keyCode === 39) { // Right arrow key
        dragon.x += dragon.speed;
      } else if (event.keyCode === 40) { // Down arrow key
        dragon.y += dragon.speed;
      }
      // Redraw the canvas after handling input
      drawCanvas();
    }

// Function to draw the canvas
    function drawCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawDragon();
    }

// Start the game
    function startGame() {
      document.addEventListener("keydown", handleInput); // Listen for keyboard events
      drawCanvas();
    }

startGame(); // Start the game
  </script>
</body>
</html>
```

Note that this is a simple implementation to demonstrate the basic game mechanics. You can further enhance this game by adding features such as obstacles, scoring, levels, and more.