mobile donkey kong game's game

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

No:43629

←

Prev Next

→

mobile donkey kong game
Developer Bowgray｜Date and time 24/2/16 5:51:01
Build time 12.488 sec｜Game capacity 5.102KB｜

Script

Sure! Here's an example of a simple mobile Donkey Kong game implemented as a single HTML file using JavaScript:

This game allows the player to control a character represented by a rectangle using touch controls on a smartphone screen. The aim of the game is to avoid obstacles falling from the top of the screen by moving the character left or right. The player's score increases with each obstacle avoided, and the game ends if the character collides with an obstacle.

←

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 mobile Donkey Kong game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Mobile Donkey Kong Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="500" height="500"></canvas>
    
    <script>
        window.onload = function() {
            // Get canvas element and its context
            var canvas = document.getElementById("gameCanvas");
            var ctx = canvas.getContext("2d");
            
            // Game variables
            var player = {
                x: 240,
                y: 460,
                width: 20,
                height: 20
            };
            
            var obstacles = [];
            var score = 0;
            var isGameOver = false;
            
            // Add event listeners for touch controls
            canvas.addEventListener("touchstart", onTouchStart, false);
            canvas.addEventListener("touchmove", onTouchMove, false);
            canvas.addEventListener("touchend", onTouchEnd, false);
            
            // Game loop
            function gameLoop() {
                if (isGameOver) {
                    // Game over message
                    ctx.font = "30px Arial";
                    ctx.fillStyle = "#000";
                    ctx.fillText("Game Over", canvas.width / 2 - 90, canvas.height / 2);
                    return;
                }
                
                // Update player position based on touch controls
                player.x += player.speedX;
                
                // Clear canvas
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                
                // Draw player
                ctx.beginPath();
                ctx.rect(player.x, player.y, player.width, player.height);
                ctx.fillStyle = "#000";
                ctx.fill();
                ctx.closePath();
                
                // Draw obstacles
                for (var i = 0; i < obstacles.length; i++) {
                    ctx.beginPath();
                    ctx.rect(obstacles[i].x, obstacles[i].y, obstacles[i].width, obstacles[i].height);
                    ctx.fillStyle = "#f00";
                    ctx.fill();
                    ctx.closePath();
                    
                    // Move obstacles downwards
                    obstacles[i].y += 2;
                    
                    // Check for collision with player
                    if (collisionDetection(player, obstacles[i])) {
                        isGameOver = true;
                        return;
                    }
                    
                    // Increase score if obstacles pass player
                    if (obstacles[i].y > player.y) {
                        score++;
                    }
                }
                
                // Display score
                ctx.font = "20px Arial";
                ctx.fillStyle = "#000";
                ctx.fillText("Score: " + score, 10, 30);
                
                // Add obstacles at regular intervals
                if (score % 10 === 0 && score !== 0) {
                    obstacles.push({
                        x: Math.floor(Math.random() * (canvas.width - 20)),
                        y: -20,
                        width: 20,
                        height: 20
                    });
                }
                
                // Loop game loop
                requestAnimationFrame(gameLoop);
            }
            
            // Start game loop
            gameLoop();
            
            // Touch event handlers
            var touchStartX = 0;
            function onTouchStart(e) {
                if (e.touches.length === 1) {
                    touchStartX = e.touches[0].clientX;
                }
            }
            
            function onTouchMove(e) {
                if (e.touches.length === 1) {
                    player.speedX = e.touches[0].clientX - touchStartX;
                }
            }
            
            function onTouchEnd(e) {
                player.speedX = 0;
            }
            
            // Collision detection function
            function collisionDetection(obj1, obj2) {
                return obj1.x < obj2.x + obj2.width &&
                       obj1.x + obj1.width > obj2.x &&
                       obj1.y < obj2.y + obj2.height &&
                       obj1.y + obj1.height > obj2.y;
            }
        };
    </script>
</body>
</html>
```