Brad Woods Digital Garden
Notes about creative coding on the web
Juice
What is Juice in software development. What is Game Feel and how it can it be used in non-game software. How software can fulfil emotional requirements. How to create software with soul. Examples of Juice on the web.
Shaders 103 - smoke
How to make a cigarette smoke effect using shaders and three.js.
3D in CSS
How to create a 3D space using CSS. How to use the CSS perspective and perspectiveOrigin properties. How to translate, scale and rotate an element in 3D space.
Animate a mesh across a sphere's surface
How to animate a mesh across the surface of a sphere using three.js and GSAP.
How to write
What is the purpose of writing a blog post. How to choose what to write about and how to say it. The value of writing.
Scroll-driven draw animation
How to create a line drawing effect on scroll using SVG clip-path.
Scroll-driven camera animation
How to move the camera around a three.js scene as the user scrolls down the page.
Browser adaptation
Exploring the browser as a storytelling medium.
Table of contents
How to create a web page table of contents UI (User Interface).
User-driven UI
What is a User Driven UI. What is the Zone of Proximal Development. Different approaches to teaching users how to use a UI. Using AI in the UI.
CSS blend modes
What are CSS blend modes. How to use background-blend-mode and mix-blend-mode. Interactive examples.
View Transition API
What is the View Transition API and how to use it.
Intersection Observer
What is the Intersection Observer and how to use the it.
Personalization
What is software personalization. How to personalize software and the benefits to the user.
News
News sources for web dev. creative coders.
JavaScript
Performance
React
State Management
three.js
Web API
HTML
CSS
SVG
Misc.
Design
Story
Game dev. journal
