AI game creator

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

No:747

336

←

Prev Next

→

Go to next link
Developer User3112｜Date and time 23/6/17 15:59:33
Build time 5.426 sec｜Game capacity 0.345KB｜

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.

以下が、JavaScriptを含んだHTMLファイルとしてのコッホ雪片のゲーム実装です。

この実装では、HTMLファイル内に`canvas`要素を用意し、その中にコッホ雪片を描画しています。`canvas`要素をクリックする度に、頂点の数が増加し、コッホ雪片の形状が変化します。コッホ雪片の色は水色です。また、スマホで操作することを前提として、クリックイベントを実装しています。

←

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>以下が、JavaScriptを含んだHTMLファイルとしてのコッホ雪片のゲーム実装です。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>コッホ雪片</title>
    <style>
        #canvas {
            background-color: white;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="600" height="600"></canvas>

let numVertices = 3;

canvas.addEventListener("click", addVertex);

function addVertex() {
            numVertices += 1;
            drawKochSnowflake();
        }

function drawKochSnowflake() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

const centerX = canvas.width / 2;
            const centerY = canvas.height / 2;
            const radius = Math.min(centerX, centerY) - 50;

ctx.beginPath();
            ctx.moveTo(centerX + radius * Math.cos(0), centerY + radius * Math.sin(0));

for (let i = 1; i <= numVertices; i++) {
                const angle = (i * Math.PI * 2) / numVertices;
                const x = centerX + radius * Math.cos(angle);
                const y = centerY + radius * Math.sin(angle);
                ctx.lineTo(x, y);
            }

ctx.closePath();
            ctx.strokeStyle = "lightblue";
            ctx.lineWidth = 3;
            ctx.stroke();
        }

drawKochSnowflake();
    </script>
</body>
</html>
```