The game is played by connecting dots to form lines, and by enclosing lines to form surfaces. When three or more lines are drawn, surfaces surrounded by three or more lines are filled with a random color.'s game

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

No:7213

8351

←

Prev Next

→

The game is played by connecting dots to form line..ALL
Developer もちきなこ｜Date and time 23/7/6 12:40:35
Build time 20.53 sec｜Game capacity 3.469KB｜

Script

以下は、指定された要件に応じたHTMLファイルの例です。このファイルを実行すると、スマートフォンで操作できる点と線から面を作るゲームが表示されます。

このプログラムでは、タッチイベントを使用してスマートフォンで操作することができます。画面上の点をタップすると、点同士を結んで線を作ります。3本以上の線を引くと、その内部がランダムな色で塗りつぶされます。また、ウィンドウサイズが変更された場合には、自動的にキャンバスのサイズが調整されます。ご要望にお応えできるようになっているかどうか、ご確認ください。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE HTML>
<html>
<head>
<style>
    canvas {
        border: 1px solid black;
    }
</style>
</head>
<body>
<canvas id="gameCanvas"></canvas>

var dots = [];
    var lines = [];
    var faces = [];

var currentLine = null;
    var currentFace = null;

canvas.addEventListener("touchstart", function(event) {
        var touch = event.touches[0];
        
        var dot = {
            x: touch.clientX,
            y: touch.clientY
        };
        
        dots.push(dot);
        update();
        
        if (currentLine === null) {
            currentLine = [dot];
        } else {
            currentLine.push(dot);
            lines.push(currentLine);
            
            if (lines.length >= 3) {
                createFace(lines);
            }
            
            currentLine = null;
        }
    });
    
    window.addEventListener('resize', function(event){
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
        update();
    });

canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
    update();
</script>
</body>
</html>
```

このプログラムでは、タッチイベントを使用してスマートフォンで操作することができます。画面上の点をタップすると、点同士を結んで線を作ります。3本以上の線を引くと、その内部がランダムな色で塗りつぶされます。また、ウィンドウサイズが変更された場合には、自動的にキャンバスのサイズが調整されます。

ご要望にお応えできるようになっているかどうか、ご確認ください。