I want you to show a smiling boo○s's game

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

No:7862

145

←

Prev Next

→

I want you to show a smiling boo○s
Developer User4085｜Date and time 23/7/10 2:11:56
Build time 1.543 sec｜Game capacity 0.363KB｜

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>
<title>Lissajous Curve Drawing Game</title>
<style>
canvas {
    border: 1px solid black;
}
</style>
</head>
<body>
<canvas id="canvas" width="500" height="500"></canvas>

function drawLissajousCurve() {
    let obj = calculateCoordinates(a, b, t);
    x = obj.x * 100 + canvas.width / 2;
    y = obj.y * 100 + canvas.height / 2;

ctx.lineTo(x, y);
    ctx.stroke();

t += 0.01;

if (t > 2 * Math.PI) {
        a = Math.floor(Math.random() * 9) + 1;
        b = Math.floor(Math.random() * 9) + 1;
        ctx.strokeStyle = randomColor();
        ctx.beginPath();
    }

requestAnimationFrame(drawLissajousCurve);
}

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

function randomColor() {
    let letters = "0123456789ABCDEF";
    let color = "#";
    for (let i = 0; i < 6; i++) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    return color;
}

canvas.addEventListener("click", function(event) {
    x = event.clientX - canvas.offsetLeft;
    y = event.clientY - canvas.offsetTop;

a = Math.floor(x / (canvas.width / 8)) + 1;
    b = Math.floor(y / (canvas.height / 8)) + 1;
    ctx.strokeStyle = randomColor();
    ctx.beginPath();
})

ctx.strokeStyle = "red";
ctx.lineWidth = 3;
ctx.beginPath();

drawLissajousCurve();

</script>
</body>
</html>