///
0%

conecta.indicium.com.ec

Laboratorio visual

01

Campo de flujo

Cuatro mil partículas avanzan siguiendo un campo vectorial derivado de ruido Perlin. Nadie dibuja las curvas: emergen del rastro acumulado cuando cada partícula sigue el ángulo del campo en su posición. Tampoco se dibuja la palabra — dentro de sus letras las partículas se frenan, y al avanzar más lento depositan más rastro: la silueta aparece como una zona de mayor densidad.

Canvas 2Druido Perlin4 000 agentesrastro por alfafrenado por máscara
al entrar en pantalla
el cursor empuja el campo · la palabra se escribe en 04
02

Superficies implícitas

No hay geometría ni vértices. Cada píxel lanza un rayo y avanza a pasos hasta chocar con una superficie definida por una función de distancia. La fusión entre esferas es una mínima suavizada, y la normal para iluminar se obtiene derivando el propio campo. El texto sube como textura y se proyecta sobre la superficie igual que un foco con plantilla, atenuándose donde la superficie se aparta de la cámara.

WebGLraymarchingSDF + smooth-minnormales por gradienteproyección de textura
al entrar en pantalla
el cursor arrastra una esfera · la palabra se escribe en 04
03

Malla desplazada

Una retícula de doce mil segmentos proyectada en perspectiva. El desplazamiento vertical y la rotación de cámara se resuelven enteros dentro del vertex shader: la GPU recibe una grilla plana y estática, y la deforma en cada fotograma sin que la CPU toque un solo vértice. El texto sí se calcula en CPU, como una altura por vértice que se sube solo al escribir — leer texturas desde el vertex shader no está garantizado en WebGL 1. Las letras quedan en relieve sobre el terreno.

WebGLgl.LINESproyección en el shader~12 000 segmentosrelieve por atributo
al entrar en pantalla
el cursor orbita la cámara · la palabra se escribe en 04
04

Texto desarmado

Escribí lo que quieras y las partículas lo recomponen. El texto se dibuja en un lienzo fuera de pantalla, se leen sus píxeles y cada uno opaco se vuelve una partícula con resorte hacia su destino. Al cambiar la palabra no se rehacen: las mismas partículas viajan a las posiciones nuevas, emparejadas por cercanía para que la transformación se lea continua. El cursor las dispersa y el resorte las devuelve.

Canvas 2DgetImageDataresortesmorfeo por emparejamientointeractivo
al entrar en pantalla

El texto que escribas se recompone con las partículas. Máximo 18 caracteres.