Creando con Three.js

 Aunque fue difícil se logro implementar una escena interactiva con botones los cuales cambian los parámetros de la escena three de manera dinámica. Los botones cambian parámetros de textura, agregan luces y se supone dan inicio a una animación(por algún error no deja ver la animación pero la función esta implementada). Esto se logro gracias a la acción de los botones y a mantener una copia del objeto 3d cuando se añadían a la escena. Se destaca la función de cambiar el texto según la opción seleccionada y el uso de dos tipos de mesh distintas para la implementación de bumb mapping y displacement texture (En concreto se usa Phong Mesh y standard Mesh, la diferencia esta en que standard es una versión nueva y optimizada en comparación con phong pero hacen exactamente lo mismo). Finalmente ya con la implementación de la animación, se intento usar la librería flow de three para realizar una curva bezier y que el objeto siguiera ese camino pero debido a las restricciones de replit y a ...

  Proyecto 1 Al final el resultado no fue lo que se esperaba pero hubo varias complicaciones durante el desarrollo del proyecto. Primero se tuvo que averiguar bastante para lograr cargar modelos glfl con el complemento de three GLTFLLoader. esto tomo tiempo ya que había modelos que fallaban, no se cargaban correctamente etc. Implementación al final se descubrió una pagina muy buena para comprobar el estado de los modelos antes de implementarlos en el código. Además se encontró en la web un libro con ejemplos muy útiles que ayudaron a entender mejor el problema y la solución (https://discoverthreejs.com/). Pagina para comprobar modelos Documentación muy buena para aprender, ejemplos en vivo y código bien explicado También otro inconveniente que surgió fue la de conseguir otra herramienta para hacer todo el proyecto, ya que la herramienta que se estaba usando (JSFiddle) no soportaba la carga de archivos en su plataforma. Literal después de horas de búsqueda y pruebas y errores(pagina...

 Quise iniciar con algo ya hecho por lo tanto decidí empezar con una base (la tarea del Transmilenio) Tarea del transmilenio en jsfiddle Decidí solo cambiarle de color las ruedas y unirlo todo en un grupo, los grupos de three.js son muy útiles ya que ayudan a agrupar un elemento complejo(lleno de primitivas pequeñas) en un gran objeto que luego se puede mover. añadiendo elementos al grupo resultado final También coloque un suelo y una iluminación mas acorde al ambiente(buses de trasnmilenio al aire libre) con este comando se puede cambiar el color del fondo Finalmente cree un semaforo y 2 variantes de arboles para crear la sensacion de dinamismo, con los grupos se pueden copiar varios elementos complejos y colocarlos en nuevas posiciones sin tener que copiar todo el codigo de la creacion del objeto, lo cual es muy util en estos escenarios. Varios elementos en una escena Copiando y trasladando grupos Finalmente averiguando me di cuenta de que hay una opción en three para colocar una...