✳flâneur — a map of the web's best reading
Thousands of Styled Rectangles in 120FPS on GPU – tchayen.com
tchayen.com · 2,943 words · saved by 1 readers
Secrets of rendering performant UIs in WebGPU.
Thousands of Styled Rectangles in 120FPS on GPU - tchayen.com Thousands of Styled Rectangles in 120FPS on GPU August 29, 2023 Today I will explain how to write a UI with 100,000 moving, styled rectangles that runs at 120 FPS on an M1 Macbook. I’ve been coming back to this problem from time to time and finally managed to connect all the missing pieces together. First I figured out rounded corners and borders, and recently – blur. This allows to implement box-shadow , border-radius , border and of course background-color , which together make up vast majority of modern website styling (that is n
Explore this link on the map →saved by
related reading
- Leveraging Rust and the GPU to render user interfaces at 120 FPS — Zed's Blogzed.dev
- Grainradgrainrad.com
- The Case for Use.GPU — Acko.netacko.net
- Shadersshaders.com
- Wayback Machinecohost.org
- Unicorn Studio — No-code WebGL Toolunicorn.studio
- Speeding Up the Webcola Graph Viz Library with Rust + WebAssembly - Casey Primozic's Homepagecprimozic.net
- Hello Triangle 🟢 - Learn WebGPU for C++ documentationeliemichel.github.io
- Grainradgrainrad.com
- Image to Mesh Gradientphotogradient.com
- Departure Monodeparturemono.com
- GPU text rendering with vector textures · Will Dobbiewdobbie.com