AI game creator

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

No:38797

←

Prev Next

→

Generative Art
Developer User17443｜Date and time 24/1/25 19:56:19
Build time 20.152 sec｜Game capacity 2.703KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>生成艺术游戏</title>
  <style>
    body {
      margin: 0;
      padding: 0;
    }
    
    #canvas {
      display: block;
      width: 100%;
      height: 100vh;
    }
  </style>
</head>
<body>
  <canvas id="canvas"></canvas>

// 设置画布大小
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

// 定义颜色数组
    const colors = ['#FF6633', '#FFB399', '#FF33FF', '#FFFF99', '#00B3E6', 
      '#E6B333', '#3366E6', '#999966', '#99FF99', '#B34D4D',
      '#80B300', '#809900', '#E6B3B3', '#6680B3', '#66991A', 
      '#FF99E6', '#CCFF1A', '#FF1A66', '#E6331A', '#33FFCC',
      '#66994D', '#B366CC', '#4D8000', '#B33300', '#CC80CC', 
      '#66664D', '#991AFF', '#E666FF', '#4DB3FF', '#1AB399',
      '#E666B3', '#33991A', '#CC9999', '#B3B31A', '#00E680', 
      '#4D8066', '#809980', '#E6FF80', '#1AFF33', '#999933',
      '#FF3380', '#CCCC00', '#66E64D', '#4D80CC', '#9900B3', 
      '#E64D66', '#4DB380', '#FF4D4D', '#99E6E6', '#6666FF'];

// 数组随机取值
    function getRandomElement(array) {
      return array[Math.floor(Math.random() * array.length)];
    }

// 生成随机颜色
    function getRandomColor() {
      return getRandomElement(colors);
    }

// 绘制随机图形
    function drawRandomShape() {
      const shapeSize = Math.random() * 200;
      const shapeX = Math.random() * (canvas.width - shapeSize);
      const shapeY = Math.random() * (canvas.height - shapeSize);
      const color = getRandomColor();
      
      ctx.fillStyle = color;
      
      const randomShape = Math.floor(Math.random() * 2);

if (randomShape === 0) {
        ctx.fillRect(shapeX, shapeY, shapeSize, shapeSize);
      } else if (randomShape === 1) {
        ctx.beginPath();
        ctx.arc(shapeX + shapeSize / 2, shapeY + shapeSize / 2, shapeSize / 2, 0, Math.PI * 2, false);
        ctx.fill();
      }
    }

// 监听触摸事件
    canvas.addEventListener('touchstart', function(event) {
      event.preventDefault();
      
      for (let i = 0; i < 5; i++) {
        drawRandomShape();
      }
    });

// 监听屏幕旋转事件
    window.addEventListener('orientationchange', function() {
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
    });

// 开始游戏
    function startGame() {
      setInterval(drawRandomShape, 1000);
    }

startGame();
  </script>
</body>
</html>