This is a comprehensive course that is accessible to beginners. We will start by learning about WebGL and why Three.js is essential. We will then explore various components of Three.js and once we have mastered the basics, we will move on to more advanced techniques for displaying millions of particles, adding physics and interactions, creating a galaxy, animating the sea, and much more. By the end of the course, you will have a deep understanding of Three.js and enough experience to begin your own projects. As a bonus, we will learn how to use the 3D program Blender to create your own models.
-
Section
- 1. Introducción
- 2. ¿Qué es WebGL y por qué usar Three.js?
- 3. Escena básica
- 4. paquete web
- 5. Transforma objetos
- 6. Animaciones
- 7. Cámaras
- 8. Pantalla completa y cambio de tamaño
- 9. GeometrÃas
- 10. IU de depuración
- 11. Texturas
- 12. Materiales
- 13. Texto 3D
- 14. Ir en vivo
- 15. Luces
- 16. Sombras
- 17. Casa encantada
- 18. PartÃculas
- 19. Generador de galaxias
- 20. emisor de rayos
- 21. Animación basada en desplazamiento
- 22. FÃsica
- 23. Modelos importados
- 24. Modelo personalizado con Blender
- 25. renderizado realista
- 26. Estructuración de código para proyectos más grandes.
- 27. Sombreadores
- 28. Patrones de sombreado
- 29. Mar embravecido
- 30. Galaxia animada
- 31. Materiales modificados
- 32. Posprocesamiento
- 33. Consejos de rendimiento
- 34. Introducción y progreso de carga
- 35. Mezclar HTML y WebGL
- 36. Creando una escena en Blender
- 37. Hornear y exportar la escena.
- 38. Importación y optimización de la escena
- 39. Agregar detalles a la escena
- 40. ¿Qué son React y React Three Fiber?
- 41. Primera aplicación de reacción
- 42. Primera aplicación R3F
- 43. Drei
- 44. Depurar
- 45. Ambiente y puesta en escena
- 46. Carga modelos
- 47. Texto 3D
- 48. Escena del portal
- 49. Eventos de ratón
- 50. Posprocesamiento
- 51. Portafolio divertido y simple
- 52. FÃsica
- 53. Crea un juego
- 54. El final
