AI game creator

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

No:8460

2336

←

Prev Next

→

Make a game
Developer User4195｜Date and time 23/7/16 7:51:31
Build time 25.154 sec｜Game capacity 3.855KB｜

Script

Sure, I can help you create a simple game using JavaScript, enclosed in script tags within a single HTML file. Here's an example of a game where you have to catch falling objects using your smartphone's touch controls:

To play the game on a smartphone, open the HTML file on the device's browser. The game involves catching falling objects by moving the player horizontally using touch controls. Every caught object increases the score. The game ends when an object touches the bottom of the screen.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Falling Object Game</title>
    <style>
        body { margin: 0; padding: 0; }
        canvas { background-color: #000; display: block; }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Initialize the game
        function init() {
            canvas = document.getElementById('gameCanvas');
            context = canvas.getContext('2d');
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;

playerWidth = 80;
            playerHeight = 80;
            playerX = canvas.width / 2 - playerWidth / 2;
            playerY = canvas.height - playerHeight - 10;
            playerSpeed = 8;

objects = [];
            objectWidth = 50;
            objectHeight = 50;
            objectSpeed = 5;

score = 0;

canvas.addEventListener('mousemove', function(e) {
                playerX = e.clientX - canvas.offsetLeft - playerWidth / 2;
            });

gameLoop();
        }

// Update game objects
        function update() {
            // Move player
            if (playerX < 0) {
                playerX = 0;
            } else if (playerX > canvas.width - playerWidth) {
                playerX = canvas.width - playerWidth;
            }

// Move objects
            for (var i = 0; i < objects.length; i++) {
                objects[i].y += objectSpeed;

// Check collision with player
                if (objects[i].y + objectHeight > playerY && objects[i].x + objectWidth > playerX && objects[i].x < playerX + playerWidth) {
                    objects.splice(i, 1);
                    score++;
                }

// Remove objects that are off-screen
                if (objects[i].y > canvas.height) {
                    objects.splice(i, 1);
                }
            }

// Add new object
            if (Math.random() < 0.02) {
                objects.push({
                    x: Math.random() * (canvas.width - objectWidth),
                    y: -objectHeight
                });
            }
        }

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

// Draw player
            context.fillStyle = '#fff';
            context.fillRect(playerX, playerY, playerWidth, playerHeight);

// Draw objects
            context.fillStyle = '#f00';
            for (var i = 0; i < objects.length; i++) {
                context.fillRect(objects[i].x, objects[i].y, objectWidth, objectHeight);
            }

// Draw score
            context.fillStyle = '#fff';
            context.font = '24px Arial';
            context.fillText('Score: ' + score, 10, 30);
        }

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

// Start the game when the page loads
        window.addEventListener('load', init);
    </script>
</body>
</html>
```