Un juego de móvil mmorpg que trate de salvar al mundo de un dragón's game

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

No:38874

113

←

Prev Next

→

Un juego de móvil mmorpg que trate de salvar al mu..ALL
Developer User17461｜Date and time 24/1/26 2:27:16
Build time 14.412 sec｜Game capacity 2.738KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Salva al Mundo del Dragón - Juego MMORPG</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

// Definición del juego
        function Juego(canvas) {
            this.canvas = canvas;
            this.contexto = canvas.getContext("2d");
            this.width = canvas.width;
            this.height = canvas.height;
            this.personaje = cargarImagen("pictograma_personaje.png");
            this.dragon = cargarImagen("pictograma_dragon.png");
            this.posicionPersonajeX = 50;
            this.posicionPersonajeY = 50;

// Método para dibujar los elementos del juego en cada frame
            this.dibujar = function() {
                this.contexto.clearRect(0, 0, this.width, this.height);
                this.contexto.drawImage(this.personaje, this.posicionPersonajeX, this.posicionPersonajeY);
                this.contexto.drawImage(this.dragon, this.width - 100, this.height - 100);
            };

// Método para manejar los eventos de toque o clic en el juego
            this.manejarEvento = function(event) {
                const rect = canvas.getBoundingClientRect();
                const x = event.touches ? event.touches[0].clientX - rect.left : event.clientX - rect.left;
                const y = event.touches ? event.touches[0].clientY - rect.top : event.clientY - rect.top;

// Mover al personaje hacia la posición del toque o clic
                this.posicionPersonajeX = x;
                this.posicionPersonajeY = y;
            };

// Iniciar el juego y añadir los eventos de toque o clic
            this.iniciar = function() {
                const that = this;
                this.canvas.addEventListener("click", function(event) {
                    that.manejarEvento(event);
                });
                this.canvas.addEventListener("touchstart", function(event) {
                    that.manejarEvento(event);
                });

// Bucle principal del juego
                setInterval(function() {
                    that.dibujar();
                }, 60);
            };
        }

// Crear una instancia del juego y comenzar
        const canvas = document.getElementById("gameCanvas");
        const juego = new Juego(canvas);
        juego.iniciar();
    </script>
</body>
</html>