- 3 formas
- Celda de 8 px
- Sin hover propio
Formas quese escriben
Un motor de fondos que convierte geometría en píxeles duros.
▼ scrollCada forma,su reacción
Repele, estalla, se retuerce, se imanta o se ajusta a una rejilla.
Un fondo, mil formas
Todo es una nube de cuadrados con luz propia. Tú eliges forma, celda y estilo.
Las formas se generan en el momento, sin descargar un solo archivo.
Desde 3 px de celda para ganar resolución donde importa.
Cada figura reacciona al puntero de una forma distinta.
El acento cambia con el scroll y arrastra a toda la página.
Poco peso,mucho detalle
Medido en una escena real de 8 formas.
Lo que pesa cada cosa
Datos de la demo, en una máquina normal.
0pxcelda mínima
0formasgeometrías incluidas
0efectosde hover propio
0fpsobjetivo de animación
Míralo funcionando
Reproductor propio: espacio para pausar, flechas para saltar, F para pantalla completa.
De ceroa fondo vivo
Cuatro pasos, sin tocar un canvas.
Cuatro pasos
Del componente a la pantalla.
- Elige la formaCubo, pirámide, esfera, nudo… con `scene=`.
- Ajusta la celdaFina (3 px) para detalle o gruesa para un look de bloques.
- Marca el hoverRepele, lupa, torsión, ondas, imán, rejilla…
- Atalo al scrollUn look por sección y el fondo hace el resto.
- Forma
- Celda
- Hover
- Scroll
Tú decidesla resolución
Menos celda, más detalle. Más celda, más carácter.
Cinco maneras de pintar
Reserva, elige tu horario y nosotros nos ocupamos del resto.
[######################--]
Escenas de ejemplo
Arrastra, usa las flechas o pulsa una miniatura. Doble clic para ampliar.
Mira cómo se vende verdad
Ocho presentaciones de las mismas fotos: aquí, en contexto.
Portafolio en 3D
Arrastra, usa el teclado o deja que avance solo.
Una semana en la escuela
Arrastra en horizontal: cada foto tiene su propio ancho.
Tienda
Dos filas que se desplazan juntas.
El equipo
Arrastra la carta de arriba.
Primeras olas
Doble clic para ampliar.
Sesiones
Las diapositivas entran girando.
El mismo vídeo,muchas maneras
Original, en caracteres, con hover y como fondo.
Sin efectos
El reproductor normal en formato panorámico, con líneas de barrido.
Puntos finos
Hover: agua. Pulsa play y pasa el puntero.
Baldosas
Hover: seda.
Blanco y negro duro
Hover: vórtice.
Bloques
Hover: disolución.
Vídeo como escenario
Sin controles, en bucle y en caracteres. Mueve el puntero: el hover también funciona.
YouTube sin cookies
Solo una carátula hasta que pulsas play.
Puntos y contorno
Hover: contorno, con celda gruesa para ver el efecto.
Elige tutamaño de celda
Sin letra pequeña. Cancela cuando quieras.
Lo que dicenquienes lo usan
Y unas cuantas dudas resueltas.
Se nota en la portada
“Pasé de un vídeo de 8 MB a una forma que responde al puntero. La gente se queda jugando con ella.”
“La celda de 3 px cambió por completo cómo se ve la landing en pantallas grandes.”
Preguntas frecuentes
No. Las formas se generan en el navegador, sin archivos.
Tu portada,en tres píxeles
Pruébalo hoy con la forma que quieras.
Elige forma y celda
Te lo montamos en una tarde.
Un fondo en tu web durante 14 días.