AI game creator

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

No:44845

←

Prev Next

→

Creating a visual collage to represent my personal..ALL
Developer User19487｜Date and time 24/2/19 11:16:01
Build time 3.784 sec｜Game capacity 1.193KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

以下は、リサージュ曲線を描画するJavaScriptのコードです。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p>以下は、リサージュ曲線を描画するJavaScriptのコードです。

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    canvas {
      width: 100%;
      height: 100%;
    }
  </style>
</head>
<body>
  <canvas id="myCanvas"></canvas>
  
  <script>
    let canvas = document.getElementById("myCanvas");
    let ctx = canvas.getContext("2d");
    
    let a = 5;
    let b = 4;
    let t = 0;
    let color = "red";
    
    function draw() {
      let obj = calculatePoint(a, b, t);
      ctx.beginPath();
      ctx.strokeStyle = color;
      ctx.lineWidth = 3;
      ctx.moveTo(canvas.width / 2, canvas.height / 2);
      ctx.lineTo(canvas.width / 2 + obj.x * 100, canvas.height / 2 + obj.y * 100);
      ctx.stroke();
      
      t += 0.01;
      color = getNextColor(color);
      
      requestAnimationFrame(draw);
    }
    
    function calculatePoint(a, b, t) {
      let obj = {};
      obj.x = Math.sin(a * t);
      obj.y = Math.sin(b * t);
      return obj;
    }
    
    function getNextColor(currentColor) {
      let index = colors.indexOf(currentColor);
      if (index === colors.length - 1) {
        return colors[0];
      }
      return colors[index + 1];
    }
    
    const colors = ["red", "green", "blue", "yellow", "orange"];
    
    draw();
  </script>
</body>
</html>
```