Gerrar imajenes 2d que se puedan crear tanques aviones de combate y barco y submarino's game

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

No:35357

←

Prev Next

→

Gerrar imajenes 2d que se puedan crear tanques avi..ALL
Developer User16525｜Date and time 24/1/14 6:07:22
Build time 10.465 sec｜Game capacity 2.573KB｜

Script

Aquí tienes un ejemplo de un juego simple que cumple con los requisitos mencionados:

En este ejemplo, se crean pictogramas para un tanque, avión, barco y submarino. Cada uno de ellos se carga y se dibuja en un lienzo de juego utilizando la etiqueta `<canvas>`. La función `updateGame()` actualiza el juego en cada fotograma, limpiando el lienzo y volviendo a dibujar los pictogramas en sus respectivas posiciones. Ten en cuenta que las rutas de las imágenes ("emozi_rabbit.png", "emozi_hamuster.png", etc.) deben ser reemplazadas por las rutas válidas de las imágenes que desees utilizar en tu juego. Espero que esto te ayude a comenzar con tu juego. ¡Disfruta programando!

←

Prev　Next

→ 　

Back　

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

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

Aquí tienes un ejemplo de un juego simple que cumple con los requisitos mencionados:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Juego de Pictogramas</title>
</head>
<body>
  <canvas id="gameCanvas" width="480" height="320"></canvas>

// Crear pictogramas de tanque, avión, barco y submarino
    var tankImg = new Image();
    tankImg.src = "imagen_tanque.png";
    
    var planeImg = new Image();
    planeImg.src = "imagen_avion.png";
    
    var shipImg = new Image();
    shipImg.src = "imagen_barco.png";
    
    var submarineImg = new Image();
    submarineImg.src = "imagen_submarino.png";
    
    // Variables para almacenar la posición de los pictogramas
    var tankX = 50;
    var tankY = 50;
    
    var planeX = 150;
    var planeY = 50;
    
    var shipX = 250;
    var shipY = 50;
    
    var submarineX = 350;
    var submarineY = 50;

// Función para dibujar los pictogramas en el lienzo
    function drawPictograms() {
      ctx.drawImage(tankImg, tankX, tankY);
      ctx.drawImage(planeImg, planeX, planeY);
      ctx.drawImage(shipImg, shipX, shipY);
      ctx.drawImage(submarineImg, submarineX, submarineY);
    }

// Función de actualización del juego
    function updateGame() {
      // Limpiar el lienzo
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Dibujar los pictogramas
      drawPictograms();
    }

// Iniciar el juego
    function startGame() {
      setInterval(updateGame, 20); // Actualizar el juego cada 20 milisegundos
    }

// Cargar imágenes y comenzar el juego cuando estén listas
    tankImg.onload = function() {
      planeImg.onload = function() {
        shipImg.onload = function() {
          submarineImg.onload = function() {
            startGame();
          }
        }
      }
    }
  </script>
</body>
</html>
```

Ten en cuenta que las rutas de las imágenes ("imagen_tanque.png", "imagen_avion.png", etc.) deben ser reemplazadas por las rutas válidas de las imágenes que desees utilizar en tu juego.

Espero que esto te ayude a comenzar con tu juego. ¡Disfruta programando!