Collecting and fighting cards's game

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

No:857

171

←

Prev Next

→

Collecting and fighting cards
Developer User3166｜Date and time 23/6/17 20:37:00
Build time 10.289 sec｜Game capacity 1.272KB｜

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 lang="ja">
<head>
    <meta charset="UTF-8">
    <title>リサージュ曲線</title>
    <style>
        canvas {
            border: 1px solid #666;
        }
    </style>
</head>
<body>
    <canvas id="canvas"></canvas>

let a = 5, b = 4, t = 0, dt = 0.03;
        let x, y;
        let color = '#FF0000';

function draw() {
            t += dt;

let f1 = f(a, b, t);
            let f2 = f(a, b, -t);

x = canvas.width / 2 + f1.x * 50;
            y = canvas.height / 2 + f2.y * 50;

ctx.strokeStyle = color;
            ctx.beginPath();
            ctx.moveTo(x, y);

for(let i = 0; i < 400; i++) {
                let f1 = f(a, b, t);
                let f2 = f(a, b, -t);

x = canvas.width / 2 + f1.x * 50;
                y = canvas.height / 2 + f2.y * 50;

ctx.lineTo(x, y);

t += dt;
                color = getRandomColor();
                ctx.strokeStyle = color;
            }

ctx.stroke();

requestAnimationFrame(draw);
        }

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

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

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