Garrett Johnson's banner

Garrett Johnson

@garrettkjohnson • 6,370 subscribers

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

Shorts

The WebGPUPathTracer branch is finally merged! With upscaling and denoising supported. Initial release coming tomorrow! But for now check out a demo here ✨ #threejs #webgpu

The WebGPUPathTracer branch is finally merged! With upscaling and denoising supported. Initial release coming tomorrow! But for now check out a demo here ✨ #threejs #webgpu

48,261 просмотров

Testing out crab-based inverse kinematics with closed-chain-ik-js 🦀 #threejs #gamedev

Testing out crab-based inverse kinematics with closed-chain-ik-js 🦀 #threejs #gamedev

40,701 просмотров

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!

54,153 просмотров

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

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

69,787 просмотров

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 просмотров

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,878 просмотров

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,282 просмотров

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,697 просмотров

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,511 просмотров

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 просмотров

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,396 просмотров

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,858 просмотров

QuantizedMesh support has been added to 3DTilesRenderer thanks to another grant from Cesium! The plugin supports normals, water masks, tile skirts, & "just works" with Cesium Ion. Support for texture overlays in progress! 🌎✨ #threejs #3dtiles #javascript #gis #nasajpl

QuantizedMesh support has been added to 3DTilesRenderer thanks to another grant from Cesium! The plugin supports normals, water masks, tile skirts, & "just works" with Cesium Ion. Support for texture overlays in progress! 🌎✨ #threejs #3dtiles #javascript #gis #nasajpl

10,636 просмотров

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

93,790 просмотров • 11 месяцев назад

Play tower defense in your own neighborhood with "3DTD"! Powered 3DTilesRendererJS & open street maps data - built by Ingel81 on Github ♜💥 Check it out here: #gamedev #gis #3dtiles

Play tower defense in your own neighborhood with "3DTD"! Powered 3DTilesRendererJS & open street maps data - built by Ingel81 on Github ♜💥 Check it out here: #gamedev #gis #3dtiles

Garrett Johnson

14,467 просмотров • 1 месяц назад

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,395 просмотров • 1 год назад

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,482 просмотров • 9 месяцев назад

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,788 просмотров • 1 год назад

Больше нет контента для загрузки