Garrett Johnson
@gkjohnson.bsky.social
Woven by Toyota | NASA JPL | #threejs, graphics, open source, and a bunch of fun projects!
Reposted by Garrett Johnson
Last year I was also experimenting with @gkjohnson.bsky.social's blue noise sketches, but with my usual subsurface scattering and motion blur.
alien.js.org/examples/thr...
#threejs #webgl #shader #bluenoise #motionblur
alien.js.org/examples/thr...
#threejs #webgl #shader #bluenoise #motionblur
January 8, 2026 at 3:04 AM
Last year I was also experimenting with @gkjohnson.bsky.social's blue noise sketches, but with my usual subsurface scattering and motion blur.
alien.js.org/examples/thr...
#threejs #webgl #shader #bluenoise #motionblur
alien.js.org/examples/thr...
#threejs #webgl #shader #bluenoise #motionblur
I've tried pushing versions that don't bundle the code (using import maps), adjusting epsilon values, made sure I'm running the exact same code, etc. This happens in Firefox & Chrome. Is there anything that GHPages or a static server could be doing to the file to cause this?
2/3
2/3
December 22, 2025 at 3:55 AM
I've tried pushing versions that don't bundle the code (using import maps), adjusting epsilon values, made sure I'm running the exact same code, etc. This happens in Firefox & Chrome. Is there anything that GHPages or a static server could be doing to the file to cause this?
2/3
2/3
Im seeing a difference in behavior with deployed code on @github.com pages vs the same files locally. Has anyone seen this before?
Left is edge generation run locally & right is on Github pages from one of my #threejs projects. Notice the extra lines.
1/3 ๐
#webgl #javascript
Left is edge generation run locally & right is on Github pages from one of my #threejs projects. Notice the extra lines.
1/3 ๐
#webgl #javascript
December 22, 2025 at 3:55 AM
Im seeing a difference in behavior with deployed code on @github.com pages vs the same files locally. Has anyone seen this before?
Left is edge generation run locally & right is on Github pages from one of my #threejs projects. Notice the extra lines.
1/3 ๐
#webgl #javascript
Left is edge generation run locally & right is on Github pages from one of my #threejs projects. Notice the extra lines.
1/3 ๐
#webgl #javascript
Thanks to amazing work from "SoftwareMechanic" on Github, the 3DTilesRendererJS project now supports GeoJSON overlays!
Perfect for draping GIS datasets - region outlines, property boundaries, or GPS paths - onto any 3D Tiles data set ๐บ๏ธโจ
#threejs #gis #3dtiles #maps #javascript
Perfect for draping GIS datasets - region outlines, property boundaries, or GPS paths - onto any 3D Tiles data set ๐บ๏ธโจ
#threejs #gis #3dtiles #maps #javascript
December 11, 2025 at 1:44 AM
Thanks to amazing work from "SoftwareMechanic" on Github, the 3DTilesRendererJS project now supports GeoJSON overlays!
Perfect for draping GIS datasets - region outlines, property boundaries, or GPS paths - onto any 3D Tiles data set ๐บ๏ธโจ
#threejs #gis #3dtiles #maps #javascript
Perfect for draping GIS datasets - region outlines, property boundaries, or GPS paths - onto any 3D Tiles data set ๐บ๏ธโจ
#threejs #gis #3dtiles #maps #javascript
December 3, 2025 at 2:34 AM
Taking a dive into Bezier curves for fast SVG & font rendering. The curves are evaluated in a fragment shader so they're resolution independent with single-pass antialiasing๐
Cubic curves next! Though it looks a bit more complicated...
#threejs #webgl #gamedev #javascript #svg
Cubic curves next! Though it looks a bit more complicated...
#threejs #webgl #gamedev #javascript #svg
November 18, 2025 at 5:48 AM
Taking a dive into Bezier curves for fast SVG & font rendering. The curves are evaluated in a fragment shader so they're resolution independent with single-pass antialiasing๐
Cubic curves next! Though it looks a bit more complicated...
#threejs #webgl #gamedev #javascript #svg
Cubic curves next! Though it looks a bit more complicated...
#threejs #webgl #gamedev #javascript #svg
Reposted by Garrett Johnson
Here's the blooper version I mentioned. (I have no idea who the uploader is or how they got a copy of this. But I am glad that it survives.)
Mars Rover Blooper Reel
YouTube video by theropod
www.youtube.com
November 14, 2025 at 1:57 AM
Here's the blooper version I mentioned. (I have no idea who the uploader is or how they got a copy of this. But I am glad that it survives.)
Thanks to @mrdoob.com, three-gpu-pathtracer now includes a drag-and-drop viewer for binary glTF files ๐ I've added a link to the viewer in the repo!
#threejs #webgl #raytracing
#threejs #webgl #raytracing
November 13, 2025 at 2:36 AM
Thanks to @mrdoob.com, three-gpu-pathtracer now includes a drag-and-drop viewer for binary glTF files ๐ I've added a link to the viewer in the repo!
#threejs #webgl #raytracing
#threejs #webgl #raytracing
Big thanks to @bgolus.bsky.social for a great write up on the topic, as well!
bgolus.medium.com/the-quest-fo...
bgolus.medium.com/the-quest-fo...
The Quest for Very Wide Outlines
An Exploration of GPU Silhouette Rendering
bgolus.medium.com
November 10, 2025 at 5:18 AM
Big thanks to @bgolus.bsky.social for a great write up on the topic, as well!
bgolus.medium.com/the-quest-fo...
bgolus.medium.com/the-quest-fo...
Back from some time off programming with a Jump Flood Algorith demo to ease back in!
JFA can be used to create a screen SDF from a model in real time - useful for things like silhouette outlines or any other visual effects. More effects coming up! โจ
#threejs #webgl #gamedev
JFA can be used to create a screen SDF from a model in real time - useful for things like silhouette outlines or any other visual effects. More effects coming up! โจ
#threejs #webgl #gamedev
November 10, 2025 at 5:18 AM
See the WebGPU raytracing demo here:
gkjohnson.github.io/three-mesh-b...
And WebGPU SDF Generation demo here:
gkjohnson.github.io/three-mesh-b...
gkjohnson.github.io/three-mesh-b...
And WebGPU SDF Generation demo here:
gkjohnson.github.io/three-mesh-b...
November 6, 2025 at 3:57 AM
See the WebGPU raytracing demo here:
gkjohnson.github.io/three-mesh-b...
And WebGPU SDF Generation demo here:
gkjohnson.github.io/three-mesh-b...
gkjohnson.github.io/three-mesh-b...
And WebGPU SDF Generation demo here:
gkjohnson.github.io/three-mesh-b...
Just shifting over to use WebGPU for these calculations has given a pretty meaningful boost in performance already. Thanks to "Spiri0" & "TheBlek" on Github for the contributions!
November 6, 2025 at 3:56 AM
Just shifting over to use WebGPU for these calculations has given a pretty meaningful boost in performance already. Thanks to "Spiri0" & "TheBlek" on Github for the contributions!
Version 0.9.2 of three-mesh-bvh is out now and brings support for raycasting & distance queries using WebGPU compute shaders!
This is the first step towards WebGPU path tracing & other compute-shader features ๐โจ
#threejs #webgpu #javascript
This is the first step towards WebGPU path tracing & other compute-shader features ๐โจ
#threejs #webgpu #javascript
November 6, 2025 at 3:56 AM
Version 0.9.2 of three-mesh-bvh is out now and brings support for raycasting & distance queries using WebGPU compute shaders!
This is the first step towards WebGPU path tracing & other compute-shader features ๐โจ
#threejs #webgpu #javascript
This is the first step towards WebGPU path tracing & other compute-shader features ๐โจ
#threejs #webgpu #javascript
What are your favorite examples of documentation out there, especially for 3d libraries? What do they do well or not well?
I'm considering updating some of my project docs & am looking for inspiration. Even the little things make a difference.
#threejs #webgl #javascript
I'm considering updating some of my project docs & am looking for inspiration. Even the little things make a difference.
#threejs #webgl #javascript
October 15, 2025 at 4:31 AM
What are your favorite examples of documentation out there, especially for 3d libraries? What do they do well or not well?
I'm considering updating some of my project docs & am looking for inspiration. Even the little things make a difference.
#threejs #webgl #javascript
I'm considering updating some of my project docs & am looking for inspiration. Even the little things make a difference.
#threejs #webgl #javascript
Check out my Github for computational geometry, robotics, path tracing, geospatial rendering, and all kinds of other web graphics projects. Thank you to everyone who's supported my contributions over the years!
github.com/gkjohnson
github.com/gkjohnson
October 1, 2025 at 8:52 AM
Check out my Github for computational geometry, robotics, path tracing, geospatial rendering, and all kinds of other web graphics projects. Thank you to everyone who's supported my contributions over the years!
github.com/gkjohnson
github.com/gkjohnson
Job update: after nearly 8 years of open source I'm excited to go independent to work on consulting & OSS dev. More details to come, but feel free to reach out about collaborations or how you can support my work!
#threejs #javascript #webgl #gis #cad
#threejs #javascript #webgl #gis #cad
October 1, 2025 at 8:52 AM
Job update: after nearly 8 years of open source I'm excited to go independent to work on consulting & OSS dev. More details to come, but feel free to reach out about collaborations or how you can support my work!
#threejs #javascript #webgl #gis #cad
#threejs #javascript #webgl #gis #cad
September 23, 2025 at 3:05 AM
3d-tiles-renderer & atmospheric rendering spotted in this "Air Fiesta" hot air balloon adventure experience online! Posted by Diego_Dotta on the threejs forums ๐ช
Link to the post below ๐
#3dtiles #threejs #webgl #javascript
Link to the post below ๐
#3dtiles #threejs #webgl #javascript
September 23, 2025 at 3:05 AM
3d-tiles-renderer & atmospheric rendering spotted in this "Air Fiesta" hot air balloon adventure experience online! Posted by Diego_Dotta on the threejs forums ๐ช
Link to the post below ๐
#3dtiles #threejs #webgl #javascript
Link to the post below ๐
#3dtiles #threejs #webgl #javascript
3d-tiles-renderer has been gaining some real momentum this year. The number of weekly downloads has more than doubled since January to well over 7000 installs per week! ๐โจ
Sometimes I wish I knew more about where they were all coming from ๐
#gis #3dtiles #webgl #threejs
Sometimes I wish I knew more about where they were all coming from ๐
#gis #3dtiles #webgl #threejs
September 16, 2025 at 1:09 PM