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

OnomatoShader

Onomatopeyas de cómic que explotan

Escribe una palabra y revienta desde una estrella de impacto de cómic: puntos Ben-Day, líneas de velocidad, una sacudida y el color desfasado. Tu palabra se vuelve una textura¿Qué es la textura?La superficie visual que sientes en la pantalla: rugosa, líquida, metálica, vetada. No es una foto pegada encima, nace de cómo combinas noise, capas y warps. Es matemática que se siente con los ojos. que 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. dobla en tu GPU¿Qué es la GPU?El procesador masivamente paralelo de tu máquina. Corre el mismo shader en miles de núcleos a la vez, uno por fragment, por eso pinta millones de píxeles sesenta veces por segundo sin despeinarse..

WebGL 2 · textura · tecladoGratis

Qué puedes hacer

  1. 01

    Escribe tu sonido

    Cualquier palabra de hasta 16 letras: BOOM, ZAP o tu nombre.

  2. 02

    Reviéntala otra vez

    Cada toque la revienta de nuevo, con otra sacudida.

  3. 03

    Ve un shader trabajar

    Los puntos de trama, las líneas de velocidad y el color desfasado se calculan en cada pixel, en cada cuadro.

Cómo funciona

  1. 1

    Escribe

    Teclea una palabra.

  2. 2

    Mira

    Revienta desde una estrella de cómic.

  3. 3

    Toca

    Toca la pantalla para reventarla otra vez.

Preguntas

¿Es gratis?

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

¿Funciona en el celular?

Sí. El teclado del celular escribe la palabra y un toque la revienta.

¿Qué la dibuja?

Un fragment 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. en WebGL 2: la palabra se dibuja una vez en una textura¿Qué es la textura?La superficie visual que sientes en la pantalla: rugosa, líquida, metálica, vetada. No es una foto pegada encima, nace de cómo combinas noise, capas y warps. Es matemática que se siente con los ojos., y el shader la escala, la sacude y la desfasa en cada cuadro.