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

Bloomcore

Escribe y crece un jardín de luz

Escribe una palabra y en menos de un segundo crece a su alrededor un jardín nocturno: las enredaderas suben desde las esquinas y las flores de luz abren de atrás hacia adelante. 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. lo hace crecer con follaje 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. y polen que sube.

WebGL 2 · FBM · tecladoGratis

Qué puedes hacer

  1. 01

    Siembra una palabra

    Hasta 16 letras; cada palabra nueva hace crecer el jardín otra vez.

  2. 02

    Míralo crecer

    Las enredaderas suben desde las esquinas y las flores de luz abren, primero las más lejanas.

  3. 03

    Toca el jardín

    Toca o arrastra para soltar chispas de luz; el botón de paleta cambia sus colores.

Cómo funciona

  1. 1

    Escribe

    Teclea una palabra.

  2. 2

    Mira

    El jardín crece en menos de un segundo.

  3. 3

    Toca

    Toca o arrastra para soltar chispas de luz.

Preguntas

¿Es gratis?

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

¿Funciona en el celular?

Sí. El teclado del celular escribe la palabra.

¿Qué dibuja el jardín?

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: ruido 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. para el follaje, más el polen, las enredaderas y las flores, todo en una sola pasada.