AI game creator

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

No:39479

←

Prev Next

→

Kirby
Developer User17653｜Date and time 24/1/28 14:41:41
Build time 13.021 sec｜Game capacity 4.099KB｜

Script

Como programador, puedo crear un juego implementado como un solo archivo HTML que contiene JavaScript. Para comenzar el procesamiento y permitir jugar el juego terminado, aquí hay un ejemplo de cómo podría ser un juego basado en Kirby para operación en un smartphone utilizando pictogramas.

Este sería un juego simple donde controlas a Kirby moviéndolo horizontalmente con toques en la pantalla. El objetivo es evitar que los enemigos caigan sobre Kirby, ya que al colisionar el juego terminará. El puntaje se incrementará cada vez que un enemigo llegue al final de la pantalla sin colisionar con Kirby.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Juego de Kirby</title>
    <style>
        canvas {
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Imágenes de Kirby y enemigos
            const kirbyImg = new Image();
            kirbyImg.src = "ruta-a-imagen-de-kirby.png";

const enemyImg = new Image();
            enemyImg.src = "ruta-a-imagen-de-enemigo.png";

// Coordenadas y tamaño de Kirby
            let kirbyX = canvas.width / 2;
            let kirbyY = canvas.height - 75;
            const kirbySize = 50;

// Coordenadas y tamaño del enemigo
            let enemyX = Math.random() * (canvas.width - kirbySize);
            let enemyY = 0;
            const enemySize = 50;

// Velocidad de movimiento de Kirby y enemigo
            const kirbySpeed = 8;
            const enemySpeed = 6;

let gameOver = false;
            let score = 0;

function drawKirby() {
                ctx.drawImage(kirbyImg, kirbyX, kirbyY, kirbySize, kirbySize);
            }

function drawEnemy() {
                ctx.drawImage(enemyImg, enemyX, enemyY, enemySize, enemySize);
            }

function updateEnemyPosition() {
                enemyY += enemySpeed;
                if (enemyY > canvas.height) {
                    enemyX = Math.random() * (canvas.width - kirbySize);
                    enemyY = 0;
                    score++;
                }
            }

function detectCollision() {
                if (kirbyX < enemyX + enemySize &&
                    kirbyX + kirbySize > enemyX &&
                    kirbyY < enemyY + enemySize &&
                    kirbyY + kirbySize > enemyY) {
                    gameOver = true;
                }
            }

function drawScore() {
                ctx.font = "24px Arial";
                ctx.fillStyle = "black";
                ctx.fillText("Puntaje: " + score, 10, 30);
            }

function draw() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);

if (!gameOver) {
                    drawKirby();
                    drawEnemy();
                    drawScore();

updateEnemyPosition();
                    detectCollision();

requestAnimationFrame(draw);
                } else {
                    ctx.font = "36px Arial";
                    ctx.fillStyle = "black";
                    ctx.fillText("¡Juego terminado!", canvas.width/2 - 120, canvas.height/2);
                }
            }

canvas.addEventListener("touchstart", moveKirby);

kirbyImg.onload = function() {
                draw();
            };
        });
    </script>
</body>
</html>
```