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

No:36075

130

←

Prev Next

→

Jump High with the Eagle
Developer User16725｜Date and time 24/1/16 13:46:17
Build time 8.316 sec｜Game capacity 2.772KB｜

Script

Sure, here's a simple game called "Jump High with the Eagle" implemented as a single HTML file with JavaScript enclosed in script tags:

Jump High with the Eagle

To utilize pictograms, you can replace the `eagle.src` line with your pictogram image source. Just make sure to adjust the dimensions accordingly in the CSS. The game allows the player to make the eagle jump by pressing the spacebar. The eagle will jump to a certain height and then fall back down.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple game called "Jump High with the Eagle" implemented as a single HTML file with JavaScript enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Jump High with the Eagle</title>
    <style>
        body {
            background-color: #f8f8f8;
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        #eagle {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            transition: all 0.3s ease-in-out;
        }
    </style>
</head>
<body>
    <h1>Jump High with the Eagle</h1>
    <canvas id="gameCanvas" width="300" height="300"></canvas>
    
    <script>
        let canvas = document.getElementById('gameCanvas');
        let ctx = canvas.getContext('2d');
        
        let eagle = document.getElementById('eagle');
        let isJumping = false;
        let jumpHeight = 120;
        let currentJumpHeight = 0;
        
        function drawEagle() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.drawImage(eagle, 0, canvas.height - eagle.height - currentJumpHeight);
        }
        
        function jump() {
            if (!isJumping) {
                isJumping = true;
                let jumpInterval = setInterval(function() {
                    currentJumpHeight += 10;
                    if (currentJumpHeight >= jumpHeight) {
                        clearInterval(jumpInterval);
                        let fallInterval = setInterval(function() {
                            currentJumpHeight -= 10;
                            if (currentJumpHeight <= 0) {
                                clearInterval(fallInterval);
                                isJumping = false;
                            }
                            drawEagle();
                        }, 30);
                    }
                    drawEagle();
                }, 30);
            }
        }
        
        document.addEventListener('keydown', function(event) {
            if (event.keyCode === 32) { // Spacebar
                jump();
            }
        });
        
        window.onload = function() {
            eagle.onload = function() {
                setInterval(drawEagle, 30);
            };
            eagle.src = 'eagle.png';
        };
    </script>
</body>
</html>
```