AI game creator

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

No:8306

187

←

Prev Next

→

3d
Developer User4162｜Date and time 23/7/14 23:45:07
Build time 23.807 sec｜Game capacity 3.623KB｜

Script

Compris! Voici un exemple de jeu simple qui peut être joué sur un smartphone. Utilisons des carrés de différentes couleurs comme pictogrammes. Voici le code :

Ce jeu consiste à déplacer un carré coloré à l'aide du clavier tactile du smartphone. Les autres carrés descendront du haut de l'écran et le joueur doit les éviter en les faisant entrer en collision avec le carré de la même couleur. Chaque collision augmentera le score et changera la couleur du carré courant. J'espère que cela répond à votre demande! Si vous avez d'autres questions, n'hésitez pas à les poser.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Compris! Voici un exemple de jeu simple qui peut être joué sur un smartphone. Utilisons des carrés de différentes couleurs comme pictogrammes. Voici le code :

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Jeu de Couleurs</title>
</head>
<body>
    <canvas id="gameCanvas" width="300" height="600"></canvas>

// Génération d'un carré avec une couleur aléatoire
        function generateSquare() {
            return {
                x: Math.random() * (canvas.width - 50),
                y: 0,
                width: 50,
                height: 50,
                color: colors[Math.floor(Math.random() * colors.length)]
            };
        }

// Vérification du contact entre deux carrés
        function checkCollision(square1, square2) {
            return square1.x < square2.x + square2.width &&
                   square1.x + square1.width > square2.x &&
                   square1.y < square2.y + square2.height &&
                   square1.y + square1.height > square2.y;
        }

// Mise à jour du score et changement de couleur du carré courant
        function updateScore() {
            score += 1;
            currentColor = colors[score % colors.length];
        }

// Gestion du clavier tactile pour déplacer le carré courant
        function handleTouchMove(event) {
            var touch = event.touches[0];
            currentSquare.x = touch.clientX - currentSquare.width / 2;
            currentSquare.y = touch.clientY - currentSquare.height / 2;
        }

// Mise à jour de la position des carrés et vérification des collisions
        function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);

for (var i = 0; i < squares.length; i++) {
                var square = squares[i];
                square.y += 2;

if (checkCollision(square, currentSquare)) {
                    updateScore();
                    squares.splice(i, 1);
                    i--;
                }

context.fillStyle = square.color;
                context.fillRect(square.x, square.y, square.width, square.height);
            }

context.fillStyle = currentColor;
            context.fillRect(currentSquare.x, currentSquare.y, currentSquare.width, currentSquare.height);

requestAnimationFrame(update);
        }

// Gestion des touches tactiles pour démarrer le jeu
        function handleTouchStart() {
            currentSquare = generateSquare();
            squares = [];

score = 0;
            currentColor = colors[0];

document.removeEventListener("touchstart", handleTouchStart);
            document.addEventListener("touchmove", handleTouchMove);
            update();
        }

document.addEventListener("touchstart", handleTouchStart);
    </script>
</body>
</html>
```

J'espère que cela répond à votre demande! Si vous avez d'autres questions, n'hésitez pas à les poser.