Sitio Web con elementos 3D usando webgl

Debe implementar una página web (archivo html) usando HTML5 y CSS3 que incluya un <canvas> donde visualizaremos una escena mediante WebGL. El tema del proyecto es libre, puede usar todo lo que desee de lo visto en el laboratorio, pero deberá cumplir unos requisitos mínimos. También os proponemos algunas ideas opcionales que puede incorporar a su proyecto. Además de las funcionalidades solicitadas, se valorará también la usabilidad del proyecto y la estética de la página web. A entregar: Hay que entregar (en fecha 5 de Noviembre de 2018) todos los archivos que formen parte de su proyecto, incluyendo todas las librerías de JavaScript que utiliza así como todos los archivos de imagen, sonido, etc. que se requieran para hacer funcionar su proyecto. También debe entregar una breve explicación del funcionamiento de su proyecto y de los mecanismos de interacción que este incluye (archivo [login to view URL]). La entrega se hará vía el rincón mediante un único fichero comprimido. Requisitos mínimos: 1. Visualización de objetos 3D simultáneamente, como mínimo cubos, pirámides y esferas (mínimo 3 objetos simultáneamente de 2 tipos). 2. Incluir visualización con cámara perspectiva y axonométrica y poder hacer un zoom. 3. Transformaciones geométricas a los objetos de la escena. El usuario debe poder decidir qué objeto transformar y aplicarle una transformación a este objeto (rotación, traslación y escalado). Tanto la selección como las transformaciones se pueden hacer vía ratón, teclado o forms) 4. Interacción vía teclado, ratón y elementos de interfaz gráfica de los que ofrece HTML5 (botones, combo box, sliders, color, etc ...). 5. Incluir una interacción de tipo drag and drop (por ejemplo para añadir objetos a la escena, para cargar texturas a un objeto, etc ...). 6. Incluir al menos un objeto multimedia a la aplicación (sonido o vídeo). 7. FRAGMENTO Shader: Incluir la posibilidad de pintar los objetos por franjas de colores mediante el fragmento shader. El usuario debe poder activar / desactivar este tipo de pintado. El usuario debe poder modificar la anchura de las franjas interactivamente mediante un elemento del forms .. 8. vertex shader: el usuario podrá seleccionar un color para pintar los modelos de la escena con este color, pero con la intensidad variante según la coordenada Y de los vertices en coordenadas de window. 9. Implementar sombras. Ideas posibles a incorporar (no obligatorias): 1. Cualquiera de los siguientes vértice shaders: "Animate vertices" o "Spherize" (los encontrará en el documento que hay en el rincón sobre ejercicios de shaders, bloque 2)