Garrett Johnson's banner

Garrett Johnson

@garrettkjohnson • 5,753 subscribers

three.js, graphics, open source, and a bunch of fun projects! Formerly @Woven_Toyota | @NASAJPL

Shorts

Thanks to a great plugin by WilliamLiu-1997 on Github, you can now render Gaussian Splat tile sets with 3DTilesRendererJS!

Thanks to a great plugin by WilliamLiu-1997 on Github, you can now render Gaussian Splat tile sets with 3DTilesRendererJS!

53,787 Aufrufe

Six years later this is still one of my favorite outline effects especially for hard surface models like CAD & architecture. And now it works with three.js' WebGPURenderer thanks to a contribution from "cmhhelgeson" on Github!

Six years later this is still one of my favorite outline effects especially for hard surface models like CAD & architecture. And now it works with three.js' WebGPURenderer thanks to a contribution from "cmhhelgeson" on Github!

23,120 Aufrufe

More graphic screenspace SDF effects 🐔🤖 #threejs #webgl #gamedev #realtimeVFX #javascript

More graphic screenspace SDF effects 🐔🤖 #threejs #webgl #gamedev #realtimeVFX #javascript

69,662 Aufrufe

This is the 5th or 6th time I've written a topography shader & every time it gets a little bit better & I learn a little bit more. It's a nice challenge for anyone learning about shaders! Some details on the plans for this implementation below 👇 #gis #3dtiles #threejs #webgl

This is the 5th or 6th time I've written a topography shader & every time it gets a little bit better & I learn a little bit more. It's a nice challenge for anyone learning about shaders! Some details on the plans for this implementation below 👇 #gis #3dtiles #threejs #webgl

94,265 Aufrufe

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

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

50,570 Aufrufe

With the recent three-mesh-bvh changes you can finally make a full scene-wide BVH to accelerate physics, raycasting, etc. And at some point Pathtracing 😁 Its just a prototype so far but it "just works" with objects and batched instances in a single structure. #threejs #gamedev

With the recent three-mesh-bvh changes you can finally make a full scene-wide BVH to accelerate physics, raycasting, etc. And at some point Pathtracing 😁 Its just a prototype so far but it "just works" with objects and batched instances in a single structure. #threejs #gamedev

32,495 Aufrufe

Using the same scene-wide BVH you can run accelerate frustum culling, as well. With this 500,000-instance BatchedMesh culling runs in less than 1/8th the time 🚀 #threejs #gamedev

Using the same scene-wide BVH you can run accelerate frustum culling, as well. With this 500,000-instance BatchedMesh culling runs in less than 1/8th the time 🚀 #threejs #gamedev

25,415 Aufrufe

With the new abstractions in three-mesh-bvh, making a custom BVH is easier than ever! SkinnedMeshes can now have one created directly, leading to an over 2x perf improvement on update vs creating a new static mesh. 🚀 What else needs a BVH? 1/2 👇 #threejs #webgl #gamedev

With the new abstractions in three-mesh-bvh, making a custom BVH is easier than ever! SkinnedMeshes can now have one created directly, leading to an over 2x perf improvement on update vs creating a new static mesh. 🚀 What else needs a BVH? 1/2 👇 #threejs #webgl #gamedev

21,862 Aufrufe

My three-geojson repo now supports internal polygon vertices via constrained delaunay triangulation so extruded shapes can be projected onto an ellipsoid surface with generated smooth normals! 🌎 More below👇 1/3 #threejs #gis #javascript #webgl

My three-geojson repo now supports internal polygon vertices via constrained delaunay triangulation so extruded shapes can be projected onto an ellipsoid surface with generated smooth normals! 🌎 More below👇 1/3 #threejs #gis #javascript #webgl

30,318 Aufrufe

It doesn't look like much here but Ive updated #threejs' BatchedMesh to support instancing in addition to batching including sorting and frustum culling! Here 20,000 items are drawn in a single draw call using only 3 unique geometries- a significant memory savings! 1/3 #webgl

It doesn't look like much here but Ive updated #threejs' BatchedMesh to support instancing in addition to batching including sorting and frustum culling! Here 20,000 items are drawn in a single draw call using only 3 unique geometries- a significant memory savings! 1/3 #webgl

22,835 Aufrufe

Slow but sure updates on the topo line shader: the plugin can also be used to render an infinite grid, as well. The logic for contour lines & grid lines are nearly the same - they're just being scaled differently in this case 🌎📏 #threejs #gis #3dtiles #cesiumgrant #webgl

Slow but sure updates on the topo line shader: the plugin can also be used to render an infinite grid, as well. The logic for contour lines & grid lines are nearly the same - they're just being scaled differently in this case 🌎📏 #threejs #gis #3dtiles #cesiumgrant #webgl

14,436 Aufrufe

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

These are some of the more basic effects you can make, I think, but these are outline & glow effects made with the Jump Flood SDF buffer - link to the repo below! 👇 #threejs #webgl #gamedev

These are some of the more basic effects you can make, I think, but these are outline & glow effects made with the Jump Flood SDF buffer - link to the repo below! 👇 #threejs #webgl #gamedev

Garrett Johnson

88,759 Aufrufe • vor 8 Monaten

I wanted to download and render the full data set but it seems 1TB drive space is not enough to unzip it 😅 So here's the first six layers rendered with 3d-tiles-renderer. I'll eagerly await the streamable version - I'm always ready to render more Mars #threejs #nasajpl #gis

I wanted to download and render the full data set but it seems 1TB drive space is not enough to unzip it 😅 So here's the first six layers rendered with 3d-tiles-renderer. I'll eagerly await the streamable version - I'm always ready to render more Mars #threejs #nasajpl #gis

Garrett Johnson

22,418 Aufrufe • vor 6 Monaten

I've gotten contour and latitude / longitude lines working with ellipsoidal tile sets in 3D Tiles Renderer - demo link below! 🌎✨ #threejs #webgl #3dtiles #gis #cesiumgrant

I've gotten contour and latitude / longitude lines working with ellipsoidal tile sets in 3D Tiles Renderer - demo link below! 🌎✨ #threejs #webgl #3dtiles #gis #cesiumgrant

Garrett Johnson

40,351 Aufrufe • vor 1 Jahr

The "3d-tiles" renderer is slowly becoming "any tiled data" renderer - newly added support for WMTS tiled images brings a whole new world of mapping data to #threejs. Including the massive catalogue of data from NASA GIBS! Demo below 👇 #webgl #gis #3dtiles #nasajpl #nasa

The "3d-tiles" renderer is slowly becoming "any tiled data" renderer - newly added support for WMTS tiled images brings a whole new world of mapping data to #threejs. Including the massive catalogue of data from NASA GIBS! Demo below 👇 #webgl #gis #3dtiles #nasajpl #nasa

Garrett Johnson 🦋

15,011 Aufrufe • vor 10 Monaten

Looks like Cesium just released a new Martian data set on Cesium Ion! Controls and rendering work out-of-the-box with 3d-tiles-renderer, as well. Mars rover integration coming... someday? 🤖 Demo link below 👇 #threejs #webgl #gis #nasajpl

Looks like Cesium just released a new Martian data set on Cesium Ion! Controls and rendering work out-of-the-box with 3d-tiles-renderer, as well. Mars rover integration coming... someday? 🤖 Demo link below 👇 #threejs #webgl #gis #nasajpl

Garrett Johnson

12,754 Aufrufe • vor 10 Monaten

Keine weiteren Inhalte verfügbar