AI game creator

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

No:38803

122

←

Prev Next

→

Red stickman
Developer User17401｜Date and time 24/1/25 20:57:31
Build time 11.584 sec｜Game capacity 2.416KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file, using JavaScript and enclosed in script tags. The game is interactive and assumes smartphone operation. It features a red stickman character represented by pictograms.

To play the game, you can copy the above code into an HTML file and open it in a web browser that supports JavaScript. It will display a canvas with a stickman character represented by a red pictogram. You can then interact with the stickman by touching the canvas on a smartphone. The stickman will move to the position of your touch.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Stickman Game</title>
  </head>
  <body>
    <canvas id="gameCanvas"></canvas>
      
    <script>
      window.onload = function() {
        // Get the canvas element
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");
        
        // Stickman character (represented by pictograms)
        const stickman = "🚶";
        
        // Red color for the stickman
        const stickmanColor = "red";
        
        // Initialize the stickman's position
        let stickmanX = 50;
        let stickmanY = 50;
        
        // Handle touch events
        canvas.addEventListener("touchstart", handleTouch);
        canvas.addEventListener("touchmove", handleTouch);
        
        function handleTouch(e) {
          e.preventDefault();
          const touch = e.touches[0];
          
          // Update the stickman's position based on touch coordinates
          stickmanX = touch.pageX - canvas.offsetLeft;
          stickmanY = touch.pageY - canvas.offsetTop;
          
          // Clear the canvas
          context.clearRect(0, 0, canvas.width, canvas.height);
          
          // Draw the stickman at the new position
          context.fillStyle = stickmanColor;
          context.font = "48px sans-serif";
          context.fillText(stickman, stickmanX, stickmanY);
        }
        
        // Initial drawing of the stickman
        context.fillStyle = stickmanColor;
        context.font = "48px sans-serif";
        context.fillText(stickman, stickmanX, stickmanY);
      };
    </script>
    
    <style>
      body {
        margin: 0;
        overflow: hidden;
      }
      
      canvas {
        display: block;
        background-color: white;
      }
    </style>
  </body>
</html>
```