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!
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".
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.
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
MD Thermochrome by Mass-Driver - Future Fonts
Our written world is made from little dots: little dots of ink from a printer; phosphors or pixels on a screen; blackened thermal paper on a sales receipt. MD Thermochrome is a typeface designed around little dots. It’s not a faithful mimicry of any single printing technique, but an allusion to several — the coarse grid of dot-matrix printers, the visible scanlines of CRT terminal fonts, the varying dot size of over- and under-inked documents from any number of technologies. Built on a consistent (but not quite square) grid, Thermochrome features five discrete italic angles (Upright, Italic, Inclined, Retalic, Reclined), eight weights, and over 100 icons and symbols.
Adventures in Neural Rendering
In recent years, neural networks have started to find their way into many areas of rendering. While antialiasing and upscaling are probably the most well‑known uses, they’re far from the only ones—…
Was thinking about posts made by @rude1.blacksky.team & @zeu.dev this weekend and been thinking about the Atmosphere needing a logo. While I don't pretend to speak for the entire community, wanted to throw my 2 cents that we should seriously consider adopting a "spherical" logo for the AtmoSPHERE.
