Very worthwhile comparisons for anyone building texture-heavy applications in WebGPU, with a case study and integration in three.js!
#threejs #webgl #webgpu
https://mastodon.gamedev.place/@castano/115173099392986208
Simulation of a Kerr Black Hole in WebGPU.
Created using raymarching, the ray paths are distorted the closer they get to the black hole.
Watch live here:
https://absulit.github.io/points/examples/index.html#bh1
Adding new demos to my WebGPU library. This one has particles made in a compute shader. It switches from image to video.
Inspired a bit in the official particles demo from the WebGPU Samples
I created a few diagrams to illustrate the renderer's architecture and clearly emphasize which #WebGPU APIs are used where.
This is a Mesh class we create, which includes a reference to Geometry and Material classes as as properties. Basically, each mesh contains geometry with a 3D object to render, and a material to style the object.
As I’ve been building a 3D renderer with #WebGPU, once you get past the fundamentals, I noticed it becomes harder to find guidance. There's plenty of beginner tutorials, but few cover how to put all the pieces together.
So I wrote a blog where I break down the minimal architecture I created, as well as covering basic #3D terminology like Geometry and Materials.
https://whoisryosuke.com/blog/2025/structure-of-a-webgpu-renderer
Here's an example of me using the #WebGPU renderer to animate a 3D piano with MIDI keyboard input.
The piano is one of my #3D models I created in Blender and exported as OBJ. They're animated by updating the mesh's position in 3D space based on #MIDI input.
As always, this is open source on my #GitHub.
Apple FastVLM funziona offline nel browser: zero latenza e privacy totale nei video IA
interesting bug while coding my OBJ parser. two objects get combined to form a new shape #WebGPU
anyone need an instance? they're basically free #WebGPU
Jump into the fractal
I released a new version of WebGPU Shader Toy which fixes the flickering that was occurring during resizing.
Anyone want to test out small #webgpu page where I'm investigating performance of rendering many points, using regular GPU vs a compute shader?
Here: https://aras-p.info/files/temp/webgpu/20250823_webgpu-point-raster.html
I'd like to know: the GPU times for each of 5 buttons, with and without the compute shader checkbox, as well as the GPU model it was running on. I have my own numbers at the bottom of the page.
[upd: thanks everyone! already got data from 30 GPUs, that will do :)]
back on my #WebGPU projects
Today is a big day at SIGGRAPH! We are having our Birds of a Feather sessions at the Fairmont Waterfront Hotel starting at 9:00am. Come to hear updates from 3D Commerce, ANARI, glTF, Machine Learning Council, OpenXR, Slang, Vulkan and WebGL/WebGPU!
Get the full schedule on our website: https://www.khronos.org/events/siggraph-2025
#SIGGRAPH2025 #3DCommerce #ANARI #glTF #machinelearning #AI #OpenXR #Slang #Vulkan #WebGL #WebGPU
Small update for my collection of tiny 40x40px KTX2 samples: RGB9E5 and R11G11B10 small float formats.
https://github.com/donmccurdy/KTX2-Samples
Support for both formats in KTX2Loader coming in three.js r180.
Very big announcement from @castano for WebGPU apps! Spark.js means you can send small file formats over the network (WebP, AVIF, ...) and compress to GPU texture formats like ETC2, BCn, or ASTC near-instantly using WebGPU — at runtime.
This creates new options to consider when generating textures on the fly, as well, where GPU texture compression would not have been an option before.
(Note: Spark.js is free for non-commercial use, with a very fair one-time fee for indie and larger applications).
#threejs #webgpu #webgl https://mastodon.gamedev.place/@castano/114983485299830919
Join WebGL and WebGPU at SIGGRAPH for an exciting session with the latest news straight from the working groups driving the future of high-performance graphics and compute on the web.
We’ll also feature Toucan an exciting new language that lets developers write GPU-powered apps in a single source file using WebGPU.
Learn more: khr.io/1lc
#webgl #webgpu #siggraph2025 #toucan