AI game creator

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

No:15771

←

Prev Next

→

Coloring fun
Developer User6866｜Date and time 23/9/11 10:56:37
Build time 7.264 sec｜Game capacity 1.549KB｜

Script

Sure! Here's an example of a simple coloring game implemented as a single HTML file using JavaScript and enclosed in script tags:

You can save this code to a file with a ".html" extension, open it in a web browser (preferably on a smartphone), and start playing the game. When you click on the canvas, squares of random colors will be drawn at the clicked position. Have fun coloring!

←

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 coloring game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Coloring Fun</title>
</head>
<body>
  <canvas id="canvas" width="300" height="300"></canvas>
  
  <script>
    // Create a reference to the canvas element
    const canvas = document.getElementById('canvas');
    
    // Get the drawing context for the canvas
    const ctx = canvas.getContext('2d');
    
    // Define the colors for the game
    const colors = ['#FF0000', '#00FF00', '#0000FF', '#FFFF00', '#FF00FF', '#00FFFF'];
    
    // Choose a random color from the color list
    function getRandomColor() {
      return colors[Math.floor(Math.random() * colors.length)];
    }
    
    // Draw a square at the specified position and color
    function drawSquare(x, y, color) {
      ctx.fillStyle = color;
      ctx.fillRect(x, y, 50, 50);
    }
    
    // Handle mouse click events on the canvas
    canvas.addEventListener('click', function(event) {
      const rect = canvas.getBoundingClientRect();
      const x = event.clientX - rect.left;
      const y = event.clientY - rect.top;
      
      const color = getRandomColor();
      drawSquare(x, y, color);
    });
  </script>
</body>
</html>
```