AI game creator

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

No:9853

←

Prev Next

→

Agujisma
Developer User4435｜Date and time 23/7/28 4:41:35
Build time 26.383 sec｜Game capacity 3.856KB｜

Script

¡Claro! A continuación te presento un ejemplo de un juego sencillo implementado en un solo archivo HTML, que utiliza JavaScript y está diseñado para jugar en un teléfono inteligente.

Este ejemplo de juego simple utiliza un canvas para dibujar al jugador (representado por una imagen) y a los enemigos (también representados por imágenes). El jugador puede moverse tocando y arrastrando en la pantalla. El objetivo es evitar que los enemigos lleguen al final del canvas. Cada vez que un enemigo llega al final, la puntuación aumenta. Si un enemigo colisiona con el jugador, el juego termina y se muestra la puntuación final. El jugador puede reiniciar el juego después de perder. Asegúrate de colocar las rutas correctas de las imágenes que desees utilizar para representar al jugador y a los enemigos.

←

Prev　Next

→ 　

Back　

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

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

¡Claro! A continuación te presento un ejemplo de un juego sencillo implementado en un solo archivo HTML, que utiliza JavaScript y está diseñado para jugar en un teléfono inteligente.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Agujisma - Juego</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

const playerImage = new Image();
        playerImage.src = 'ruta/imagen-jugador.png';

const enemyImage = new Image();
        enemyImage.src = 'ruta/imagen-enemigo.png';

const player = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            speed: 5
        };

const enemy = {
            x: canvas.width / 2,
            y: 0,
            speed: 3
        };

let score = 0;

// Eventos táctiles para controlar al jugador
        document.addEventListener('touchstart', handleTouchStart);
        document.addEventListener('touchmove', handleTouchMove);

let initialTouchX = null;

function handleTouchStart(event) {
            initialTouchX = event.touches[0].clientX;
        }

function handleTouchMove(event) {
            if (!initialTouchX) {
                return;
            }

const currentTouchX = event.touches[0].clientX;
            const diff = initialTouchX - currentTouchX;

if (diff > 0 && player.x - player.speed > 0) {
                player.x -= player.speed;
            } else if (diff < 0 && player.x + player.speed < canvas.width - 50) {
                player.x += player.speed;
            }

initialTouchX = currentTouchX;
        }

// Loop de juego
        function gameLoop() {
            requestAnimationFrame(gameLoop);

context.clearRect(0, 0, canvas.width, canvas.height);

context.drawImage(playerImage, player.x, player.y, 50, 50);
            context.drawImage(enemyImage, enemy.x, enemy.y, 50, 50);

if (playerHitEnemy(player, enemy)) {
                gameOver();
                return;
            }

enemy.y += enemy.speed;

if (enemy.y > canvas.height) {
                resetEnemyPosition();
                increaseScore();
            }
        }

function playerHitEnemy(player, enemy) {
            return (
                player.x < enemy.x + 50 &&
                player.x + 50 > enemy.x &&
                player.y < enemy.y + 50 &&
                player.y + 50 > enemy.y
            );
        }

function gameOver() {
            alert('¡Perdiste! Puntuación final: ' + score);
            resetGame();
        }

function resetEnemyPosition() {
            enemy.x = Math.random() * (canvas.width - 50);
            enemy.y = 0;
        }

function increaseScore() {
            score++;
        }

function resetGame() {
            score = 0;
            resetEnemyPosition();
            player.x = canvas.width / 2;
        }

// Inicializar el juego
        gameLoop();
    </script>
</body>
</html>
```

Asegúrate de colocar las rutas correctas de las imágenes que desees utilizar para representar al jugador y a los enemigos.