AI game creator

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

No:36615

←

Prev Next

→

//
Developer User16843｜Date and time 24/1/18 2:54:44
Build time 15.787 sec｜Game capacity 3.944KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript. The game is designed for smartphone operation and uses pictograms to enhance the experience:

This simple game allows the player (represented by a blue square) to navigate within the canvas using touch controls on their smartphone. The goal (represented by a green square) will spawn in a random position, and the player's objective is to collide with the goal. Whenever the collision occurs, a new goal will spawn at another random position.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript. The game is designed for smartphone operation and uses pictograms to enhance the experience:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>

// Define the player object with initial position
        var player = {
            x: canvas.width / 2,
            y: canvas.height - 30,
            speed: 5
        };

// Define the goal object with random position
        var goal = {
            x: Math.random() * (canvas.width - 50),
            y: Math.random() * (canvas.height - 50)
        };

// Listen for touch events to control player movement
        document.addEventListener("touchstart", handleTouchStart, false);
        document.addEventListener("touchmove", handleTouchMove, false);

var xDown = null;
        var yDown = null;

function handleTouchStart(event) {
            xDown = event.touches[0].clientX;
            yDown = event.touches[0].clientY;
        };

function handleTouchMove(event) {
            if (!xDown || !yDown) {
                return;
            }

var xUp = event.touches[0].clientX;
            var yUp = event.touches[0].clientY;

var xDiff = xDown - xUp;
            var yDiff = yDown - yUp;

if (Math.abs(xDiff) > Math.abs(yDiff)) {
                if (xDiff > 0) {
                    player.x -= player.speed;
                } else {
                    player.x += player.speed;
                }
            } else {
                if (yDiff > 0) {
                    player.y -= player.speed;
                } else {
                    player.y += player.speed;
                }
            }

xDown = null;
            yDown = null;
        };

// Update game objects and check for collisions
        function update() {
            if (player.x < 0) {
                player.x = 0;
            }
            if (player.x > canvas.width - 20) {
                player.x = canvas.width - 20;
            }
            if (player.y < 0) {
                player.y = 0;
            }
            if (player.y > canvas.height - 20) {
                player.y = canvas.height - 20;
            }

if (checkCollision(player, goal)) {
                goal.x = Math.random() * (canvas.width - 50);
                goal.y = Math.random() * (canvas.height - 50);
            }
        }

// Check for collision between player and goal
        function checkCollision(player, goal) {
            return player.x < goal.x + 30 &&
                player.x + 30 > goal.x &&
                player.y < goal.y + 30 &&
                player.y + 30 > goal.y;
        }

// Draw game objects
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.fillStyle = "blue";
            ctx.fillRect(player.x, player.y, 20, 20);

// Draw goal
            ctx.fillStyle = "green";
            ctx.fillRect(goal.x, goal.y, 30, 30);
        }

// Game loop
        function gameLoop() {
            update();
            draw();
            requestAnimationFrame(gameLoop);
        }

// Start the game loop
        gameLoop();
    </script>
</body>
</html>
```