A Jedi Flying Through The stars Battling shooting stars Fighting back's game

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

No:39784

←

Prev Next

→

A Jedi Flying Through The stars Battling shooting..ALL
Developer User17795｜Date and time 24/1/30 3:57:45
Build time 19.883 sec｜Game capacity 4.287KB｜

Script

Sure! Here's an example of a simple game where a Jedi flies through the stars, battling and shooting shooting stars:

Please note that this code assumes you have `emozi_rabbit.png` and `emozi_all/star.png` files in the same directory as the HTML file. You can replace these images with pictograms of your choice. To play the game, simply open the HTML file on your smartphone and control the Jedi using the left and right arrow keys on your virtual keyboard. The objective is to avoid colliding with the shooting stars as long as possible. If a collision occurs, an alert will appear signaling the end of the game.

←

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 game where a Jedi flies through the stars, battling and shooting shooting stars:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        canvas {
            border: 1px solid #000;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // Create the canvas and context
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");

// Jedi image
        var jediImg = new Image();
        jediImg.src = "jedi.png";
        
        // Shooting star image
        var shootingStarImg = new Image();
        shootingStarImg.src = "shooting_star.png";
        
        // Jedi object
        var jedi = {
            x: 200,
            y: 350,
            width: 50,
            height: 50,
            speed: 5
        };
        
        // Shooting stars array
        var shootingStars = [];
        
        // Add shooting star function
        function addShootingStar() {
            var shootingStar = {
                x: Math.random() * (canvas.width - 50),
                y: 0,
                width: 50,
                height: 50,
                speed: Math.random() * 4 + 1
            };
            shootingStars.push(shootingStar);
        }
        
        // Detect collision function
        function detectCollision(obj1, obj2) {
            if (obj1.x < obj2.x + obj2.width &&
                obj1.x + obj1.width > obj2.x &&
                obj1.y < obj2.y + obj2.height &&
                obj1.y + obj1.height > obj2.y) {
                return true;
            }
            return false;
        }
        
        // Handle keydown event (Jedi movement)
        function handleKeyDown(event) {
            if (event.key === "ArrowLeft" && jedi.x > 0) {
                jedi.x -= jedi.speed;
            } else if (event.key === "ArrowRight" && jedi.x + jedi.width < canvas.width) {
                jedi.x += jedi.speed;
            }
        }
        
        // Game loop
        function gameLoop() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw Jedi
            ctx.drawImage(jediImg, jedi.x, jedi.y, jedi.width, jedi.height);
            
            // Draw shooting stars
            for (var i = 0; i < shootingStars.length; i++) {
                var shootingStar = shootingStars[i];
                ctx.drawImage(shootingStarImg, shootingStar.x, shootingStar.y, shootingStar.width, shootingStar.height);
                
                // Update shooting star position
                shootingStar.y += shootingStar.speed;
                
                // Check collision with Jedi
                if (detectCollision(jedi, shootingStar)) {
                    alert("Game Over!");
                    shootingStars = [];
                    break;
                }
                
                // Remove shooting star if it's off the screen
                if (shootingStar.y > canvas.height) {
                    shootingStars.splice(i, 1);
                    i--;
                }
            }
            
            // Add shooting star randomly
            if (Math.random() < 0.02) {
                addShootingStar();
            }
            
            // Request next frame
            requestAnimationFrame(gameLoop);
        }
        
        // Start the game
        function startGame() {
            document.addEventListener("keydown", handleKeyDown);
            gameLoop();
        }
        
        // Start game when everything is loaded
        window.addEventListener("load", startGame);
    </script>
</body>
</html>
```

Please note that this code assumes you have `jedi.png` and `shooting_star.png` files in the same directory as the HTML file. You can replace these images with pictograms of your choice.

To play the game, simply open the HTML file on your smartphone and control the Jedi using the left and right arrow keys on your virtual keyboard. The objective is to avoid colliding with the shooting stars as long as possible. If a collision occurs, an alert will appear signaling the end of the game.