Luis María González Gordon
Interactivo Sin cuenta · navegador con WebGPU

Ascua

Autómatas celulares: un mundo de arena, agua, fuego, lava, plantas y animales que se simula celda a celda en la tarjeta gráfica. Pintas con el dedo o el ratón y las cosas reaccionan solas. Lo distinto es la luz: todo lo que arde o brilla alumbra la escena de verdad, con sombras suaves, en tiempo real.

#juego#autómatas celulares#WebGPU#radiance cascades#simulación
Una partida en el juego: prendo fuego a las flores, llueve sobre el lago, echo lava y el cielo cambia de noche a crepúsculo. Todo lo que arde o brilla alumbra la escena.
Qué reacciona con qué

Todas las reglas del mundo, en un grafo

Es la ayuda del propio juego. Pasa por encima de un elemento o tócalo: se iluminan sus reacciones y al lado sale qué da cada una.

    600.000celdas simuladas a la vez, cada una con su material y su temperatura
    20materiales y seres para pintar, de la arena a los topos
    5cascadas de rayos de luz, recalculadas en cada momento
    30fotogramas por segundo, todo en la GPU
    01 · Cómo se juega

    Pintas materia y el mundo hace el resto

    Eliges un elemento abajo y pintas. La arena cae y se amontona, el agua busca su nivel, el fuego sube y prende la madera, que se queda en brasas y luego en ceniza. La lava con agua se vuelve piedra, que sigue roja un rato porque el calor se propaga de celda a celda. El vapor sube, se enfría y vuelve a caer como lluvia.

    El botón ? abre un grafo con qué reacciona con qué. Hay cielo de noche, crepúsculo y día, y un botón de viento que mece las ramas y arrastra el humo.

    Unas plantas ardiendo: las llamas iluminan de naranja el humo que sube y la ladera
    Fuego en unas plantas: las llamas alumbran el humo que sube y la ladera de alrededor.
    Arena, tierra, piedrapolvos y suelos; los topos cavan túneles
    Agua, aceite, ácido, lavalíquidos de distinta densidad
    Fuego, humo, vaporgases que lleva el viento
    Madera vivade sus nudos brotan ramas, hojas y frutos
    Semillas y algascrecen con agua y florecen
    Hielo y cristalse funde; el cristal da luz
    Luciérnagasparpadean y alumbran
    Peces, pájaros, topos, gusanoscon hambre y cadena alimentaria
    02 · Un ecosistema

    Los animales comen, crían y se mueren

    Los peces comen algas, y sin ellas pasan hambre. Los pájaros cazan luciérnagas, fruta, semillas y los peces que se acercan a la superficie. Los topos cavan túneles y comen gusanos, y los gusanos convierten la ceniza en tierra. Cada animal cría solo si está bien alimentado, y criar le cuesta comida: así la población se equilibra con lo que hay.

    La madera que pintas está viva: de sus nudos brotan ramas con copa de hojas, flores y frutos que maduran, caen y echan raíz. Un trazo acaba siendo un árbol, y el árbol, un bosque.

    03 · Cómo está hecho

    Todo en la tarjeta gráfica

    El navegador solo pone la interfaz. La simulación, la luz y la imagen se calculan en la GPU con WebGPU, en más de treinta pasadas por fotograma.

    Autómata por bloques de Margolus

    Millones de celdas sin pisarse

    La rejilla se parte en bloques de 2×2 y cada hilo de la GPU decide lo que pasa en el suyo: qué cae, qué resbala, qué sube. Los bloques se desplazan una celda en cada pasada, así la materia cruza de unos a otros sin que dos hilos escriban en el mismo sitio.

    Radiance cascades

    Luz global en tiempo real

    La técnica de Alexander Sannikov, que usa Path of Exile 2: sondas de luz cerca con pocas direcciones y lejos con muchas, en cinco cascadas que se combinan de la más lejana a la más cercana. Cada fuego, cristal, flor o luciérnaga ilumina y hace sombra.

    Jump flooding

    Rayos que avanzan a saltos

    Un campo de distancias calculado en log₂ pasadas dice a cada rayo cuánto puede saltar sin chocar con nada, de modo que recorrer la escena cuesta pocos pasos.

    Fluido de Stam

    Viento y remolinos

    Una malla de fluido más gruesa, con advección, presión y proyección, se calienta con el fuego y empuja el humo, el vapor y las llamas en remolinos. Con viento, ráfagas que cambian de sentido.

    Capas suaves

    Masas, no puntos

    Líquidos, plantas y gases se separan en capas, se difuminan y se redibujan a resolución de pantalla con contorno suave: el agua es una superficie con brillo y corriente, y el humo, una nube.

    HDR, bloom y AgX

    El acabado

    La imagen se compone en alto rango dinámico, con un resplandor de doble filtro y el mapeo de tonos AgX, para que el fuego y la lava brillen sin quemarse a blanco.

    Por qué la luz lo cambia todo

    En los juegos de arena de siempre cada píxel es un color plano. Aquí la cueva solo se ve porque la lava la alumbra, y un incendio de noche se ve venir por el resplandor antes que por las llamas.

    04 · Lo que está y lo que falta

    Dicho claro

    Funciona

    • Los 20 elementos, sus reacciones y el calor que se propaga.
    • Luz global, viento, cielo de noche, crepúsculo y día.
    • Animales con cadena alimentaria y árboles que crecen.
    • Ordenador y móvil. Se guarda en el navegador.

    Todavía no

    • Necesita WebGPU: Chrome, Edge, Safari 26 o Firefox de escritorio. Firefox en Android aún no lo tiene.
    • No hay zoom ni se puede mover la cámara.
    • El equilibrio entre especies puede romperse con el tiempo.
    ← Todos los proyectos Jugar ↗