Cristal en movimiento, hecho con Rive.
Un único archivo .riv · 4 artboards · 0 vídeos
Monedas de vidrio con desenfoque de profundidad que reaccionan al scroll y al ratón. Todo lo que se mueve es Rive: state machines, blends y feather.
Cuatro capas en una state machine.
- IdleBucle de 12 s: flotación, balanceo y un giro falso-3D (scaleX + canto desplazado).
- ScrollBlend 1D entre 4 poses. El input
scrollva de 0 a 100 según la sección. - Parallax X / YDos blends más con
pxypy; cada moneda se mueve según su profundidad. - FocoEl feather de cada pintura cambia por pose, así que el desenfoque se desplaza como un rack focus.
Tres piezas más
del mismo archivo.
Pasa el ratón (o toca): cada una tiene un input hover que mezcla la pose de reposo con la de apertura.
Sin 3D, sin vídeo, sin shaders propios.
Formas vectoriales con degradados, feather y modos de fusión, pintadas por el Rive Renderer (WebGL2). El archivo lo escribe un script byte a byte con el formato oficial de runtime.
- Archivo
- —
- Artboards
- Hero · Stack · Orbit · Bloom
- Inputs
- scroll · px · py · hover