React-Three-Fiber - Primer Contacto - En español - #1

Hola amigos, perdonen por el tiempo desaparecido (La universidad es muerte xDD). El día de hoy vamos a ver una librería super poderosa la cual es React-Three-Fiber. Veremos los conceptos básicos de esta librería y de cómo poder implementarla en nuestros proyectos. Si bien, no veremos algo del otro mundo. Esto nos servirá como piedra angular para hacer cosas cada vez más complejas y, sobre todo, más rápido. 🤟 Mi redes GitHub: https://github.com/SirJohn72-script LinkedIn:   / juanglezf   ATENCION ✔✔ Si te sientes perdido con los conceptos que estamos manejando, te recomiendo que veas el siguiente video. Aquí se encuentra la explicación de Three.js Vanilla, en mi recomendación te servirá mucho para poder entender los conceptos que estamos manejando aquí.    • Introducción a Three.js con React en españ...   😎 Cualquier comentario y retro alimentaciones es bienvenido ✌✌ Mi redes GitHub: https://github.com/SirJohn72-script LinkedIn:   / juanglezf   Índice 00:00 – Intro 00:54 – Instalación & Explicación 02:43 – Tu primera escena 3D 05:48 – OrbitControls 07:44 – Propiedades de una malla 10:36 – Cámara 13:53 – Geometrías 17:00 – Materiales & Cargado de Texturas 28:38 – Luces & Enviroment Map 36:39 – Cargado de diferentes texturas 43:30 – Cargar modelo 3D Recursos usados en el video https://www.mediafire.com/file/z8zjgf... Mas Matcaps https://github.com/nidorx/matcaps Mas texturas de ladrillos https://3dtextures.me/tag/brick/ Links Importantes Three – Vanilla https://threejs.org/ React-Three-Fiber – Cargado de Texturas https://docs.pmnd.rs/react-three-fibe... React-Three-Fiber https://docs.pmnd.rs/react-three-fiber React-Three-Drei https://github.com/pmndrs/react-three... React-Three-GLTFJSX https://github.com/pmndrs/gltfjsx Alternativa a GLTFJSX https://gltf.pmnd.rs/ HDRI https://polyhaven.com/hdris