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

No:36838

←

Prev Next

→

Créé un jeux d'avion
Developer User16881｜Date and time 24/1/18 18:08:05
Build time 14.412 sec｜Game capacity 4.097KB｜

Script

Bien sûr, voici un exemple de jeu d'avion simple créé en utilisant un seul fichier HTML avec JavaScript. Le jeu est conçu pour être joué sur un téléphone intelligent et utilise des pictogrammes.

Jeu d'avion

Ceci est un exemple très basique d'un tel jeu et utilise un simple mouvement horizontal pour déplacer l'avion du joueur sur l'écran. Les ennemis sont représentés par des éléments HTML de classe "enemy" et se déplacent vers le bas de l'écran. Si un ennemi touche l'avion du joueur, le jeu se termine et une fenêtre d'alerte s'affiche. N'hésitez pas à personnaliser le jeu en ajoutant des fonctionnalités supplémentaires et en améliorant les graphismes.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Jeu d'avion</title>
    <style>
        #game-container {
            position: relative;
            width: 100%;
            height: 400px;
            background: lightblue;
            overflow: hidden;
        }
        
        #player {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 50px;
            background: url('plane.png') no-repeat center center;
            background-size: contain;
        }
    </style>
</head>
<body>
    <h1>Jeu d'avion</h1>
    <div id="game-container">
        <div id="player"></div>
    </div>

function movePlayer(event) {
                var screenWidth = gameContainer.offsetWidth;
                var newPosition = (event.touches[0].clientX / screenWidth) * 100;

if (newPosition >= 0 && newPosition <= 100) {
                    player.style.left = newPosition + '%';
                    playerPosition = newPosition;
                }
            }

function startGame() {
                clearInterval(gameLoop);
                gameLoop = setInterval(moveEnemies, 1000);
                gameContainer.addEventListener('touchmove', movePlayer);
            }

function endGame() {
                clearInterval(gameLoop);
                gameContainer.removeEventListener('touchmove', movePlayer);
                player.style.left = '50%';
                playerPosition = 50;
            }

function moveEnemies() {
                // create enemy elements
                var enemy = document.createElement('div');
                enemy.className = 'enemy';
                gameContainer.appendChild(enemy);

// animate enemy elements
                var enemyInterval = setInterval(function () {
                    var enemies = document.getElementsByClassName('enemy');
                    for (var i = 0; i < enemies.length; i++) {
                        var currentEnemy = enemies[i];
                        var currentEnemyPosition = parseFloat(currentEnemy.style.top) || 0;
                        currentEnemyPosition += 10; // move enemies 10px down

// collision detection
                        if (currentEnemyPosition >= 95 && Math.abs(playerPosition * screenWidth / 100 - currentEnemy.offsetLeft) <= player.offsetWidth / 2) {
                            endGame();
                            alert('Perdu!'); // Vous avez perdu!
                            return;
                        }
                        currentEnemy.style.top = currentEnemyPosition + 'px';

if (currentEnemyPosition >= gameContainer.offsetHeight - currentEnemy.offsetHeight) {
                            // enemy reached the bottom, remove it
                            gameContainer.removeChild(currentEnemy);
                        }
                    }
                }, 100);
            }

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