Quiz de Banderas

Tengo el placer de anunciar una nueva incorporación a mi proyecto de puzles de mapas, mappuzzle.xyz: un desafiante Quiz de Banderas. Después de una cuidadosa consideración y planificación, he decidido incluir este juego para ofrecer a los usuarios una experiencia educativa y entretenida que promueva el desarrollo de sus conocimientos geográficos.

El Quiz de Banderas es un cuestionario interactivo diseñado con el objetivo de evaluar los conocimientos geográficos de los participantes y fomentar su familiarización con las banderas de diferentes países. Cada pregunta presenta una bandera y una serie de opciones entre las cuales los jugadores deben seleccionar la respuesta correcta. Además, se ha incorporado una funcionalidad de mapa interactivo que muestra la ubicación geográfica correspondiente a cada bandera seleccionada, enriqueciendo así la comprensión de la geografía mundial.

Mostrar Más

Publicado por: 0

Cube Beat War

Cube Beat War permite a los jugadores lanzar el poder mágico Kame Hame Ha con sus manos. Para hacerlo, los jugadores deben realizar gestos específicos con sus manos, como juntar las palmas y luego abrirlas para generar la magia, y empujar hacia adelante para lanzarla. El juego incluye un menú y un sistema de puntuación, y consiste en eliminar cubos de colores que aparecen de manera aleatoria. El juego utiliza una librería de detección de gestos que permite a los jugadores interactuar con el menú mediante el gesto de señalar con el dedo índice, como si de un puntero láser se tratara. El juego finaliza cuando se eliminan todos los cubos. La aplicación utiliza el plugin Oculus XR y requiere Unity 2021.2.5f1 y un Oculus Quest 2 para funcionar.

Mostrar Más

Publicado por: 0

React Depth 3d Viewer

El visor de fotos pseudo 3D para React es una herramienta que permite crear un efecto 3D en las fotos utilizando la librería pixi.js y la técnica de desplazamiento de bits a partir de una capa de profundidad.

Pixi.js es una librería de JavaScript ampliamente utilizada en el desarrollo de juegos y aplicaciones en 3D gracias a su facilidad de uso y su rendimiento optimizado. La técnica de desplazamiento de bits se utiliza para aplicar un filtro de desplazamiento en la textura de la foto, logrando un efecto 3D a partir de la información contenida en la capa de profundidad.

Para aplicar el filtro de desplazamiento en la textura, se utiliza la función filters.DisplacementFilter(depthMap, 0) de pixi.js. Esta función toma como parámetros el mapa de profundidad y un desplazamiento en el eje Z, y aplica el efecto de desplazamiento en la textura. Además, algunas implementaciones como la de Facebook también permiten la interpolación de las áreas no visibles de la textura al moverse en 3D, lo que aumenta la sensación de realismo en el visor de fotos pseudo 3D.

En resumen, el visor de fotos pseudo 3D para React es una herramienta que utiliza la librería pixi.js y la técnica de desplazamiento de bits para crear un efecto 3D en las fotos utilizando una capa de profundidad. Gracias a su facilidad de uso y su rendimiento optimizado, esta herramienta es una excelente opción para aquellos que deseen darle un toque de realismo a sus fotos.

Descargar de mi Github.

Publicado por: 0

Sevilla, hacia 1870, Panorama

Conversión a foto 360 de las fotos tomadas por Jean Laurent, el fotógrafo francés afincado en España que tomó 7 instantáneas para formar una gran panorámica del río y su entorno.

Descripción

A partir de fotos a gran resolución se han coloreado con diferentes algoritmos, luego estos se han mezclado y procesado, se ha recreado un cielo creíble y añadido un el falso relleno inferior para que estuviera más integrado.

 

Puedes probarlo en mappuzzle.xyz/sevilla360

Codigo fuente del proyecto en Github

Publicado por: 0

MapPuzzle.xyz

El juego de MapPuzzle.xyz es una divertida forma de aprender geografía de una manera lúdica. El juego cuenta con una lista de piezas del puzzle en el lateral izquierdo de la pantalla, que pueden ser países, estados, ciudades o provincias, entre otros. Cada pieza se muestra con una ilustración del mapa y al hacer clic sobre ella, sigue el ratón y el jugador debe buscar su correspondencia en el mapa. También cuenta con un contador de piezas encontradas, piezas a buscar y fallos cometidos. Los jugadores pueden seleccionar el mapa que quieren jugar y filtrarlo por continente y región.

Una de las características interesantes del juego es que permite a los jugadores traducir los nombres de las piezas del puzzle a diferentes idiomas. Esto les permite aprender los nombres de los lugares en diferentes idiomas, lo que enriquece su experiencia de juego y les ayuda a desarrollar sus habilidades lingüísticas.

Además, cada vez que una pieza es colocada en el mapa, los jugadores pueden acceder a datos de Wikipedia sobre el lugar que están explorando. Esto les permite obtener información adicional sobre la geografía, la historia, la cultura y otras áreas relacionadas con el lugar, lo que les ayuda a aprender más sobre el mundo que nos rodea.

En resumen, el juego de puzzle de mapas ofrece una experiencia educativa completa y divertida para todas las edades. ¡No dejes de probarlo!

Mostrar Más

Publicado por: 0

@deck.gl/carto Demo

Aplicación de prueba de Deck.gl usando React. La aplicación ha sido dividida en diferentes componentes de React, comunicándose entre si. En el panel de herramientas, se pueden hacer las siguientes modificaciones en el mapa:

  • Cambiar la vista (Mostrar GeoJsonLayer)
  • Seleccione el continente
  • El grosor de la línea
  • La altura de la escala de colores
  • Color de línea
  • Color del polígono (el color será más oscuro dependiendo del nivel de población del país)
  • Tabla con información del país cuando se coloca el ratón sobre el polígono
  • Leyenda de la población y el recuento de países por continente

Otras características que aún tengo que explorar:

  • Probar algunas otras capas en Deck como ArcLayer, HexagonLayer, GridCellLayer, etc.
  • Para poder seleccionar las capas que se mostrarán y para hacer un zoom en el ámbito de cada una de ellas.

Prueba la aplicación en http://aaranda.es/static/deckgl/

Descargar en Github.

Publicado por: 0

Bubbles Annihilator 1.1a

Juego de naves desarrollado en HTML5 con la potente librería Phaser de JavaScript. Este juego ha sido diseñado para brindar un experimento divertido y adictivo.

Los controles del juego son simples y fáciles de entender. En la versión de escritorio, los jugadores pueden utilizar los cursores para moverse y la tecla ‘Ctrl’ para disparar. En la versión móvil, los jugadores pueden tocar la pantalla para moverse y utilizar un botón rojo para disparar. Además, he implementado una funcionalidad única: los jugadores pueden utilizar el acelerómetro de su dispositivo para mover la ‘Estrella de la Muerte’ en el juego.

Mostrar Más

Publicado por: 0