幾何学模様様々な幾何学模様を表示します。画面をタップすると、幾何学模様を変更できます。線の色はランダムです。's game

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

No:4938

4192

←

Prev Next

→

幾何学模様様々な幾何学模様を表示します。画面をタップすると、幾何学模様を変更できます。線..ALL
Developer もちきなこ｜Date and time 23/6/29 1:12:50
Build time 17.558 sec｜Game capacity 1.671KB｜

Script

了解しました。以下に、幾何学模様を表示し、画面タップで模様を変更するゲームを作成します。

このプログラムでは、HTMLのcanvas要素を使用して幾何学模様を描画しています。描画される模様は、ランダムに選択された絵文字で表されます。画面をタップすると、模様が変更されます。画面サイズが変更されると、新しい模様が自動的に描画されます。お好みで絵文字を変更することも可能で、colors配列に好きな絵文字を追加したり、既存の絵文字を削除したりすることができます。

←

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="canvas"></canvas>

const drawPattern = () => {
            const width = window.innerWidth;
            const height = window.innerHeight;
            const size = Math.min(width, height) / 18;

ctx.clearRect(0, 0, width, height);

for (let x = size/2; x < width; x += size) {
                for (let y = size/2; y < height; y += size) {
                    const color = colors[Math.floor(Math.random() * colors.length)];
                    ctx.fillText(color, x, y);
                }
            }
        };

canvas.addEventListener('click', drawPattern);
        window.addEventListener('resize', drawPattern);

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

このプログラムでは、HTMLのcanvas要素を使用して幾何学模様を描画しています。描画される模様は、ランダムに選択された絵文字で表されます。画面をタップすると、模様が変更されます。画面サイズが変更されると、新しい模様が自動的に描画されます。

お好みで絵文字を変更することも可能で、colors配列に好きな絵文字を追加したり、既存の絵文字を削除したりすることができます。