AI game creator

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

No:12439

←

Prev Next

→

Subway surfer
Developer User5110｜Date and time 23/8/17 3:26:17
Build time 25.554 sec｜Game capacity 3.555KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<html>
<head>
<style>
    #gameCanvas {
        background-color: #000000;
    }
</style>
</head>
<body>
    <canvas id="gameCanvas" width="600" height="400"></canvas>

// Fonction d'initialisation du jeu
        function initGame() {
            // Obtention du canvas et du contexte 2D
            var canvas = document.getElementById("gameCanvas");
            var context = canvas.getContext("2d");

// Position initiale du personnage
            var characterX = 50;
            var characterY = 200;

// Vitesse de déplacement du personnage
            var characterSpeed = 5;

// Position initiale des obstacles
            var obstacleX = canvas.width;
            var obstacleY = 200;
            var obstacleWidth = 50;
            var obstacleHeight = 50;
            
            // Vitesse de déplacement des obstacles
            var obstacleSpeed = 3;

// Score du joueur
            var score = 0;

// Gestion des touches
            window.addEventListener("keydown", function(event) {
                if(event.key === "ArrowUp" && characterY > 0) {
                    characterY -= characterSpeed;
                } else if(event.key === "ArrowDown" && characterY < canvas.height - 50) {
                    characterY += characterSpeed;
                }
            });

// Fonction de mise à jour du jeu
            function updateGame() {
                // Effacement du canvas
                context.clearRect(0, 0, canvas.width, canvas.height);

// Dessin du personnage
                drawCharacter();

// Mise à jour de la position de l'obstacle
                obstacleX -= obstacleSpeed;

// Gestion des collisions avec l'obstacle
                if(obstacleX + obstacleWidth > characterX && obstacleX < characterX + obstacleWidth &&
                   obstacleY + obstacleHeight > characterY && obstacleY < characterY + obstacleHeight) {
                    endGame();
                }

// Dessin de l'obstacle
                drawObstacle();

// Mise à jour du score
                score++;
                context.font = "16px Arial";
                context.fillStyle = "#ffffff";
                context.fillText("Score: " + score, 8, 20);

// Appel récursif de la fonction updateGame
                requestAnimationFrame(updateGame);
            }

// Fonction de dessin du personnage
            function drawCharacter() {
                // Dessin du personnage (utilisez des pictogrammes si possible)
                context.font = "30px Arial";
                context.fillStyle = "#ff0000";
                context.fillText("🏃", characterX, characterY);
            }

// Fonction de dessin de l'obstacle
            function drawObstacle() {
                // Dessin de l'obstacle (utilisez des pictogrammes si possible)
                context.fillStyle = "#00ff00";
                context.fillRect(obstacleX, obstacleY, obstacleWidth, obstacleHeight);
            }

// Fonction de fin de jeu
            function endGame() {
                // Arrêt du jeu
                alert("Game Over! Score: " + score);

// Rechargement de la page pour rejouer
                location.reload();
            }

// Démarrage du jeu
            updateGame();
        }
    </script>
</body>
</html>