AI game creator

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

No:22840

←

Prev Next

→

platform game
Developer User10553｜Date and time 23/10/25 22:10:39
Build time 81.89 sec｜Game capacity 5.466KB｜

Script

Sure! Here's an example of a simple platform game implemented as a single HTML file using JavaScript. It runs in a smartphone environment and uses pictograms for the visuals. To play the game, you can control the character using arrow keys or touchscreen controls on your smartphone. Your goal is to collect all the stars while avoiding the spikes. Please note that this is a basic implementation just to illustrate the concept. You can enhance and customize it further based on your requirements and preferences.

Simply copy the above code into a single HTML file and open it on your smartphone's web browser. You should be able to play the platform game using the provided controls. Enjoy!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

Please note that this is a basic implementation just to illustrate the concept. You can enhance and customize it further based on your requirements and preferences.

```html
<!DOCTYPE html>
<html>
<head>
   <style>
       body {
           margin: 0;
           padding: 0;
       }

canvas {
           border: 1px solid black;
           display: block;
           margin: 0 auto;
       }
   </style>
</head>
<body>
   <canvas id="gameCanvas" width="480" height="320"></canvas>

// Key event listeners
       document.addEventListener("keydown", handleKeyDown);
       document.addEventListener("keyup", handleKeyUp);

// Generate platforms
       for (let i = 0; i < platformCount; i++) {
           const platformX = Math.random() * (canvas.width - platformWidth);
           const platformY = (canvas.height / platformCount) * i;
           platforms.push({ x: platformX, y: platformY });
       }

// Generate stars
       for (let i = 0; i < starCount; i++) {
           const starX = Math.random() * (canvas.width - playerSize);
           const starY = Math.random() * (canvas.height - playerSize);
           stars.push({ x: starX, y: starY });
       }

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

// Update game state
       function update() {
           // Player movement
           playerX += playerVelocityX;
           playerY += playerVelocityY;

// Jumping
           if (isJumping && playerY === canvas.height - playerSize) {
               playerVelocityY = -12;
               isJumping = false;
           }

// Apply gravity
           playerVelocityY += gravity;

// Check collisions with platforms
           platforms.forEach(platform => {
               if (
                   playerX < platform.x + platformWidth &&
                   playerX + playerSize > platform.x &&
                   playerY + playerSize > platform.y &&
                   playerY + playerSize < platform.y + platformHeight
               ) {
                   playerVelocityY = 0;
                   playerY = platform.y - playerSize;
               }
           });

// Check collisions with stars
           stars.forEach((star, index) => {
               if (
                   playerX < star.x + playerSize &&
                   playerX + playerSize > star.x &&
                   playerY < star.y + playerSize &&
                   playerY + playerSize > star.y
               ) {
                   stars.splice(index, 1);
                   score++;
               }
           });
       }

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

// Draw platforms
           platforms.forEach(platform => {
               context.fillStyle = "#999";
               context.fillRect(platform.x, platform.y, platformWidth, platformHeight);
           });

// Draw player
           context.fillStyle = "#00f";
           context.fillRect(playerX, playerY, playerSize, playerSize);

// Draw stars
           stars.forEach(star => {
               context.fillStyle = "#ff0";
               context.fillRect(star.x, star.y, playerSize, playerSize);
           });

// Draw score text
           context.fillStyle = "#000";
           context.font = "16px Arial";
           context.fillText("Score: " + score, 10, 20);
       }

// Handle key down events
       function handleKeyDown(event) {
           if (event.keyCode === 37) {
               // Left arrow key
               playerVelocityX = -5;
           } else if (event.keyCode === 39) {
               // Right arrow key
               playerVelocityX = 5;
           } else if (event.keyCode === 38 || event.keyCode === 32) {
               // Up arrow key or space bar
               isJumping = true;
           }
       }

// Handle key up events
       function handleKeyUp(event) {
           if (event.keyCode === 37 || event.keyCode === 39) {
               // Left or right arrow key released
               playerVelocityX = 0;
           }
       }

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

Simply copy the above code into a single HTML file and open it on your smartphone's web browser. You should be able to play the platform game using the provided controls. Enjoy!