Desarrollo Completo de la Velada del Año 4 con HTML, CSS, Astro y TailwindCSS - Efecto Smoke 3D con Three.js Desde Cero | Pre-landing de la Velada del Año IV

Aprende a Crear desde CERO el Efecto Smoke en 3D usando Three.js dentro de la Pre-Landing de la Velada del Año 4 ▶ No te pierdas más directos en: https://www.twitch.tv/midudev Repositorio: https://github.com/midudev/la-velada-web-oficial/tree/main 00:00:00 - Intro 00:02:00 - Nuevas noticias 00:03:24 - Nuestro avance en la Velada del año 00:06:25 - A mover las manitas 00:07:08 - Qué es Three.js? 00:07:59 - Cómo lo haremos? 00:08:21 - Instalando dependencias de THREE 00:08:50 - Creando Componente 00:09:00 - Creando HTML 00:09:41 - Importando THREE 00:09:57 - Sizes (Medidas para la camera, y el renderer) 00:10:24 - Inicializar THREE 00:11:59 - Propiedades de PerspectiveCamera(fov, aspect, near, far) 00:17:14 - Renderer 00:21:17 - Creando un Cubo 00:23:46 - RequestAnimationFrame 00:26:22 - Particulas de humo 00:36:25 - Agregando luces 00:39:59 - Responsive 00:42:53 - Modo claro y oscuro 00:43:31 - Refactorizando el código de Light/Dark mode 00:48:11 - Modo Light/Dark para la Escena 00:54:59 - Corrigiendo bug 01:03:19 - Explicación 01:06:11 - Últimos ajustes 01:07:44 - Agregando cambios al repo