Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

5,956 subscribers

40,351 views • 1 year ago •via X (Twitter)

#threejs #webgl #3dtiles #gis #cesiumgrant

Anya Rossi• Live Now

Private livecam show

11 Comments

Garrett Johnson 🦋1 year ago

Check "displayTopoLines":

Qodo1 year ago

Fewer bugs, more shipping. Qodo’s Agentic AI handles testing, reviews, and code generation—so you can focus on building.

Su1 year ago

You're so inspiring!

Nikita Agafonov1 year ago

I kid you not, one day it's gonna zoom to subatomic level!

Anderson Mancini1 year ago

This is PERFECT man! Congratulations 😍. It will be so helpful 🤯

noquierocoima1 year ago

It's Open source?

Garrett Johnson 🦋1 year ago

Source for the topo lines shader is here. The rest of the repo contains the rendering logic for 3d tiles and other tiled formats:

Lucas Cassiano1 year ago

does it connect with react-three-fiber? :O

Garrett Johnson 🦋1 year ago

You can see some documentation on how to use the tiles renderer with r3f here:

Denis Burkatsky1 year ago

Do you use Bing Aerial as a base? I am also building the Globe and Solar system interactive system with Three.js

Garrett Johnson 🦋1 year ago

This is using Google Photorealistic Tiles. As far as I understand, the Bing maps services is going to be retired so I don't have any plans to support it:

Related Videos

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 views • 11 months ago

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 views • 7 months ago

I'm excited to share the Geo Register Plugin for LichtFeld Studio from the LichtFeld community! This plugin helps bring Gaussian splat scenes into real-world geographic space. It registers a scene to WGS-84 and ECEF coordinates, so you can click any point on the model and get its latitude, longitude and altitude. It supports multiple georeferencing sources, including EXIF GPS data, image position CSVs, RealityScan camera parameters and saved similarity transforms. Once the scene is registered, you can export geo-referenced splat models as LAS, LAZ or 3D Tiles datasets for use in GIS and 3D mapping workflows. Built for anyone working with drone data, photogrammetry, Gaussian splatting, GIS, ArcGIS or CesiumJS. Link in the comment below!

I'm excited to share the Geo Register Plugin for LichtFeld Studio from the LichtFeld community! This plugin helps bring Gaussian splat scenes into real-world geographic space. It registers a scene to WGS-84 and ECEF coordinates, so you can click any point on the model and get its latitude, longitude and altitude. It supports multiple georeferencing sources, including EXIF GPS data, image position CSVs, RealityScan camera parameters and saved similarity transforms. Once the scene is registered, you can export geo-referenced splat models as LAS, LAZ or 3D Tiles datasets for use in GIS and 3D mapping workflows. Built for anyone working with drone data, photogrammetry, Gaussian splatting, GIS, ArcGIS or CesiumJS. Link in the comment below!

MrNeRF

51,889 views • 3 months ago

This is pretty cool 👓 Google Announces Geospatial Creator powered by ARCore & Google Maps and it allows you to visualize, design, and publish world-anchored content by using Unity ! Few features available: 📌 Photorealistic 3D Tiles: Visualize the 3D geometry of the world and deploy location-anchored content accurately with high-resolution, photorealistic 3D tiles. 📌 Geospatial anchors: Place and anchor 3D content at any given latitude, longitude, and altitude with sub-meter accuracy in areas covered by Google Street View. 📌 Terrain anchors: Place and anchor 3D content with only latitude and longitude coordinates, using data from Google Maps to determine ground level. 📌 Rooftop anchors: Use rooftops to place and anchor 3D content with respect to the building geometry and terrain in areas covered by Google Street View. 📢 To get started with Unity follow these steps: #AR #Google

This is pretty cool 👓 Google Announces Geospatial Creator powered by ARCore & Google Maps and it allows you to visualize, design, and publish world-anchored content by using Unity ! Few features available: 📌 Photorealistic 3D Tiles: Visualize the 3D geometry of the world and deploy location-anchored content accurately with high-resolution, photorealistic 3D tiles. 📌 Geospatial anchors: Place and anchor 3D content at any given latitude, longitude, and altitude with sub-meter accuracy in areas covered by Google Street View. 📌 Terrain anchors: Place and anchor 3D content with only latitude and longitude coordinates, using data from Google Maps to determine ground level. 📌 Rooftop anchors: Use rooftops to place and anchor 3D content with respect to the building geometry and terrain in areas covered by Google Street View. 📢 To get started with Unity follow these steps: #AR #Google

Dilmer

58,292 views • 3 years ago

I've been working with Jakub Červený to integrate our #GaussianSplatting renderer with #threejs, I created this infinite portal demo as a feature showcase! You can play with it live here This is captured in realtime on my mac, here's how it works: 🧵

I've been working with Jakub Červený to integrate our #GaussianSplatting renderer with #threejs, I created this infinite portal demo as a feature showcase! You can play with it live here This is captured in realtime on my mac, here's how it works: 🧵

🌈 George Corney

101,648 views • 2 years ago

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Techartist

18,168 views • 1 year ago

Got HTML rendering in canvas working AS IS on all browsers, including iOS Safari - html-in-canvas polyfill - interactions - hover, focus, active, typing etc - css animations - scrolling - caret and text selection - #threejs, #webgl, #webgpu support - dark/light mode Link below

Got HTML rendering in canvas working AS IS on all browsers, including iOS Safari - html-in-canvas polyfill - interactions - hover, focus, active, typing etc - css animations - scrolling - caret and text selection - #threejs, #webgl, #webgpu support - dark/light mode Link below

Palash Bansal

30,459 views • 4 months ago

A 3D scene built with Three.js, WebGL, and JavaScript. Features shape changing with a click/tap, camera navigation via dragging and scrolling, and adjustable bloom effects and animation properties. Source code/CodePen link in the comment below. 👇

A 3D scene built with Three.js, WebGL, and JavaScript. Features shape changing with a click/tap, camera navigation via dragging and scrolling, and adjustable bloom effects and animation properties. Source code/CodePen link in the comment below. 👇

Techartist

11,390 views • 1 year ago

Launching Vibeviz 2.0 Create music visual videos with ThreeJS MIT license, link below Features: - 3D Shapes - Keyframe Animations and Easing - GLB model import w keyframed Animations - Background Shaders w TSL - Waveform Visualizers (MeshInstance, Lines, Particles) - Particle Systems with Repulsors and Attractors - Postprocessing Effects (Chromatic Aberration, Bloom, After Image) - Camera Switching with Keyframes - Lights - PBR Materials - Lots of Love for every ThreeJS contributor <3

Launching Vibeviz 2.0 Create music visual videos with ThreeJS MIT license, link below Features: - 3D Shapes - Keyframe Animations and Easing - GLB model import w keyframed Animations - Background Shaders w TSL - Waveform Visualizers (MeshInstance, Lines, Particles) - Particle Systems with Repulsors and Attractors - Postprocessing Effects (Chromatic Aberration, Bloom, After Image) - Camera Switching with Keyframes - Lights - PBR Materials - Lots of Love for every ThreeJS contributor <3

robot 2.0

17,105 views • 10 months ago

GeoLibre v1.10.0 is here! GeoLibre is a free and open-source, lightweight, cloud-native GIS platform for visualizing, exploring, and analyzing geospatial data. It runs everywhere you do, in the web browser, on the desktop, on mobile, and inside Jupyter notebooks, all while keeping your data local and private. This release brings photorealistic city-scale 3D to the map, adds OGC API vector tiles, and makes vector tiles and live editing easier to work with. What's new in v1.10.0 - Google Photorealistic 3D Tiles: drape entire cities in photorealistic 3D right in the map, streamed and rendered through - ArcGIS I3S scene layers: stream Integrated Mesh and 3D Object scene layers and render them in 3D on the shared instance. - OGC API vector tiles: add standards-based OGC API - Tiles vector tile services as a remote source, right alongside XYZ and ArcGIS vector tiles. - Local HDF5 and NetCDF-4 loading: open scientific HDF5 and NetCDF-4 files straight from disk, no cloud references required. - GeoEditor from the current view: pull the vector features currently visible in the map into the GeoEditor and start editing what you are looking at, without re-importing the source data. Try it out - Launch GeoLibre Web: - GitHub: - Documentation: - Release notes: #GIS #Geospatial #OpenSource #RemoteSensing #DataVisualization #MapLibre

GeoLibre v1.10.0 is here! GeoLibre is a free and open-source, lightweight, cloud-native GIS platform for visualizing, exploring, and analyzing geospatial data. It runs everywhere you do, in the web browser, on the desktop, on mobile, and inside Jupyter notebooks, all while keeping your data local and private. This release brings photorealistic city-scale 3D to the map, adds OGC API vector tiles, and makes vector tiles and live editing easier to work with. What's new in v1.10.0 - Google Photorealistic 3D Tiles: drape entire cities in photorealistic 3D right in the map, streamed and rendered through - ArcGIS I3S scene layers: stream Integrated Mesh and 3D Object scene layers and render them in 3D on the shared instance. - OGC API vector tiles: add standards-based OGC API - Tiles vector tile services as a remote source, right alongside XYZ and ArcGIS vector tiles. - Local HDF5 and NetCDF-4 loading: open scientific HDF5 and NetCDF-4 files straight from disk, no cloud references required. - GeoEditor from the current view: pull the vector features currently visible in the map into the GeoEditor and start editing what you are looking at, without re-importing the source data. Try it out - Launch GeoLibre Web: - GitHub: - Documentation: - Release notes: #GIS #Geospatial #OpenSource #RemoteSensing #DataVisualization #MapLibre

Qiusheng Wu

24,578 views • 1 month ago

Introducing Mint MCP - It turns your coding agent into a 3D engine! ✅ Create Threejs apps and games ✅ Generate 3D models ✅ Rig and animate models ✅ Generate Gaussian Splat worlds ✅ Generate PBR materials ✅ Generate themed Asset packs ✅ Generate audio / sfx ✅ Retopologize 3D models ✅ Convert 3D models to any popular format All the scenes in this demo were created with 5.6 + Mint Mcp + Mint Threejs Skills (links below)

Introducing Mint MCP - It turns your coding agent into a 3D engine! ✅ Create Threejs apps and games ✅ Generate 3D models ✅ Rig and animate models ✅ Generate Gaussian Splat worlds ✅ Generate PBR materials ✅ Generate themed Asset packs ✅ Generate audio / sfx ✅ Retopologize 3D models ✅ Convert 3D models to any popular format All the scenes in this demo were created with 5.6 + Mint Mcp + Mint Threejs Skills (links below)

tamrat

58,987 views • 1 month ago

Took it further with Omma AI, (Spline ) now it works on video, and everything working in a Web Browser. Drop a video, Depth Anything v2 calculates the depth map frame by frame, and Three.js renders a fully lit 3D mesh in real time. Depth estimation on video in the browser +Automatic baking pass + Dynamic lighting reacting to the geometry #vibecoding #threejs #webgl

Took it further with Omma AI, (Spline ) now it works on video, and everything working in a Web Browser. Drop a video, Depth Anything v2 calculates the depth map frame by frame, and Three.js renders a fully lit 3D mesh in real time. Depth estimation on video in the browser +Automatic baking pass + Dynamic lighting reacting to the geometry #vibecoding #threejs #webgl

Joseph Azar

148,148 views • 3 months ago

controlling a 3D globe with hand gestures 🌎 map zoom, rotation, layer view toggle runs in real-time on the web with a regular laptop + webcam created with Cesium, Three.js, and mediapipe computer vision 🔗 demo + code + tutorial below GeoGuessr next?

controlling a 3D globe with hand gestures 🌎 map zoom, rotation, layer view toggle runs in real-time on the web with a regular laptop + webcam created with Cesium, Three.js, and mediapipe computer vision 🔗 demo + code + tutorial below GeoGuessr next?

AA

27,819 views • 1 year ago

✨VISUAL DEMO REEL✨ My name is Adam New. I am a NY/NJ-based, ADR-capable voice actor with experience in animation, video games, medical narration, and more. If you're interested in working with me, feel free to contact me at the links in my bio! Below is a🧵of my other demos:

✨VISUAL DEMO REEL✨ My name is Adam New. I am a NY/NJ-based, ADR-capable voice actor with experience in animation, video games, medical narration, and more. If you're interested in working with me, feel free to contact me at the links in my bio! Below is a🧵of my other demos:

Adam New: Voice Acting Dude

24,456 views • 2 years ago

🚨 New Tutorial Alert 🚨 Rendering Google Earth Engine & Cloud-Optimized GeoTIFF Tiles in 3D with Google Earth In this tutorial, I demonstrate how to visualize Google Earth Engine tile layers and Cloud Optimized GeoTIFFs (COGs) directly in Google Earth’s 3D environment. This approach lets you bring together high-resolution historical imagery and Street View data into one powerful platform. It’s a simple but effective way to make your geospatial data more accessible—just like sharing a Google Doc link. 🔗 Notebook: ▶️ Video: #geospatial #googleearth #dataviz #earthengine

🚨 New Tutorial Alert 🚨 Rendering Google Earth Engine & Cloud-Optimized GeoTIFF Tiles in 3D with Google Earth In this tutorial, I demonstrate how to visualize Google Earth Engine tile layers and Cloud Optimized GeoTIFFs (COGs) directly in Google Earth’s 3D environment. This approach lets you bring together high-resolution historical imagery and Street View data into one powerful platform. It’s a simple but effective way to make your geospatial data more accessible—just like sharing a Google Doc link. 🔗 Notebook: ▶️ Video: #geospatial #googleearth #dataviz #earthengine

Qiusheng Wu

16,452 views • 11 months ago

✨A Little Perspective, a puzzle game that merges perception and reality, will release on April 3! ✨ Cannot wait to finally share what I've been working on with you all 🙂 Wishlists/reposts appreciated, link in the replies, etc. etc.

✨A Little Perspective, a puzzle game that merges perception and reality, will release on April 3! ✨ Cannot wait to finally share what I've been working on with you all 🙂 Wishlists/reposts appreciated, link in the replies, etc. etc.

Tad Cordle

28,582 views • 5 months ago

✨NEW DEMO REEL✨ I've got a LOT of tools in my arsenal, come take a peek! Big thanks to Sound On Studio and Kirsten Day 🎙🎀 for editing, recording, and directing! It was such a pleasure working with y'all :) Thanks for listening! Feel free to contact me, DMs are open 💕

✨NEW DEMO REEL✨ I've got a LOT of tools in my arsenal, come take a peek! Big thanks to Sound On Studio and Kirsten Day 🎙🎀 for editing, recording, and directing! It was such a pleasure working with y'all :) Thanks for listening! Feel free to contact me, DMs are open 💕

Sandy Can | Voice Actor

21,985 views • 2 years ago