Hana-no-Sakazuki Oeyama's game

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

No:3608

2016

←

Prev Next

→

Hana-no-Sakazuki Oeyama
Developer sayaensm｜Date and time 23/6/25 19:35:30
Build time 3.782 sec｜Game capacity 0.305KB｜

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.

←

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><!DOCTYPE html>
<html>
<head>
    <style>
        canvas{
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

// 制御点の座標
        const controlPoints = [
            { x: 50, y: 100 },
            { x: 200, y: 20 },
            { x: 350, y: 100 }
        ];

// ベジェ曲線の描画
        function drawBezierCurve() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.beginPath();
            ctx.strokeStyle = 'black';
            ctx.lineWidth = 2;

for (let t = 0; t <= 1; t += 0.01) {
                const x = Math.pow(1 - t, 2) * controlPoints[0].x + 2 * (1 - t) * t * controlPoints[1].x + Math.pow(t, 2) * controlPoints[2].x;
                const y = Math.pow(1 - t, 2) * controlPoints[0].y + 2 * (1 - t) * t * controlPoints[1].y + Math.pow(t, 2) * controlPoints[2].y;

ctx.lineTo(x, y);
            }

ctx.stroke();
        }

// アニメーションの実行
        function animate() {
            drawBezierCurve();
            controlPoints[1].y += 1; // 制御点のy座標を1増加

if (controlPoints[1].y >= 180) {
                controlPoints[1].y = 20; // y座標が一定値に達したらリセット
            }

requestAnimationFrame(animate);
        }

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