El catálogo completo — 76 demos en vivo

Dónde queda bien: titulares de hero, lemas de campaña.

Dónde queda bien: historia de marca, relato de producción, casos de estudio.

Dónde queda bien: énfasis en tecnología e innovación, titulares de sección.

Dónde queda bien: textos manifiesto, propuestas de valor.

Pruébelo desplazándose — las capas fluyen a distinta velocidad. Dónde: titulares de serie y de colección.

Pase por encima — acelera. Dónde: bandas de anuncio, campañas.

El grano generado en vivo hace que los colores planos parezcan salidos de la imprenta. Dónde: marcas premium y retro.

Para qué sirve: datos DECORATIVOS que hacen que una página se sienta como un aparato vivo o un laboratorio. Mammut lo hizo con el GPS y el pulso de un escalador — el lector se creía en la montaña. Nosotros lo hacemos con la temperatura del reactor: el visitante se cree en el taller. Parte de las cifras son reales (el reloj, su desplazamiento, su cursor), parte es atmósfera. Dónde: páginas centradas en la producción o el laboratorio.

Dónde: bloques de estadísticas, "nosotros en cifras".

Pase por encima — las letras dan una voltereta una a una. Dónde: menús, enlaces importantes.

Pase por encima. Dónde: rejillas de producto y de colección — debería ser el estándar de cualquier tienda.

Desplácese — las líneas fluyen en sentidos opuestos e inclinándose con la velocidad del desplazamiento. Dónde: separadores de sección, manifiestos.

Dónde: páginas 404, marcas infantiles y de ocio, secciones de "zona de juego".

Agárrelos y arrástrelos. Dónde: zonas de juego de moodboard y carta de colores, páginas de lanzamiento.

Dónde: aperturas de sección, momentos de énfasis emocional.

La misma animación, dos ritmos. La escalonada se siente "dibujada a mano" — ese fue el secreto del Sitio del Año 2021.

Dónde: momentos de cambio de color o de serie, transiciones de tema.

Presenta contenido técnico con la elegancia de una carta de bar. Dónde: contenidos de producto y detalles de características.

Rellenar un formulario deja de ser una tarea y pasa a ser construir una frase. Dónde: páginas de contacto y de solicitud.

Pase por encima — acelera. Dónde: insignias de esquina, zonas de "sello de aprobación".

Dónde: experiencias premium e inmersivas. Usado con medida, hace que un sitio se sienta "tocable".

Un solo modelo 3D, colores infinitos. Piense en lo que eso significa en un catálogo de 234 colores. Dónde: los héroes de ficha de producto.

La inscripción se dobla como una textura en la tarjeta gráfica. Dónde: secciones de manifiesto, lemas de marca.

Las gotas se funden como líquido de verdad al tocarse — todo matemáticas. Dónde: aperturas premium al estilo de FarbeLab.

Desplazamiento = tira de película. La escena se pega a la pantalla y la cámara avanza a medida que usted avanza. Dónde: relatos del viaje de una marca.

Un mapa de viento invisible arrastra las partículas; sus rastros se convierten en pintura. Dónde: fondos vivos, páginas 404.

Una esfera de vidrio con gotas de color flotando dentro que refracta la luz de verdad. Dónde: presentaciones de producto premium (FarbeLab).

Un organismo 3D cuya superficie ondula sin parar y que cambia de forma al tocarlo. Dónde: el objeto central de un hero, una mascota.

Una simulación de tela real con 442 puntos: gravedad, viento y tacto. Dónde: escenas de etiqueta y bandera, lanzamientos.

Dos imágenes fluyen una dentro de otra mediante un mapa de ruido. Dónde: hovers de galería, transiciones de colección.

No es imitación sino física: las ecuaciones de fluidos se resuelven en cada fotograma (difusión, presión, vorticidad). Dónde: aperturas de hero — esta es nuestra firma.

La posición de las partículas se guarda en una textura y se actualiza en la tarjeta gráfica. En E23 eran 9.000 — aquí son 262.144.

Se traza un rayo de luz para cada píxel: reflexión, refracción, sombra suave. Dónde: escenas de producto premium.

Bloom, desviación cromática de la lente, viñeteado, grano de película. Esta capa sube un escalón cada escena del catálogo.

Dos escenas 3D distintas, una dentro de otra. E27 era una imitación de esto; esta es la de verdad (stencil buffer).

Una fotografía + un mapa de profundidad = la ilusión del 3D. Dónde: fotos de taller, tomas de producto.

72 fotogramas preparados de antemano y atados al desplazamiento — como un vídeo, pero con el control entero de su lado.

Pide permiso de micrófono; no se graba nada. Dónde: pantallas de estand de feria, muros de evento.

La inscripción se convierte en miles de cubos y la física la zarandea; después se recompone. Dónde: momentos de lanzamiento, 404.

Diez mil copias del mismo objeto dibujadas de una sola vez. Dónde: relatos de capacidad y escala, la sensación de una fábrica enorme.

No una superficie sino un volumen: el rayo va recogiendo luz paso a paso mientras atraviesa la nube. La técnica más cara y más cinematográfica.

Matemática real del ebru: cada gota empuja en anillos todo el dibujo que hay debajo; el peine barre con una onda senoidal. Nadie más en el mundo lo tiene — un efecto firma salido de nuestra propia cultura.

La física de los colores de una pompa de jabón (interferencia en capa fina). El equivalente digital de la pintura nacarada de Metakrlyic.

Textura de periódico y serigrafía. Dónde: marcas con aire retro-impreso, páginas de cartel.

Una textura de pintura seca y envejecimiento generada con celdas de Voronói. Dónde: series vintage, relatos de restauración.

Un flujo suave y de bajo contraste. Dónde: secciones de texto largo, páginas de contacto, bajo el hero.

Dos sustancias químicas que se difunden y reaccionan (Gray-Scott). Rayas de cebra, coral, una mancha de pintura — todo sale de la misma ecuación.

En pantalla azul + amarillo = gris. En la paleta azul + amarillo = verde. La diferencia viene de que la luz se absorbe y se dispersa dentro del grano de pigment; la industria de la pintura lo calcula desde 1931 con la ecuación de Kubelka-Munk. Esa ecuación corre en la mitad derecha. Para una marca de pintura no hay efecto firma más acertado que este.

La firma de la acuarela, el anillo oscuro del borde no se dibuja aquí — se forma solo, porque el agua se evapora y el pigmento es arrastrado al borde y se queda ahí. También se tiene en cuenta la textura del papel: el pigmento se acumula en los huecos (granulación).

Desde cada píxel se lanza un rayo a la escena, y los rayos rebotan en las superficies intentando llegar a la luz. La esfera blanca junto a la pared roja tira a rojo por sí solo — esto no se pintó, ocurrió porque la luz rebotó realmente ahí. La versión de navegador del método que se usa en los efectos de cine.

Una pincelada no es un "sello". Cada una de las 420 cerdas se comporta como un muelle propio: si aprieta, se abre; si gira, se queda atrás; si levanta, se recompone. El trazo nace donde las cerdas tocan el papel — por eso ningún golpe se parece a otro.

Esa red brillante y temblorosa que un tarro de agua proyecta en el suelo. La luz se refracta en la superficie del líquido y se concentra en ciertos puntos; de esa concentración nace el brillo. La pendiente de la superficie se calcula en cada fotograma.

a la simulación de fluido obstáculo se definieron: las letras. La pintura choca contra ellas, rodea sus bordes y deja remolinos detrás. El nombre de su marca no es el decorado de la escena sino parte de la física.

Dos pinturas a la luz del día exactamente iguales (ΔE = 0,0). Bajo la bombilla se separan, y con fluorescente la diferencia ΔE = 19— es decir, evidente. El sector tiene un nombre para eso: desajuste metamérico — el motivo de la queja "en la tienda quedaba bien, en casa no". Aquí se usan funciones reales de igualación de color CIE y espectros reales de fuentes de luz; las curvas de reflectancia de dos pigmentos se resueltas de modo que se produzcan.

Aquí la pintura no es color sino volumen. Cada golpe deja una altura; la luz se refracta según la pendiente de esa superficie y en el borde de la espátula se forma una cresta. El relieve de un cuadro al óleo, el que se ve al mirarlo de lado.

No sobre una rejilla, sino 780 partículas distintas con el fluido resuelto encima. Cada partícula mide la densidad de sus vecinas y empuja o atrae; de ahí nace la tensión superficial. Las gotas se fusionan y se rompen de verdad — no están dibujadas.

La matemática común de la escarcha en el cristal, un cristal de cobre y un rayo. Partículas que vagan al azar se congelan en el primer punto donde tocan el cúmulo — por eso crecen las puntas y el interior se queda a medias. Nadie dibuja el patrón; aparece por sí solo.

El rayo entra en el vidrio y sale por la cara trasera — y cada color con otro ángulo se refracta. De ahí viene la franja de arcoíris en los bordes; el mismo fenómeno que cuando el prisma separa la luz. La forma de la botella también está definida como una sola superficie matemática, sin archivo de modelo.

Dé un color, y con qué pigmentos en qué proporción hay que mezclar. Lo que ve en pantalla es exactamente el trabajo del colorímetro de un laboratorio de pintura: Kubelka-Munk calcula el color de la mezcla y las proporciones se corrigen paso a paso hasta que ΔE se reduce. Los números corren en vivo — la solución se encuentra en el momento, no se lee de una tabla hecha.

El método con que la industria de la pintura mide el poder cubriente: se tira sobre una carta blanca y negra una película de espesor creciente y se mira la relación entre los valores leídos sobre el fondo negro y el blanco. El espesor al que la relación de contraste supera el 98 % es el punto de "cubrición total". Aquí esa ecuación (Kubelka-Munk sobre fondo) se resuelve píxel a píxel.

Todos los colores que el ojo humano puede ver caben dentro de esta zona en forma de herradura. El triángulo es la parte que su pantalla sabe mostrar. Todo color fuera del triángulo miente en su pantalla — algunos pigmentos reales están justo ahí. La forma más honesta de decirle a un cliente "el color que ve en pantalla no es la cosa misma".

"Al secarse el color se ha aclarado" es la queja más frecuente, y no es un defecto de la pintura: mientras está húmeda, el agua y el médium llenan el espacio entre los granos de pigmento, la luz se dispersa menos y el color oscuro y saturado aparece. Cuando el agua se va, entra el aire, la dispersión aumenta y el color se aclara y se vuelve mate. Aquí el coeficiente de dispersión crece con el tiempo; lo demás es cosa de la ecuación.

Un tejido no es un dibujo sino una una instrucción: qué hilo de urdimbre pasa por encima de qué trama. Aquí corren ligamentos reales — tafetán, sarga, satén, espiga. Si cambia el ligamento cambia el tejido; si cambian los colores del hilo cambia el dibujo. Eso es exactamente el núcleo de cualquier software CAD textil.

Las sombras no se pusieron "para que quedara bonito": para la latitud, día y hora se calculan la altura y el azimut del sol y se coloca allí la luz. El mismo cálculo que hacen los estudios de arquitectura para los estudios de sombra y de soleamiento sobre la parcela vecina.

Caiga donde caiga la carga, la fuerza en cada barra resuelto al instante: el rojo es tracción, el azul compresión, el grosor la magnitud de la fuerza. Detrás se monta una matriz de rigidez real y se resuelve el sistema de ecuaciones — aplicación directa de la asignatura de estática. La línea transparente muestra la deformación, exagerada.

Esto no es una animación: una pequeña red neuronal artificial se está entrenando ahora mismo en su navegador. La zona coloreada es la decisión del modelo; en cada fotograma corre la retropropagación, el error baja y la frontera se curva hasta aprender a separar las dos nubes. El camino más corto para que una marca de software o tecnología diga "esto lo hacemos de verdad".

Cientos de cuerpos dispersos en el vacío solo desde un único punto de vista se alinean y forman la inscripción. La anamorfosis descubierta en el Renacimiento; cada cuerpo se colocó a una profundidad distinta a lo largo del rayo que pasa por esa única cámara. Hecho a medida para el arte, la galería y el espacio experiencial.

60 paradas, un vehículo, la ruta más corta. Hay demasiadas posibilidades para que un ordenador las pruebe por fuerza bruta (para 60 paradas, más que átomos hay en el universo), por eso en proceso de mejora: se buscan dos tramos que se cruzan y se invierten, y la ruta se va acortando. La factura de combustible de cualquier empresa que reparte cabe en este cálculo.

La rueda del año: la ventana de cosecha de cada producto, por fuera la verdadera curva de duración del día junto con ella. La duración del día se calcula por la latitud — no es una onda decorativa sino el calendario mismo de la agricultura. Responde de un vistazo a la pregunta "¿qué está fresco ahora?".

En ciencia de los alimentos, la La regla Q10: 10 °C más multiplican la velocidad de deterioro. Esa ecuación corre aquí — cambie la temperatura y vea cómo se derrite la vida útil. Debajo está el cálculo de "qué se pierde si la cadena de frío se rompe un día". La forma más convincente de explicar las condiciones de conservación a un cliente.

Aceite de oliva, miel, arrope — cada uno fluye distinto y el cliente quiere verlo en vídeo. Cuándo se desprende la gota por la ley de Tate se calcula: la gota se desprende en el instante en que su peso vence a la tensión superficial. Un líquido viscoso deja un hilo detrás, uno acuoso no.

Se usa en aceite de oliva, café, miel y vino panel sensorial representado. Cuando los perfiles de dos productos se superponen, se ve dónde coinciden y dónde se separan. Mostrar en vez de decir "el nuestro es más afrutado" — es lo único que explica la diferencia de precio.

La veta no es un archivo de textura, la geometría del tronco. Aquí los anillos anuales se definen en tres dimensiones y se cortan con el plano por el que se serró la tabla: cortada al hilo salen líneas rectas, cortada a la tangente salen arcos de catedral — la diferencia real que todo carpintero conoce. Si cambia la especie, cambian también la separación de los anillos, el color y la textura del poro.

La misma madera, tres barnices distintos. La diferencia no está en el color en la distribución del reflejo: una superficie mate reparte la luz ampliamente, una brillante la concentra estrecha y nítida. El cliente solo puede responder a "¿mate o brillo?" cuando los ve uno junto al otro.

La frase que más se oye en el comercio electrónico de mobiliario: "no me había hecho una idea del tamaño". Mostrar el producto En la misma escena que una persona de 1,75 m y mostrarlo en la perspectiva correcta acaba con este problema. Se encoge al alejarse y las medidas se escriben en vivo.

En el mueble en caja, la mayor parte de la carga de devoluciones y soporte viene del montaje. Mostrar cómo encajan las piezas en tres dimensiones y paso a paso afecta directamente a la confianza antes de la compra y al soporte después. Exactamente lo mismo se usa en maquinaria y recambios.