Sumo, more graphical, more interesting's game

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

No:1227

207

←

Prev Next

→

Sumo, more graphical, more interesting
Developer User3285｜Date and time 23/6/18 8:50:59
Build time 7.68 sec｜Game capacity 0.588KB｜

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.

以下は、要件に基づいたHTMLファイルの例です。JavaScriptのコードが含まれ、リサージュ曲線が描画されています。

このHTMLファイルをブラウザで開くと、リサージュ曲線が描画され、徐々に変化していきます。リサージュ曲線の色も時間とともに変化します。

←

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>以下は、要件に基づいたHTMLファイルの例です。JavaScriptのコードが含まれ、リサージュ曲線が描画されています。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <style>
    #canvas {
      width: 100%;
      height: 100%;
      background-color: black;
    }
  </style>
</head>
<body>
  <canvas id="canvas"></canvas>

const a = 1;
    const b = 2;
    let t = 0;
    let hue = 0;

function draw() {
      let obj = calculatePosition(a, b, t);
      let x = map(obj.x, -1, 1, 0, canvas.width);
      let y = map(obj.y, -1, 1, 0, canvas.height);

ctx.beginPath();
      ctx.moveTo(x, y);
      ctx.lineTo(x + 1, y + 1);
      ctx.strokeStyle = `hsl(${hue}, 100%, 50%)`;
      ctx.stroke();

t += 0.01;
      hue += 1;

requestAnimationFrame(draw);
    }

function calculatePosition(a, b, t) {
      let obj = {};
      obj.x = Math.sin(a * t);
      obj.y = Math.sin(b * t);
      return obj;
    }

function map(value, min1, max1, min2, max2) {
      return ((value - min1) / (max1 - min1)) * (max2 - min2) + min2;
    }

draw();
  </script>
</body>
</html>
```

このHTMLファイルをブラウザで開くと、リサージュ曲線が描画され、徐々に変化していきます。リサージュ曲線の色も時間とともに変化します。