markdown !Cover image for 🚇 I Accidentally Built a Full 3D Endless Runner Game in the Browser It’s in KBs btwhttps://media2.dev.to/dynamic/image/width=1000,hei...
So, I was shitcanned recently and said to myself: “Hey, why not actually learn something new and interesting for once?” Three.js has been high on my list for a...
Abstract Introduction The goal of this project was to implement a stable, interactive Navier‑Stokes solver that runs natively in modern browsers without plugin...
Article URL: https://garden.bradwoods.io/notes/javascript/three-js/shaders/shaders-103-smoke Comments URL: https://news.ycombinator.com/item?id=46497589 Points:...
Overview I'm thrilled to announce that I've open‑sourced cool‑retro‑term‑webgl, a modern WebGL‑based recreation of the beloved cool‑retro‑term terminal emulato...
Introduction These past few days I’ve been working on multi‑models, aiming to implement as many large‑scale models as possible. WebGL starts to lag after about...
I’m building Isle Lab — a relaxing, painterly 3D terrain builder that runs directly in the browser. It’s part of Zafiro, my custom WebGL/three.js‑based engine t...
What Three.js Actually Does WebGL is the underlying technology that allows browsers to render 3D graphics. It is powerful but extremely low‑level. Three.js pro...
Three.js has become one of the most influential libraries in modern web development. It bridges the gap between the raw power of WebGL and the accessibility of...
PixiJS is an efficient library for 2D rendering in the browser, leveraging WebGL with a fallback to Canvas. It is widely used for games, interactive animations,...
Renderer Setup javascript // 3. Renderer Setup const renderer = new THREE.WebGLRenderer{ antialias: true }; renderer.setSizewindow.innerWidth, window.innerHeig...
I recently built my personal portfolio from the ground up, focusing on performance, interactivity, and visual identity. 👉 Live site: Tech Stack - Next.js – rou...
