corpus.blog
41554 blogs · 4,417,066 posts Claim your blog
Record · corpus.blog/posts/01a08724-2cd8-70fe-8bbf-d7a40a654b6b

A flowing WebGL gradient, deconstructed

Personal website | Alex Harri Jónsson · published 12 April 2025

A record is what was published and who pointed at it. The text of the post is not held here: read it at the source, or at its Wayback capture.

Read the post at alexharri.com Wayback capture
0blogs citing
First cited
—
Most recent
—
Rank this month
not ranked
Links from this post
39
Words captured
19,416

Cited by

No blog we hold has cited this post yet.

Links from this post

Link
Host
https://github.com/alexharri/website/
github.com
https://en.wikipedia.org/wiki/Linear_interpolation
en.wikipedia.org
https://en.wikipedia.org/wiki/Frequency
en.wikipedia.org
https://en.wikipedia.org/wiki/OpenGL
en.wikipedia.org
https://en.wikipedia.org/wiki/OpenGL_ES
en.wikipedia.org
https://www.khronos.org/webgl/wiki/WebGL_and_OpenGL_Differences
khronos.org
https://en.wikipedia.org/wiki/OpenGL_Shading_Language
en.wikipedia.org
https://en.wikipedia.org/wiki/Alpha_compositing
en.wikipedia.org
https://en.wikipedia.org/wiki/RGB_color_model
en.wikipedia.org
https://airtightinteractive.com/util/hex-to-glsl/
airtightinteractive.com
https://registry.khronos.org/OpenGL-Refpages/gl4/html/gl_FragCoord.xhtml
registry.khronos.org
https://registry.khronos.org/OpenGL-Refpages/gl4/html/mix.xhtml
registry.khronos.org
https://www.khronos.org/files/webgl/webgl-reference-card-1_0.pdf
khronos.org
https://www.khronos.org/opengl/wiki/Data_Type_(GLSL
khronos.org
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax
developer.mozilla.org
https://en.wikipedia.org/wiki/Signed_distance_function
en.wikipedia.org
http://www.gamedev.net/forums/topic/712557-is-branching-logic-in-shaders-really-still-a-problem/5448827/
gamedev.net
https://www.mathsisfun.com/algebra/amplitude-period-frequency-phase-shift.html
mathsisfun.com
https://www.khronos.org/opengl/wiki/Uniform_(GLSL
khronos.org
https://www.khronos.org/opengl/wiki/Type_Qualifier_(GLSL
khronos.org
https://en.wikipedia.org/wiki/Gaussian_blur
en.wikipedia.org
https://en.wikipedia.org/wiki/Perlin_noise
en.wikipedia.org
https://tympanus.net/Tutorials/WebGLProgressiveBlur/
tympanus.net
WebGL Rendering to a Texture Read at the source ↗
webglfundamentals.org
https://en.wikipedia.org/wiki/Simplex_noise
en.wikipedia.org
https://en.wikipedia.org/wiki/Ken_Perlin
en.wikipedia.org
https://noiseposti.ng/posts/2022-01-16-The-Perlin-Problem-Moving-Past-Square-Noise.html
noiseposti.ng
https://www.redblobgames.com/maps/terrain-from-noise/
redblobgames.com
https://github.com/stegu/webgl-noise
github.com
https://www.khronos.org/opengl/wiki/texture
khronos.org
New helper added: Gradient Generator – Create CSS gradients.. Read at the source ↗
joshwcomeau.com
https://developer.mozilla.org/en-US/docs/Web/API/CanvasGradient
developer.mozilla.org
https://www.khronos.org/opengl/wiki/Sampler_(GLSL
khronos.org
WebGL Textures Read at the source ↗
webglfundamentals.org
https://en.wikipedia.org/wiki/Smoothstep
en.wikipedia.org
https://iquilezles.org/articles/smoothsteps/
iquilezles.org
https://github.com/alexharri/website/blob/eb9551dd73126857045035b378b194dbf923c675/src/components/WebGLShader/shaders/fragment/final.ts
github.com
https://www.linkedin.com/in/gunnlaugur-briem/
linkedin.com
https://eirikur.dev/
eirikur.dev