AI game creator

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

No:21336

←

Prev Next

→

Chat with ai
Developer User9353｜Date and time 23/10/15 1:39:39
Build time 84.734 sec｜Game capacity 3.479KB｜

Script

Конечно, я могу создать игру в виде одного HTML файла с использованием JavaScript и пиктограмм. Вот пример кода, который реализует игру на смартфоне:

В этом примере игрок управляет красным квадратом, используя прикосновения на смартфоне. Целью игры является сближение красного квадрата с зеленым квадратом. Когда игрок достигает цели, появляется сообщение о победе и игра сбрасывается. Игра будет автоматически запущена при открытии файла в браузере.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Игра с пиктограммами</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="300" height="300"></canvas>

var playerX = canvas.width / 2;
        var playerY = canvas.height / 2;
        var playerSize = 50;

var goalX = Math.random() * canvas.width;
        var goalY = Math.random() * canvas.height;
        var goalSize = 30;

function drawPlayer() {
            context.fillStyle = "#FF0000";
            context.fillRect(playerX, playerY, playerSize, playerSize);
        }

function drawGoal() {
            context.fillStyle = "#00FF00";
            context.fillRect(goalX, goalY, goalSize, goalSize);
        }

function drawGame() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            drawGoal();
        }

function movePlayer(x, y) {
            playerX += x;
            playerY += y;

if (playerX < 0) {
                playerX = 0;
            }
            if (playerX + playerSize > canvas.width) {
                playerX = canvas.width - playerSize;
            }
            if (playerY < 0) {
                playerY = 0;
            }
            if (playerY + playerSize > canvas.height) {
                playerY = canvas.height - playerSize;
            }

if (Math.abs(playerX - goalX) < 5 && Math.abs(playerY - goalY) < 5) {
                alert("Поздравляю! Вы победили!");
                resetGame();
            }
        }

function resetGame() {
            playerX = canvas.width / 2;
            playerY = canvas.height / 2;
            goalX = Math.random() * canvas.width;
            goalY = Math.random() * canvas.height;
        }

function handleTouch(event) {
            var x = event.touches[0].pageX - canvas.offsetLeft;
            var y = event.touches[0].pageY - canvas.offsetTop;

if (x < playerX) {
                movePlayer(-5, 0);
            }
            if (x > playerX + playerSize) {
                movePlayer(5, 0);
            }
            if (y < playerY) {
                movePlayer(0, -5);
            }
            if (y > playerY + playerSize) {
                movePlayer(0, 5);
            }
        }

document.addEventListener("touchstart", handleTouch, false);

setInterval(drawGame, 10);
    </script>
</body>
</html>
```