El sitio web de GTA VI es una locura

midudev

Resumen

En este vídeo, el analista explora la nueva página web de GTA VI, destacando su impresionante calidad visual y fluidez técnica. Analiza detalladamente los efectos de scroll, animaciones radiales y el diseño responsivo, revelando que gran parte de estos efectos se consiguen gracias a bibliotecas específicas como Lenis para el scroll y GSAP para las animaciones. Finalmente, propone a la audiencia el reto de recrear la sección principal del sitio desde cero en una futura sesión de programación.

Capítulos

  1. 0:07Introducción a la nueva web de GTA 6
  2. 0:17Análisis de efectos visuales
  3. 0:48Técnicas de scroll radial
  4. 1:49Similitudes con proyectos anteriores
  5. 2:33Uso de NextJS en la página
  6. 3:02El diseño del menú
  7. 3:48Opciones de accesibilidad y movimiento
  8. 4:47Tecnología detrás del scroll: Lenis
  9. 5:51Animación avanzada con GSAP
  10. 7:05La gratuidad de GSAP y Webflow
  11. 7:20Propuesta de recrear la web
  12. 8:08Debate sobre el uso de frameworks
  13. 9:09Cierre y convocatoria en Twitter

Temas tratados

  • Análisis visual de la web de GTA VI
  • Técnicas de animación por scroll
  • Uso del framework NextJS
  • Biblioteca Lenis para scroll
  • Implementación técnica con GSAP
  • Gratuidad de GSAP tras la compra de Webflow
  • Propuesta de recreación del proyecto

Extracto de la transcripción

Muy bien, eh, muy bien. Me gustan, me gustan los proyectillos. Y este, ¿qué os parece este? ¿Qué os parece esto? Bueno, amigos, esta es la nueva web de GTA 6 y os voy a explicar ahora una idea que tengo. A ver qué os parece. El tema es que si entráis vais a ver aquí que pum, haces cuando haces el scroll hace este efecto que es espectacular que queda esto por encima. Luego ahora aparece la el seis ahí por detrás. Muy amater, dice Covenisu. [ __ ] los que vais tan sobrados, tío, ¿qué os pasa? ¿Qué os pasa tan sobrados, tío? Hay que ver qué sois la leche. Mira, mira. Disponible 26 de mayo. Luego sigues haciendo scroll y aquí tiene una cosa muy chula. Fijaos en esto. Cuando sigues haciendo scroll, mirad cómo desaparece. Mirad cómo desaparece. Hace como un fade out, pero fijaros que es como radial, ¿sabes? Hay aquí como algo como una redonda, ¿sabes? O sea, es como si hubiera un foco. Está mu…