AI game creator

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

No:52224

←

Prev Next

→

Evade
Developer Winnerweiner2113｜Date and time 24/3/19 4:15:05
Build time 0.79 sec｜Game capacity 2.274KB｜

Script

Test subject: kerosene (evade) keep in display please

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Test subject: kerosene (evade) keep in display please
<html>
<head>
    <meta charset="utf-8">
    <title>自動絵描き</title>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>
    <button onclick="generate()">EVADE！</button>

// 顔の特徴のランダムな値を生成する関数
        function getRandomValue(min, max) {
            return Math.random() * (max - min) + min;
        }

// 顔の特徴のランダムな色を生成する関数
        function getRandomColor() {
            const colors = ["#FF0000", "#00FF00", "#0000FF", "#FFFF00", "#00FFFF", "#FF00FF"];
            return colors[Math.floor(Math.random() * colors.length)];
        }

// 顔を描く関数
        function drawFace() {
            const x = canvas.width / 2;
            const y = canvas.height / 2;
            const faceSize = getRandomValue(100, 200);
            const eyeSize = faceSize / 10;
            const mouthSize = faceSize / 5;

// 顔の円を描く
            ctx.beginPath();
            ctx.arc(x, y, faceSize, 0, Math.PI * 2);
            ctx.fillStyle = getRandomColor();
            ctx.fill();

// 左目を描く
            ctx.beginPath();
            ctx.arc(x - faceSize / 3, y - faceSize / 5, eyeSize, 0, Math.PI * 2);
            ctx.fillStyle = getRandomColor();
            ctx.fill();

// 右目を描く
            ctx.beginPath();
            ctx.arc(x + faceSize / 3, y - faceSize / 5, eyeSize, 0, Math.PI * 2);
            ctx.fillStyle = getRandomColor();
            ctx.fill();

// 口を描く
            ctx.beginPath();
            ctx.arc(x, y + faceSize / 5, mouthSize, 0, Math.PI);
            ctx.strokeStyle = getRandomColor();
            ctx.lineWidth = faceSize / 20;
            ctx.stroke();
        }

// 絵を再生成する関数
        function generate() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawFace();
        }

// Evade
        generate();
    </script>
</body>
</html>