WoGL
ToolsCrea con shadersShader MakerCrea shaders gratis en líneaToolkitObras de shaders listas para tu webSketcher LabPinta el hero de tu landing con shaders3D StudioEl editor Three.js en tu navegador
GamesJuega con shadersOnomatoShaderEscribe una palabra y explótalaThe WatcherUn ojo que te sigueAetherVidrio líquido con un ojo adentroBloomcoreUna palabra hace crecer un jardín de luzPyrokineAvienta fuego a la paredVoltaicLa pirámide lanza rayosSurfSurfea un océano de shader
  1. WoGL Games
  2. Aether

Aether

Arrastra vidrio líquido, encuentra el ojo

Arrastra una gota de vidrio líquido y se estira detrás de tu dedo; a través de ella ves un ojo que solo existe dentro del vidrio. Cada toque ondula el vidrio y despierta al ojo. Un shader¿Qué es un shader?Un programa pequeño que corre en la GPU y decide el color de un solo pixel. La GPU lo ejecuta para todos los píxeles a la vez. dibuja el vidrio como un campo¿Qué es un campo?Un valor distinto en cada punto del espacio, como la temperatura en un mapa. El noise es un campo: cada coordenada tiene su número. Doblar, sumar o cortar campos es de donde sale casi toda la textura. de gotas.

WebGL 2 · metaballs · refracciónGratis

Qué puedes hacer

  1. 01

    Estira el vidrio

    Mantén presionado y arrastra: el vidrio te sigue con retraso viscoso y regresa al soltar.

  2. 02

    Encuentra el ojo

    El ojo vive detrás del vidrio y sigue tu puntero; solo lo ves a través de la gota.

  3. 03

    Haz ondas

    Cada toque manda una onda por el vidrio; el ojo se dilata y parpadea.

Cómo funciona

  1. 1

    Arrastra

    Mantén presionado y arrastra por la pantalla.

  2. 2

    Mira

    Mueve el vidrio para encontrar el ojo.

  3. 3

    Toca

    Toca para ondular el vidrio y despertar al ojo.

Preguntas

¿Es gratis?

Sí. Corre en tu navegador y no necesita cuenta.

¿Funciona en el celular?

Sí. Arrastra y toca con el dedo.

¿Cómo se dibuja el vidrio?

Como un campo¿Qué es un campo?Un valor distinto en cada punto del espacio, como la temperatura en un mapa. El noise es un campo: cada coordenada tiene su número. Doblar, sumar o cortar campos es de donde sale casi toda la textura.: cada punto suma la atracción de cada gota, y el vidrio empieza donde la suma pasa de 1. Su borde dobla la luz de atrás como una lente.