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

No:21663

A game where you doodle to make a puzzle and if th..ALL
Developer User8566｜Date and time 23/10/17 7:05:17
Build time 95.612 sec｜Game capacity 2.549KB｜

Script

Sure! Here's an example of a simple doodle puzzle game implemented as a single HTML file:

Doodle Puzzle Game

In this game, you can use your finger on a smartphone screen to doodle on the canvas element. If the AI fails to solve the doodle puzzle in a given round (represented by `maxAIProgress`), a new round with more AI is started. You can add more sophisticated AI logic to analyze the doodle puzzle in the `startNewRound()` function. Note: This is a very basic example and can be expanded upon to add more features, levels, and complexity to the game.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple doodle puzzle game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Doodle Puzzle Game</title>
  <style>
    #canvas {
      border: 1px solid black;
      width: 300px;
      height: 300px;
      touch-action: none;
    }
  </style>
</head>
<body>
  <h1>Doodle Puzzle Game</h1>
  <canvas id="canvas"></canvas>
  <script>
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");
    var isDrawing = false;
    var lastX = 0;
    var lastY = 0;
    var currentAIProgress = 0;
    var maxAIProgress = 10;
    
    function startDrawing(e) {
      isDrawing = true;
      [lastX, lastY] = [e.touches[0].clientX - canvas.offsetLeft, e.touches[0].clientY - canvas.offsetTop];
    }
    
    function draw(e) {
      if (!isDrawing) return;
      var x = e.touches[0].clientX - canvas.offsetLeft;
      var y = e.touches[0].clientY - canvas.offsetTop;
      
      ctx.beginPath();
      ctx.moveTo(lastX, lastY);
      ctx.lineTo(x, y);
      ctx.strokeStyle = '#000000';
      ctx.lineWidth = 5;
      ctx.stroke();
      
      [lastX, lastY] = [x, y];
    }
    
    function endDrawing() {
      isDrawing = false;
      currentAIProgress++;
      if (currentAIProgress >= maxAIProgress) {
        // AI couldn't figure out the doodle, start new round with more AI
        startNewRound();
      }
    }
    
    function startNewRound() {
      // Reset canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      currentAIProgress = 0;
      
      // Add more AI logic here to analyze the doodle
      // For simplicity, let's just randomly decide if the AI can solve it or not
      var aiCanSolve = Math.random() < 0.5;
      if (aiCanSolve) {
        alert("AI solved the puzzle! You Win!");
      } else {
        alert("AI couldn't solve the puzzle. Start a new round!");
      }
    }
    
    canvas.addEventListener('touchstart', startDrawing);
    canvas.addEventListener('touchmove', draw);
    canvas.addEventListener('touchend', endDrawing);
  </script>
</body>
</html>
```

Note: This is a very basic example and can be expanded upon to add more features, levels, and complexity to the game.