Roblox but 690 Kilobytes's game

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

No:9978

101

←

Prev Next

→

Roblox but 690 Kilobytes
Developer User4452｜Date and time 23/7/28 16:08:39
Build time 2.003 sec｜Game capacity 2.027KB｜

Script

canvas { border: 1px solid black; }

このコードでは、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.

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>
```

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