AI game creator

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

No:37717

←

Prev Next

→

Lego runner
Developer User17102｜Date and time 24/1/21 13:00:20
Build time 9.676 sec｜Game capacity 2.755KB｜

Script

Sure! Here's a simple implementation of the "Lego Runner" game using JavaScript and HTML:

In this "Lego Runner" game, you control a runner character using the arrow keys on a smartphone. The blue square represents the runner, and you can move it left or right using the left and right arrow keys. You can also make the runner jump using the up arrow key. Please note that this is a basic implementation to give you an idea. You can customize and enhance the game further based on your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of the "Lego Runner" game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Lego Runner</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        
        canvas {
            background-color: #FFF;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    
    <script>
        // Game variables
        var canvas;
        var canvasContext;
        var runnerX = 50;
        var runnerY = 270;
        var runnerSpeedX = 5;
        var runnerJumping = false;
        
        window.onload = function() {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');
            
            // Update game frames
            setInterval(update, 1000/30);
            
            // Event listener for arrow key presses
            document.addEventListener('keydown', function(event) {
                moveRunner(event.keyCode);
            });
        }
        
        function update() {
            // Move the runner
            if (runnerJumping) {
                runnerY -= 5;
            } else {
                runnerY += 5;
            }
            
            // Check if runner is out of bounds
            if (runnerY > canvas.height) {
                runnerY = 0;
            }
            
            // Render game
            draw();
        }
        
        function moveRunner(keyCode) {
            if (keyCode === 37) { // Left arrow key
                runnerX -= runnerSpeedX;
            } else if (keyCode === 39) { // Right arrow key
                runnerX += runnerSpeedX;
            } else if (keyCode === 38 && !runnerJumping) { // Up arrow key
                runnerJumping = true;
            } else if (keyCode === 40) { // Down arrow key
                // Implement desired behavior
            }
        }
        
        function draw() {
            // Clear canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw runner
            canvasContext.fillStyle = 'blue';
            canvasContext.fillRect(runnerX, runnerY, 30, 30);
        }
    </script>
</body>
</html>
```

Please note that this is a basic implementation to give you an idea. You can customize and enhance the game further based on your requirements.