AI game creator

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

No:39805

143

←

Prev Next

→

Red stickman maker
Developer User17401｜Date and time 24/1/30 8:49:25
Build time 8.064 sec｜Game capacity 2.549KB｜

Script

Sure! Here's a simple game using the red stickman as requested:

In this game, a red stickman is displayed on a canvas. The stickman can be moved left or right using either touch events on a smartphone or arrow keys on a keyboard. The stickman is represented by an image file named "emozi_all/game.png" which you would need to provide yourself. Please make sure to replace `"emozi_rabbit.png"` in the code with the actual path or URL to your stickman image file. Note: This is a basic implementation and there are many ways to enhance and extend the game.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure! Here's a simple game using the red stickman as requested:

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      #canvas {
        background: #f0f0f0;
        border: 1px solid #ddd;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 400px;
      }
      .stickman {
        width: 100px;
      }
    </style>
  </head>
  <body>
    <div id="canvas"></div>

var stickmanImage = new Image();
        stickmanImage.src = "stickman.png";
        stickmanImage.classList.add("stickman");

var stickman = {
          x: 200,
          y: 200,
          width: 100,
          height: 100,
          speed: 3
        };

stickmanImage.onload = function () {
          context.drawImage(stickmanImage, stickman.x, stickman.y);
        };

function draw() {
          context.clearRect(0, 0, canvas.width, canvas.height);
          context.drawImage(stickmanImage, stickman.x, stickman.y);
        }

function moveLeft() {
          stickman.x -= stickman.speed;
          draw();
        }

function moveRight() {
          stickman.x += stickman.speed;
          draw();
        }

// Handle touch events for smartphone operation
        document.addEventListener("touchstart", function (event) {
          if (event.touches[0].clientX < stickman.x) {
            moveLeft();
          } else if (event.touches[0].clientX > stickman.x + stickman.width) {
            moveRight();
          }
        });

// Handle key events for keyboard operation
        document.addEventListener("keydown", function (event) {
          if (event.key === "ArrowLeft") {
            moveLeft();
          } else if (event.key === "ArrowRight") {
            moveRight();
          }
        });
      });
    </script>
  </body>
</html>
```

Please make sure to replace `"stickman.png"` in the code with the actual path or URL to your stickman image file.

Note: This is a basic implementation and there are many ways to enhance and extend the game.