Herramientas de Audio, video y Web3D

En esta practica seguimos añadiendo conocimientos sobre el universo web, en este caso herramientas para manipulación de audio, vídeo y modelos 3D.

Hasta ahora hemos estado viendo diferentes maneras de crear, modificar y manipular paginas web y archivos en ella, llega el momento de introducir en ellas algo mas de vida, en este caso aprenderemos a insertar archivos en 3D para poder visualizarlos y manipularlos desde la web.

Para conseguir este objetivo, nos ayudaremos babylon, una herramienta que nos permite trabajar sobre WebGL, añadiendo archivos 3D y de audio a la visualización, es una herramienta útil ya que tiene infinidad de plugins con los que podremos cargar diversos tipos de archivos 3D, además de tener gran cantidad de información sobre su manejo y uso.

Empecemos. Para realizar esta practica hemos añadido un código base que después iremos modificando para conseguir nuestra propia forma. Este código base esta formado de:

1. Scripts, los cuales nos cargaran desde la nube de Babylon los diferentes plugins y funciones necesarios. Estos scripts dependen del modelo y escena que queramos componer.
2. Cuerpo, donde configuraremos y crearemos nuestra escena, es aquí donde debemos añadir nuestro modelo 3D y el archivo de audio.
3. Motores, los cuales se encargan de la creación y carga de la escena.

En mi caso, intente realizar una escena con un archivo propio diseñado con Solidworks y añadido al código en formato .stl, pero debido al tiempo de carga de dicho archivo y los problemas a la hora de escribir el código cargando un archivo externo, decidí sencillamente utilizar las formas que nos proporciona Babylon.

 

Para añadir dichos archivos he recurrido a la pagina de Babylon, donde nos dicen que linea tenemos que añadir/modificar y que podemos cambiar de dicha linea. 

El resultado es el siguiente, Pincha aquí.

Conclusión:

En mi caso, me hubiera gustado añadir mi propio archivo 3D para poder visualizarlo, pero debido a la dificultad que he encontrado para añadir y corregir las lineas del código abandone el intento. Existen páginas las cuales nos dejan visualizar y cargar archivos en 3D, lo cual nos va a facilitar la creación de un portfolio en 3D (por ejemplo. Babylon es una herramienta completa y compleja que nos dejara crear una escena muy elaborada, pero que requiere de tiempo y conocimientos.