A game where you can stop time and click emojis to do something to the Stickfigure, you can also mind control the Stickfigure's game

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

No:12038

←

Prev Next

→

A game where you can stop time and click emojis to..ALL
Developer User5036｜Date and time 23/8/14 0:00:15
Build time 30.351 sec｜Game capacity 3.65KB｜

Script

Sure! Here's a sample implementation of a game where you can stop time, click emojis to interact with a stick figure, and even mind control it. This game is designed for smartphone operation and uses emojis for pictograms. Just open the HTML file in a web browser to play.

This implementation creates a canvas where the stick figure and emojis are drawn. The stick figure's position is updated based on your game logic. By clicking on the emojis, specific actions are triggered: waving, setting the stick figure on fire temporarily, or toggling time-stop. Feel free to customize the visuals or add more emojis and actions as per your game design. Enjoy playing the game!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Stop Time Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="300"></canvas>
  <script>
    // Create canvas and get its context
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

// Stick figure properties
    let stickFigureX = 200;
    let stickFigureY = 150;
    let stickFigureColor = "black";

// Emojis properties
    const emojis = [
      { symbol: "😀", action: wave },
      { symbol: "🔥", action: setOnFire },
      { symbol: "🧠", action: mindControl },
      // Add more emojis and associated actions here
    ];

// Time properties
    let isTimeStopped = false;

// Event listeners
    canvas.addEventListener("click", handleClick);

// Game loop
    function gameLoop() {
      clearCanvas();
      drawStickFigure();

if (!isTimeStopped) {
        updateStickFigure();
      }

requestAnimationFrame(gameLoop);
    }

// Function to clear the canvas
    function clearCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
    }

// Function to draw the stick figure
    function drawStickFigure() {
      ctx.fillStyle = stickFigureColor;
      ctx.fillRect(stickFigureX - 10, stickFigureY - 50, 20, 50); // Body
      ctx.fillRect(stickFigureX - 30, stickFigureY - 80, 60, 30); // Head
      ctx.fillRect(stickFigureX - 40, stickFigureY - 20, 20, 60); // Left leg
      ctx.fillRect(stickFigureX + 20, stickFigureY - 20, 20, 60); // Right leg
      ctx.fillRect(stickFigureX - 50, stickFigureY - 80, 20, 30); // Left arm
      ctx.fillRect(stickFigureX + 30, stickFigureY - 80, 20, 30); // Right arm
    }

// Function to update the stick figure's position
    function updateStickFigure() {
      stickFigureX += 1; // Example update, replace with your game logic
    }

// Function to handle mouse click events
    function handleClick(event) {
      if (isTimeStopped) {
        const rect = canvas.getBoundingClientRect();
        const mouseX = event.clientX - rect.left;
        const mouseY = event.clientY - rect.top;

// Check if any emoji is clicked
        for (let i = 0; i < emojis.length; i++) {
          const emoji = emojis[i];
          if (
            mouseX > i * 50 &&
            mouseX < (i + 1) * 50 &&
            mouseY > canvas.height - 50 &&
            mouseY < canvas.height
          ) {
            emoji.action();
            break;
          }
        }
      }
    }

// Emoji actions
    function wave() {
      console.log("Stick figure is waving!");
    }

function setOnFire() {
      stickFigureColor = "red";
      setTimeout(() => {
        stickFigureColor = "black";
      }, 2000);
    }

function mindControl() {
      isTimeStopped = !isTimeStopped;
      console.log(`Time is ${isTimeStopped ? "stopped" : "running"}!`);
    }

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

Feel free to customize the visuals or add more emojis and actions as per your game design. Enjoy playing the game!