Lightnews — Scholar-powered news

Garrett Johnson @gkjohnson.bsky.social · 8d

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

1

Garrett Johnson @gkjohnson.bsky.social · 8d

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

1 2 11

Garrett Johnson @gkjohnson.bsky.social · 17d

cc @shotamatsuda.bsky.social

Garrett Johnson @gkjohnson.bsky.social · 17d

Check out the post and demo link here:

discourse.threejs.org/t/hot-air-ba...

Hot Air Balloon Simulator + Scavenger Hunt on Google Earth

Hello folks, we’ve been working on this experience for quite a while, and I’d love some feedback. This is a hot air balloon multiplayer game on top of Google Earth. You can freely explore the world o...

discourse.threejs.org

1

Garrett Johnson @gkjohnson.bsky.social · 17d

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

1 7

Garrett Johnson @gkjohnson.bsky.social · 22d

Check out the demo here:

nasa-ammos.github.io/3DTilesRende...

WMS Capabilities & Tiles

nasa-ammos.github.io

2

Garrett Johnson @gkjohnson.bsky.social · 22d

WMS Tiled Image Overlays are now in 3d-tiles-renderer! This new feature, made possible by "SoftwareMechanic" on Github, unlocks a whole suite of new data, including this USGS Hydrography dataset 🌊

Demo in thread 👇

#gis #threejs #3dtiles #nasajpl #maps #webgl

2 2 10

Garrett Johnson @gkjohnson.bsky.social · 23d

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

5

Garrett Johnson @gkjohnson.bsky.social · Sep 8

And of course the project repository:

github.com/NASA-AMMOS/3...

GitHub - NASA-AMMOS/3DTilesRendererJS: Renderer for 3D Tiles in Javascript using three.js

Renderer for 3D Tiles in Javascript using three.js - NASA-AMMOS/3DTilesRendererJS

github.com

Garrett Johnson @gkjohnson.bsky.social · Sep 8

You can see the catalog of NASA GIBS data rendered with 3d-tiles-renderer here:

nasa-ammos.github.io/3DTilesRende...

WMTS Capabilities & Tiles

nasa-ammos.github.io

1

Garrett Johnson @gkjohnson.bsky.social · Sep 8

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

1 5

Garrett Johnson @gkjohnson.bsky.social · Sep 4

See the live example here:

nasa-ammos.github.io/3DTilesRende...

Cesium Ion Lunar Data Set

nasa-ammos.github.io

Garrett Johnson @gkjohnson.bsky.social · Sep 4

Looks like CesiumJS 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 #3dtiles

1 1 7

Garrett Johnson @gkjohnson.bsky.social · Jul 11

I was doing some debugging on 3d tiles with a red color ramp & tone mapping enabled and accidentally lit Mars on fire.

6

Garrett Johnson @gkjohnson.bsky.social · Jun 26

I've just gotten support added for starting a session & loading Google Maps map tiles with NASA-AMMOS/3DTilesRendererJS -- now you'll be able to load Google maps street & satellite data in three.js. Now I have to find time to make demos 😅

🗺️🛰️✨

#threejs #webgl #maps #3dtiles

2 2 14

Garrett Johnson @gkjohnson.bsky.social · Jun 23

3DTilesRenderer now supports multiple tiled image overlays with different projections and per-layer tint & opacity. This video is showing a globe base layer & Washington DC overlay layer from Cesium Ion.

Planar projection coming up next!

#gis #3dtiles #cesiumgrant #threejs

1 9

Garrett Johnson @gkjohnson.bsky.social · Jun 10

Next up is support for per-overlay UVs to handle different projections & artifacts. Currently images are resampled & projected onto existing UVs which can result in sampling artifacts

Thanks to the people at CesiumJS for some tips on formats and how to handle the overlays!

2 / 2

3

Garrett Johnson @gkjohnson.bsky.social · Jun 10

3DTilesRendererJS now has initial support for TMS & XYZ tiled overlays on 3d tile sets, bringing more support for CesiumJS's terrain features.

This demo is using the Swiss Alps Quantized Mesh data set w/ @openstreetmap.bsky.social images 🌎🌐

1 / 2 👇

#cesiumgrant #threejs #gis #3dtiles

1 3 8

Garrett Johnson @gkjohnson.bsky.social · Jun 3

A before and after shot showing tile gaps being filled in via parent tiles.

2

Garrett Johnson @gkjohnson.bsky.social · Jun 3

Some new updates to QuantizedMesh support for 3d-tiles-renderer. The spec for available tiles is now completely supported and tile gaps are now filled in by clipping the parent tile into quadrants! Texture overlays are next.

1/2 🌎

#threejs #cesium #3dtiles #gis #cesiumgrant

1 2 12

Reposted by Garrett Johnson

Christophe Yamahata @cyamahata.bsky.social · May 29

I’ve used three-gpu-pathtracer by @gkjohnson.bsky.social to create an online demonstration featuring optical prisms. The result is mindblowing, accurately capturing the multiple reflections and refractions of real-world optical elements.

🔗 Explore it on GitHub:
cyamahat.github.io/three-gpu-pa...

Dove prism. A Dove prism rotates an image by twice its rotation about the longitudinal axis.

1 3

Garrett Johnson @gkjohnson.bsky.social · May 27

Check "displayTopoLines":

nasa-ammos.github.io/3DTilesRende...

Google 3D Tiles Example

nasa-ammos.github.io

3

Garrett Johnson @gkjohnson.bsky.social · May 27

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

1 4 53

Garrett Johnson @gkjohnson.bsky.social · May 23

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

1 19

Garrett Johnson @gkjohnson.bsky.social · May 19

Repo and demos here:

github.com/gkjohnson/th...

3/3

GitHub - gkjohnson/three-geojson: Three.js shape loaders for GeoJSON and WKT formats

Three.js shape loaders for GeoJSON and WKT formats - gkjohnson/three-geojson

github.com

2