When you tap it draws a triangle's game | AI game creator

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

No:27808

60

When you tap it draws a triangle
Developer User13833｜Date and time 23/12/9 5:20:33
Build time 12.878 sec｜Game capacity 1.836KB｜

Sure! Here's an example of a single HTML file that contains JavaScript to draw a triangle when tapped on a smartphone screen. The triangle will be displayed using pictograms:

To use this HTML file, simply save the code into a .html file and open it in a web browser on your smartphone. When you tap on the canvas area, a triangle will be drawn at the location of the tap using the specified pictogram-like representation.

→ 　

0　

0　

[PR]現在のプレゼントランキング

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

(C)2023 HisashiApp

Sure! Here's an example of a single HTML file that contains JavaScript to draw a triangle when tapped on a smartphone screen. The triangle will be displayed using pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    canvas {
      border: 1px solid black;
      touch-action: none;
    }
  </style>
</head>
<body>
  <canvas id="myCanvas" width="300" height="300"></canvas>

<script>
    // Wait for the document to load
    document.addEventListener("DOMContentLoaded", function() {
      // Get the canvas element
      var canvas = document.getElementById("myCanvas");
      var context = canvas.getContext("2d");
  
      canvas.addEventListener("touchstart", handleTouch, false);
  
      function handleTouch(event) {
        event.preventDefault();
        
        // Get the touch coordinates
        var touchX = event.touches[0].clientX - canvas.offsetLeft;
        var touchY = event.touches[0].clientY - canvas.offsetTop;
        
        // Clear the canvas
        context.clearRect(0, 0, canvas.width, canvas.height);
        
        // Draw the triangle
        context.beginPath();
        context.moveTo(touchX, touchY);
        context.lineTo(touchX + 50, touchY + 50);
        context.lineTo(touchX - 50, touchY + 50);
        context.closePath();
        
        // Set the stroke and fill styles
        context.lineWidth = 2;
        context.strokeStyle = "black";
        context.fillStyle = "yellow";
        
        // Fill and stroke the triangle
        context.fill();
        context.stroke();
      }
    });
  </script>
</body>
</html>
```

To use this HTML file, simply save the code into a .html file and open it in a web browser on your smartphone. When you tap on the canvas area, a triangle will be drawn at the location of the tap using the specified pictogram-like representation.