AI game creator

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

No:18600

←

Prev Next

→

Generative Art
Developer User6282｜Date and time 23/9/30 5:11:31
Build time 10.342 sec｜Game capacity 2.314KB｜

Script

Sure! Here's an example of a simple generative art game implemented as a single HTML file using JavaScript:

This game allows you to create generative art by dragging your finger or cursor across the screen. Each stroke will be of a random color and thickness. You can play by opening this HTML file in a web browser (preferably on a smartphone for touch input).

←

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 generative art game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Generative Art Game</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas"></canvas>

// Initialize the game
      function initGame() {
        canvas = document.getElementById("gameCanvas");
        context = canvas.getContext("2d");
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

canvas.addEventListener("mousedown", startDrawing);
        canvas.addEventListener("mousemove", draw);
        canvas.addEventListener("mouseup", stopDrawing);
        canvas.addEventListener("mouseout", stopDrawing);
      }

// Start drawing when the mouse is down
      function startDrawing(event) {
        isDrawing = true;
        prevX = event.pageX;
        prevY = event.pageY;
      }

// Draw lines as the mouse moves
      function draw(event) {
        if (!isDrawing) return;

var currX = event.pageX;
        var currY = event.pageY;

context.beginPath();
        context.moveTo(prevX, prevY);
        context.lineTo(currX, currY);
        context.strokeStyle = getRandomColor();
        context.lineWidth = Math.random() * 10 + 1;
        context.stroke();

prevX = currX;
        prevY = currY;
      }

// Stop drawing when the mouse is up or out of the canvas
      function stopDrawing() {
        isDrawing = false;
      }

// Get a random color
      function getRandomColor() {
        var letters = "0123456789ABCDEF";
        var color = "#";
        for (var i = 0; i < 6; i++) {
          color += letters[Math.floor(Math.random() * 16)];
        }
        return color;
      }

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