Museo Virtual de Matemáticas

Este museo pretende albergar distintas web-apps dispuestas en distintas salas, con curaduría, interactividad y la posibilidad de profundizar más con artículos en “blocks de notas” interactivos y editables. Las salas del museo serán temáticas, por orientación etérea, etc. y contendrán 5 apps cada una. El formato de las salas será de navegación 360° en base a fondos equirectangulares dibujados a mano sobre guías de estructuras creadas como objetos 3D en ordenador.

Plantillas para crear Progressive Web Apps (PWA)

Nombre	Clave	CSS	JS	Descripcion	Tipo
App Vacía	app	w3.css	Core	Simple CSS y sin framework JS. Incluye localstorage, worker, íconos, json, etc.	Template
JQM	jqm	JQ Mobile	JQuery	Muestra la framework e incluye demostración de la librería swiper	Demo
UIKit	uikit	UiKit	UiKit	Incluye demostración de la algunos componentes de la framework	Demo
Árboles	arboles	w3.css	d3.js	Responsive. Propone un diseño a dos columnas en PC y una en Móvil.	App
Cuadros	cuadros	Core	sortablejs	Resuelve la lógica de arrastre de los cuadros numéricos.	PoC

El código de los templates y apps se puedes descargar desde el repo mvm-apps/

Salas 3D

Se puede ver una demostración de las salas 3D (en su estado actual) en el siguiente enlace:

SALAS/

También se pueden ver TODAS las imágenes de trabajo de las salas 3D en el visualizador.

Previsualizador de imágenes equirectangulares 3D

En el siguiente enlace se pueden probar imágenes en formato 2:1 equirectangulares. Basta con arrastrar una imagen desde nuestra compu a la ventana del navegador para verla en 3D.

erviewer/

Resolución de las imágenes de fondo para las salas 360

Todas las imágenes equirectangulares tienen la proporción 2x1. Las imágenes deben tener un tamaño del doble de ancho que de alto.

El despliegue 360 de las imágenes equirectangulares utiliza un proceso de visualización que carga cada área de la esfera que el usuario esté viendo a partir de pequeños mosaicos (tiles), que son pedazos de la imagen de 512x512 pixeles cada uno.

La imagen se recorta en varios cuadraditos y depende del tamaño de la imagen en cuántos cuadraditos de 512x512 se puede llegar a cortar.

Si la imagen tiene suficiente resolución se pueden crear más niveles de profundidad de 1 hasta 4 lo cual permite al usuario acercarce más a la imagen haciendo zoom.

El nivel 1 genera 6 mosaicos siendo cada uno de ellos un lado del cubo interior.
El nivel 2 genera 24 imágenes, cuatro para cada cara del cubo.
El nivel 3 genera 96 mosaicos, 16 mosaicos por cara del cubo.
Por último, el nivel 4 de zoom genera 384 mosaicos, con 64 mosaicos por cara.