El sitio web de GTA VI es una locura

midudev

Summary

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.

Chapters

  1. 0:00GTA 6 Website Overview
  2. 1:12Animation Effects Breakdown
  3. 2:24Technical Implementation Techniques
  4. 4:00Detailed Web Features
  5. 7:23Tools and Libraries Used

Topics covered

  • 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

Transcript excerpt

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…