JnL Studio — v0.1.0
WebLab
Laboratorio de diseño y animación web.
De lo simple a lo complejo, un experimento a la vez.
Experimentos — 7 planificados
- 01 listoFade + Slide Up GSAP
GSAP básico. Entrada de elementos con opacidad y movimiento.
- 02 listoScrollTrigger + Lenis GSAP / Scroll
Smooth scroll y animaciones activadas por scroll.
- 03 listoText Reveal GSAP / Texto
Revelado de texto por líneas y palabras.
- 04 listoCube Scroll Motion GSAP / 3D
Panel 3D con pin + scrub. La cara superior gira y revela nuevo contenido.
- 05 listoClone — Hover Reveal + Cursor Magnético Clone
gsap.quickTo, hover image reveal, botones magnéticos. Estilo agency awwwards.
- 06 listoThree.js — Geometría básica 3D
Primera escena 3D. Mesh, cámara, luz, partículas, mouse parallax.
- 07 listoThree.js — Premium Object Scroll 3D / Scroll
Objeto 3D editorial con materiales físicos, cámara suave y scroll motion.