El laboratorio

Play◆ground

experimentos, bocetos e ideas raras — aquí nacen los trucos del sitio principal. todo lo de abajo está vivo, tócalo.

Escena Three.js

WebGL

Arrastra para girar — inercia incluida, el recibo de luz no.

GLSL

Ruido fbm deformado por dominio. Mueve el cursor para revolver la pintura.

GSAP

TIMELINE

scrub

Un timeline, muchos tweens. Scrubéalo como editor de video.

Canvas 2D

Una cuadrícula de puntos con problemas de espacio personal. Atraviésala.

GSAP Draggable

MOTION◆EASING◆TIMING◆MOTION◆EASING◆TIMING◆MOTION◆EASING◆TIMING◆MOTION◆EASING◆TIMING◆

DRAG ME◆FLICK ME◆WRAP ME◆DRAG ME◆FLICK ME◆WRAP ME◆DRAG ME◆FLICK ME◆WRAP ME◆DRAG ME◆FLICK ME◆WRAP ME◆

INFINITE◆LOOP◆FOREVER◆INFINITE◆LOOP◆FOREVER◆INFINITE◆LOOP◆FOREVER◆INFINITE◆LOOP◆FOREVER◆

Tres carriles, direcciones opuestas, wrap infinito. Aviéntalo.

GLSL

El hover derrite los píxeles. Los canales RGB se separan bajo presión.

Canvas 2D

650 partículas obedeciendo viento invisible. Mueve el cursor para agitarlo.

Matemática pura

donut.c, con respeto. Un toro 3D sin nada de WebGL — hover para overclockear.

Verlet

26 segmentos, 3 pasadas de restricción, 1 nudo naranja. Azótala.

GSAP ScrambleText

01DESIGN

02MOTION

03CODE

hover — EN ⇄ ES

El switch bilingüe — pasa el cursor sobre una palabra para traducirla.