雪の結晶作りコッホ雪片を表示します。画面をタップする度に、頂点の数が吸えます。コッホ雪片の色は水色です。's game

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

No:4867

3379

←

Prev Next

→

雪の結晶作りコッホ雪片を表示します。画面をタップする度に、頂点の数が吸えます。コッホ..ALL
Developer もちきなこ｜Date and time 23/6/28 23:01:23
Build time 21.97 sec｜Game capacity 1.931KB｜

Script

はい、了解です。以下にコード例を示します。

このコードは、雪の結晶（コッホ雪片）を表示する単純なゲームです。画面をタップする度に、頂点の数が増えていきます。雪片は水色で表示されます。`canvas`要素を使用しているため、スマートフォンでも操作が可能です。ただし、絵文字を使用することはできませんが、代わりに水色の色を使用してコッホ雪片を描画しています。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

はい、了解です。以下にコード例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>雪の結晶作り</title>
</head>
<body>
  <canvas id="snowflakeCanvas"></canvas>

const drawSnowflake = (x, y, length, angle) => {
      let centerX = x;
      let centerY = y;
      let side = length;

context.beginPath();
      context.moveTo(centerX - side / 2, centerY);

let angleRad = (Math.PI / 180) * angle;
      let baseX = Math.cos(angleRad) * side;
      let baseY = Math.sin(angleRad) * side;

for (let i = 0; i < 6; i++) {
        let nextX = centerX + baseX;
        let nextY = centerY + baseY;

context.lineTo(nextX, nextY);

centerX = nextX;
        centerY = nextY;

angleRad += (Math.PI / 180) * 60;
        baseX = Math.cos(angleRad) * side;
        baseY = Math.sin(angleRad) * side;
      }

context.closePath();
      context.fillStyle = colors[length - 1];
      context.fill();
    };

let length = 1;

canvas.addEventListener("click", function(event) {
      const rect = canvas.getBoundingClientRect();
      const x = event.clientX - rect.left;
      const y = event.clientY - rect.top;

drawSnowflake(x, y, length, 0);
      length++;
    });
  </script>
</body>
</html>
```