A jet shooting put in, it's way through. The Galaxy of the shooting stars. Will you get to control the jet's game | AI game creator

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

No:39785

84

A jet shooting put in, it's way through. The Galax..ALL
Developer User17795｜Date and time 24/1/30 4:01:08
Build time 22.5 sec｜Game capacity 4.305KB｜

Sure! Here's a simple game where you can control a jet shooting through a galaxy of shooting stars using pictograms. The game is implemented as a single HTML file, enclosed in script tags, and written in JavaScript. You can play the game by following the instructions and controls provided.

To play the game: 1. Save the above code in a file named "index.html". 2. Place the "emozi_all/pictogram.png" and "emozi_all/pictogram.png" images in the same directory as the HTML file. 3. Open the HTML file in a web browser on your smartphone. 4. Control the jet by swiping your finger horizontally across the game area. 5. Avoid the shooting stars and try to survive as long as possible. 6. The game ends when a shooting star reaches the bottom of the screen. 7. Your score will be displayed in an alert popup after the game ends. 8. To play again, close the alert popup and the game will automatically reset. Note: You can replace "emozi_all/pictogram.png" and "emozi_all/pictogram.png" with appropriate image files of your choice.

→ 　

0　

0　

[PR]現在のプレゼントランキング

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

(C)2023 HisashiApp

Sure! Here's a simple game where you can control a jet shooting through a galaxy of shooting stars using pictograms. The game is implemented as a single HTML file, enclosed in script tags, and written in JavaScript. You can play the game by following the instructions and controls provided.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Jet Shooting Game</title>
    <style>
        #gameContainer {
            width: 100vw;
            height: 100vh;
            background-color: black;
            overflow: hidden;
            position: relative;
        }

#jet {
            width: 50px;
            height: 50px;
            position: absolute;
            bottom: 10px;
            left: calc(50vw - 25px);
            background-image: url('jet_pictogram.png');
            background-size: contain;
            background-repeat: no-repeat;
        }

.star {
            width: 20px;
            height: 20px;
            position: absolute;
            background-image: url('star_pictogram.png');
            background-size: contain;
            background-repeat: no-repeat;
        }
    </style>
</head>
<body>
    <div id="gameContainer">
        <div id="jet"></div>
    </div>

<script>
        window.onload = function() {
            var container = document.getElementById('gameContainer');
            var jet = document.getElementById('jet');
            var score = 0;
            var gameInterval;

function moveJet(event) {
                var posX = event.touches[0].clientX;
                var containerWidth = container.offsetWidth;
                var jetWidth = jet.offsetWidth;
                var maxX = containerWidth - jetWidth;
                jet.style.left = Math.min(maxX, Math.max(0, posX - (jetWidth / 2))) + 'px';
            }

function startGame() {
                container.addEventListener('touchmove', moveJet, false);
                gameInterval = setInterval(moveStars, 50);
            }

function moveStars() {
                var stars = document.getElementsByClassName('star');
                for (var i = 0; i < stars.length; i++) {
                    var star = stars[i];
                    var starTop = parseInt(star.style.top) || 0;
                    star.style.top = (starTop + 1) + 'px';

if (starTop >= window.innerHeight) {
                        star.style.top = '-20px';
                        star.style.left = (Math.random() * (container.offsetWidth - star.offsetWidth)) + 'px';
                        score++;
                    }
                }
            }

function createStar() {
                var star = document.createElement('div');
                star.className = 'star';
                star.style.left = (Math.random() * (container.offsetWidth - star.offsetWidth)) + 'px';
                container.appendChild(star);
            }

function endGame() {
                clearInterval(gameInterval);
                container.removeEventListener('touchmove', moveJet);
                alert('Game Over! Your Score: ' + score);
                resetGame();
            }

function resetGame() {
                while (container.firstChild) {
                    container.removeChild(container.firstChild);
                }
                score = 0;
                startGame();
            }

function initialize() {
                createStar();
                startGame();
            }

initialize();
        }
    </script>
</body>
</html>
```

To play the game:
1. Save the above code in a file named "index.html".
2. Place the "jet_pictogram.png" and "star_pictogram.png" images in the same directory as the HTML file.
3. Open the HTML file in a web browser on your smartphone.
4. Control the jet by swiping your finger horizontally across the game area.
5. Avoid the shooting stars and try to survive as long as possible.
6. The game ends when a shooting star reaches the bottom of the screen.
7. Your score will be displayed in an alert popup after the game ends.
8. To play again, close the alert popup and the game will automatically reset.

Note: You can replace "jet_pictogram.png" and "star_pictogram.png" with appropriate image files of your choice.