ndesmic articles - 94 total
WebGPU Engine from Scratch Part 11 - 1: Visual Testing
Note: This chapter was split into 2 parts because the second half deals with a different topic I...
WebGPU Engine from Scratch Part 10: Markup Language and Scene Graph
One thing that is becoming really annoying while doing manual tests is that I have to setup scenes. ...
WebGPU Engine from Scratch Part 9: Shadow Maps
This was a topic I wanted to get to for a while. There's 2 common ways (but other less common ways)...
WebGPU Engine from Scratch Part 8: Physically Based Lighting (PBR)
I wasn't expecting to do this so soon but the whole roughness texture stuff really got to me so I...
WebGPU Engine from Scratch Part 7: Specular Lighting
Since we added diffuse lighting we might as well add specular too. The teapot is a marble texture...
WebGPU Engine from Scratch Part 6: Diffuse Lighting
The scene is bland and could use some lighting so let's implement that. First we start with the...
WebGPU Engine from Scratch Part 5: More Pipeline Improvements
I was hoping to get to new features but it seems like there was just too much I wanted to fix up in...
WebGPU Engine from Scratch Part 4: Updating the Pipeline
For this chapter I wanted to take a pause. The code before was spelled out but could be a little...
WebGPU Engine from Scratch Part 3: Textures
Next let's explore textures. We'll try to recreate the globe from the WebGL chapter. The first...
WebGPU Engine from Scratch Part 2: Geometry
For the next part I wanted to improve how I generate meshes. From WebGL we generated objects with...
WebGPU Engine from Scratch 1: Basic Rendering
After putting this project in storage for a while, WebGPU is now at a place where I feel I can really...
Building a JS pytorch clone: Performance investigation
One thing that we haven't done is some benchmarking. For this I though I'd start with a simple...
Building a JS pytorch clone with WebGPU
Last time I created a simple autograd. It's interesting but also not super usable. This is because...
Building a JS pytorch clone with CUDA
I had actually wanted part 2 to be a WebGPU implementation and started poking at the CUDA version...
Building a JS pytorch clone (autograd)
One of the things I'd like to get a little more into is machine learning. The sticking point I...
Creating debug text in WGSL
When dealing with code on the GPU one of the more difficult things is that you have very few ways to...
Writing a toy ECMAScript parser
Last time we wrote a simple tokenizer and tried to make a subset of the most used javascript tokens. ...
Writing a tokenizer
Several projects I'm working on require parsing. While there are goto packages that do this work...
React Static Site Generation from scratch
So far we have a server-rendered react application but sometimes it's nice to just have some flat...
React SSR web-server from scratch
Poking around with some web frameworks like Next and Astro I was posed the question of how hard is...
Fast Matrix Math in JS 3: WebGL/WebGPU
Last time we looked at WASM and the interesting SIMD capability. One question we could ask was...
Fast Matrix Math in JS 2: WASM
Fast Matrix Math 2 Last time we looked a number of ways to add two matrices starting from...
Fast Matrix Math in JS
There's a lot of ways to represent matrix math in JS. Some are readable and some are fast. I wanted...
Building a minimal web dev server with Deno
Writing pure client-side apps is good in theory but you still need a local server as file-based urls...
Building a minimal WASI polyfill for browsers
While researching some WASM/WASI stuff I was trying to get my app to run in a variety of environments...
Playing with Image Convolution Filters
Last episode, I explored different ways to change a bump map into a normal map and we touched a bit...
WebGL Engine from Scratch 15: Normal Maps
Last time we went through the process of using bump-maps. Using normal maps is very similar. So...
WebGL Engine from Scratch 14: Bump Maps and Simple Animation
I remember back in the PS2, Gamecube, Xbox days gaming enthusiasts were crazy about bump-mapping and...
WebGL Engine from Scratch 13: OBJ Format
One of the biggest limitations that the engine has right now is that it can only generate geometry...
Writing a simple browser zip file decompressor with CompressionStreams
Zips are a pretty common and ubiquitous format for compression. You've probably gotten them as...