Escribe código.
La luz responde.
- El código corre en vivo en tu navegador
- GLSL, el lenguaje de tu tarjeta gráfica
- Nada que instalar
Pieza en vivo
Viral
Academy
Así se aprende en WoGL.
Mueve los números
con el dedo.
- Un slider para cada valor
- El shader cambia mientras lo mueves
- En el navegador de tu cel
- Arriba, la clase con su shader corriendo
- Abajo, el código que puedes cambiar
- Mueves un slider y la luz responde
Tus piezas,
en vivo.
- Un túnel de luz en la primera sección
- Terreno, mármol y metal líquido
- Fractales y un sistema solar al final
Pruébalo
Mueve un slider.
Mira qué pasa.
Esta onda es un shader de 12 líneas. Mueve los sliders: el código y la luz cambian juntos.
wave.frag · GLSL ES 3.0
Las 100 clases
Diez secciones.
Diez clases cada una.
Empiezas con un color y terminas con el sistema solar. Cada clase abre en WoGL Academy.
00GLSL para principiantesColor, coordenadas y tiempo, del primer pixel a un túnel de luz. 10 clases→ 01Patrones en shadersRayas, grids, coordenadas polares, espirales, espejos y placas de Chladni. 10 clases→ 02Fuerzas en un shaderEl tiempo aplicado a las coordenadas: gravedad, viento, vórtice, turbulencia, ondas. 10 clases→ 03Ruido en GLSLDel azar en bruto al FBM, el terreno y una esfera de ruido. 10 clases→ 04Domain warpingUn warp, muchas pieles: jirafa, camuflaje, madera, mármol, metal líquido. 10 clases→ 05Animación en shadersRespiración, desfase, easing, morphs, flow fields y el loop perfecto. 10 clases→ 06Atractores extraños en la GPUEl atractor de Aizawa: una ODE, Euler y 130,000 partículas en la GPU. 10 clases→ 07Ray marching en GLSL3D con distancias: rayos, SDF, normales, luz, sombras y materiales. 10 clases→ 08Fractales en GLSLz = z² + c: el plano complejo, el color de escape, Julia y el zoom profundo. 10 clases→ 09El Sistema Solar en GLSLDel Sol a Neptuno: esferas exactas, luz, nubes, anillos, aire y Kepler. 10 clases→
WoGL PRO
WoGL Why te dice por qué.
- WoGL Why en Academy PRO: 58 errores de GLSL, explicados
- Practice PRO: retos y remix
- WoGL TV, Pulse Rig y WoGL Worlds
- Tu perfil de viajero, con tu nave
Academy · Museum · Tools · Games · 3D Studio
WoGL Home.
01Academy100 clases de shaders, del primer pixel al sistema solar.academy.wogl.io →02MuseumArte generativo en vivo, en salas de museo.museum.wogl.io →03ToolsCuatro herramientas de shaders que corren en tu navegador.tools.wogl.io →04GamesSiete juegos dibujados por shaders, en tu navegador.games.wogl.io →053D StudioUn estudio 3D en tu navegador, con WebGPU.3dstudio.wogl.io →
Preguntas
Antes de tu
primera clase.
¿Qué es WoGL?
World of GL: una academia de GLSL, un museo de arte generativo en vivo, y herramientas y juegos hechos con shaders. Todo corre en tu navegador.
¿Necesito una cuenta?
Para Academy, no: sus 100 clases abren sin cuenta. Con tu cuenta del Museo entras a sus salas, a Academy PRO y a tu perfil de viajero.
¿Necesito saber programar?
No. La primera sección empieza desde cero: un color son tres números.
¿Qué es un shader?
Un programa pequeño que corre en tu tarjeta gráfica y decide el color de cada pixel al mismo tiempo.
¿Qué tengo que instalar?
Nada. Las clases corren en tu navegador con WebGL.
¿Funciona en el cel?
Sí. Las clases abren en el navegador de tu cel.
¿En qué idiomas está?
En español y en inglés.