Gradient shader
How to create an organic gradient animation using a WebGL shader.
Brad Woods Digital Garden
Notes about creative coding on the Web.
Latest posts
Shaders 103 - smoke
How to make a cigarette smoke effect using shaders and three.js.
JavaScript - cheat sheet
Common JavaScript patterns.
View Transition API
What is the View Transition API and how to use it.
Scroll-driven camera animation
How to move the camera around a three.js scene as the user scrolls down the page.
03 - persistence
Implementing persistance with XState with multiple actors.
02 code patterns
Code patterns for rendering UI using XState and three.js.
01 tools
Choosing tools for developing a browser-based video game
00 a game idea
The first entry of a journal documenting the development of a video game. Coming up with an idea for a game.
Superman doesn't sweat
Superpowers works best when they are exaggerated human abilities rather than magic.