AI game creator

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

No:52769

238

←

Prev Next

→

Sonic
Developer User22126｜Date and time 24/3/24 14:13:06
Build time 1.152 sec｜Game capacity 0.136KB｜

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.

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

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

←

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

```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本以上の線を引くと、その内部がランダムな色で塗りつぶされます。また、ウィンドウサイズが変更された場合には、自動的にキャンバスのサイズが調整されます。

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