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. Surf

Surf

Surfea un océano hecho con shaders

El océano es 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. hecho con FBM¿Qué es FBM?Fractal Brownian Motion: varias capas de noise apiladas, cada una más fina y más débil que la anterior. Sumarlas crea el detalle natural, de las montañas grandes hasta la textura más fina.; tu puntero es la tabla y deja una ola de proa y una estela detrás. Doble clic y surfea solo.

WebGL · FBM · 4 slidersGratis

Qué puedes hacer

  1. 01

    Monta el oleaje

    El mar se mueve bajo tu puntero en tiempo real.

  2. 02

    Deja estela

    Mover la tabla levanta una ola de proa adelante y una estela atrás.

  3. 03

    Afina el mar

    Cuatro sliders —Escala, Toque, Fuerza y Hue— son uniforms¿Qué es un uniform?Un valor que entra al shader desde afuera y es igual para todos los fragments en ese frame, como el tiempo o el mouse. Cambia entre frames, no entre píxeles: por eso anima toda la imagen a la vez. del shader.

Cómo funciona

  1. 1

    Mueve

    Mueve tu puntero sobre el agua.

  2. 2

    Doble clic

    Doble clic, o doble toque, para surfear en piloto automático.

  3. 3

    Afina

    Mueve los sliders para cambiar el mar.

Preguntas

¿Es gratis?

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

¿Funciona en el celular?

Sí. Tu dedo es la tabla; un doble toque surfea solo.

¿Qué son los sliders?

Uniforms del shader: valores que entran de afuera y cambian todo el mar a la vez.