なんか綺麗なやつ JavaScriptによって線画されたリサージュ曲線を表示してください。リサージュ曲線は、以下の関数で定義されています。tは媒介変数です。 let f = (a, b, t) => { let obj = {}; obj.x = Math.sin(a * t); obj.y = Math.sin(b * t); return obj; x、yには数字が動的に代入されます。よって、リアルタイムで徐々にリサージュ曲線が変化していきます。リサージュ曲線は、ゆっくりと線画されます。また、リサージュ曲線の色は様々な色に動的に変更されます。初めの色は赤色です。's game

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

No:5126

3541

←

Prev Next

→

なんか綺麗なやつ JavaScriptによって線画されたリサージュ曲線を表示してください。リサ..ALL
Developer anonymous｜Date and time 70/1/1 9:35:40
Build time unknown sec｜Game capacity 2.14KB｜

Script

以下のコードは、HTMLファイル内でリサージュ曲線を描画するためのJavaScriptコードです。

このコードでは、canvas要素を使用してリサージュ曲線を描画しています。初めに、canvas要素と描画コンテキストを取得し、変数a、b、t、colorを設定します。`draw`関数では、`f`関数を使用してリサージュ曲線の(x, y)座標を計算し、それを使用して曲線を描画しています。また、`getRandomColor`関数を使用してランダムな色を生成し、曲線の色を変更しています。この実装はリアルタイムにリサージュ曲線が変化し、色も徐々に変わっていくので、ゆっくりと線画されていく様子を楽しむことができます。

←

Prev　Next

→ 　

Back　

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

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

以下のコードは、HTMLファイル内でリサージュ曲線を描画するためのJavaScriptコードです。

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="myCanvas" width="500" height="500"></canvas>

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

let color = "red";
        
        function draw() {
            let obj = f(a, b, t);
            ctx.beginPath();
            ctx.moveTo(canvas.width / 2, canvas.height / 2);
            ctx.lineTo(canvas.width / 2 + obj.x * 100, canvas.height / 2 + obj.y * 100);
            ctx.strokeStyle = color;
            ctx.stroke();
            
            t += 0.01;
            color = getRandomColor();
            
            requestAnimationFrame(draw);
        }

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

この実装はリアルタイムにリサージュ曲線が変化し、色も徐々に変わっていくので、ゆっくりと線画されていく様子を楽しむことができます。