Entradas

Mostrando entradas de febrero, 2021

Proyecto 1

Imagen
  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...

Primera escena compleja en Three.js

Imagen
 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...