AI game creator

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

No:8460

4655

←

Prev Next

→

Make a game
Developer anonymous｜Date and time 70/1/1 10:04:15
Build time unknown 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>
```