Christoph Peters. 2025–06 in High-Performance Graphics 2025. Poster.
Doing maths in CSS
sin(), cos(), atan2() landed in CSS in 2023. You can now place elements in circles, arcs, and spirals with pure CSS, no JavaScript, no libraries. Here's how the math works.
Circle of Fifths: The Key to Unlocking Harmonic Understanding
The circle of fifths is arguably the most helpful way of visually organizing the 12 chromatic pitches for learning music theory. Enjoy this lesson excerpt.
Shades of Halftone - The Blog of Maxime Heckel
An interactive deep dive into building halftone shaders in GLSL, covering everything from classic dot patterns and CMYK color separation to Moiré interference, gooey effects, and animated displacement.
What is a harmonic? An interactive comic about additive synthesis
Where do harmonics even come from? Learn about additive synthesis and play with interactive string modes.
Hash Functions for GPU Rendering – Nathan Reed’s coding blog
Pixels and polygons and shaders, oh my!
mmeshy - make beautiful mesh gradients
Design buttery smooth mesh gradients in the browser and export high-res images. All for free.
Stylized GGX shading | Alexandre Lamure
A practical guide to stylized GGX shading: mixing sharp toon specular highlights with soft PBR gradients.
Thomas Simpson
Thomas Simpson FRS was a British mathematician and inventor known for the eponymous Simpson's rule to approximate definite integrals. The attribution, as often in mathematics, can be debated: this rule had been found 100 years earlier by Johannes Kepler, and in German it is called Keplersche Fassregel, or roughly "Kepler's Barrel Rule".
Khronos Showcases Significant glTF Momentum for Efficient Transmission of 3D Scenes and Models
The Khronos™ Group, an open consortium of leading hardware and…
Unit Circle Trigonometry - haitham
An interactive sketch for visualizing sine and cosine functions with the unit circle
If you aren’t used to staring at math, Poisson’s equation looks a little intimidating:
heerich.js
Tiny engine for 3D voxel scenes rendered to SVG — boolean ops, oblique/perspective cameras, zero dependencies.
Softmax forever, or why I like softmax
[UPDATE: Feb 8 2025] my amazing colleague Max Shen noticed a sign mistake in my derivation of the partial derivative of the log-harmonic function below.
Inigo Quilez :: computer graphics, maths, shaders, fractals, demoscene
Tutorials and articles of Inigo Quilez on computer graphics, fractals, math, art, demoscene, shaders and more.
Pluck
This is an interactive string simulator that uses basic Fourier math to generate audio & visuals according to where on the string you pluck from. The audio math is done on the GPU in WebGL
