learn GLSL from zero
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

Lección 7 de 10 · Domain warping

Snake

Pitón con brillo iridiscente.

fract() repite el espacio en celdas. Si warpeas antes, las celdas se deforman y parecen escamas. La distancia al centro de cada celda da forma hexagonal-ish.

Escamas de pitón bajo la lámpara del escritorio.

fract(p)Parte fraccionaria. Repite 0-1 infinitamente. Con warp = celdas irregulares.
PruebaSube el 5.0 en gl_FragCoord.xy / R * 5.0 a 8.0 y las escamas se hacen más chicas y densas. Baja a 3.0 y crecen como las de una iguana.
Freebie

SCALES

Busca // reemplaza esto y cambia esa línea por estas dos:
float ang = atan(p.y, p.x) + T * 0.15;
wp = vec2(cos(ang), sin(ang)) * length(p) * 5.0 + warp * 0.6;

Pégalo. Las escamas giran como pitón cazando.

El código

[object Object]
close