Загрузка видео...

Не удалось загрузить видео

На главную

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

garrettkjohnson's profile picture

Garrett Johnson

6,196 subscribers

40,395 просмотров • 1 год назад •via X (Twitter)

#threejs#webgl#3dtiles#gis#cesiumgrant
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 11

Фото профиля Garrett Johnson 🦋
Garrett Johnson 🦋1 год назад

Check "displayTopoLines":

Фото профиля Qodo
Qodo1 год назад

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

Фото профиля Su
Su1 год назад

You're so inspiring!

Фото профиля Nikita Agafonov
Nikita Agafonov1 год назад

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

Фото профиля Anderson Mancini
Anderson Mancini1 год назад

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

Фото профиля noquierocoima
noquierocoima1 год назад

It's Open source?

Фото профиля Garrett Johnson 🦋
Garrett Johnson 🦋1 год назад

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 Cassiano
Lucas Cassiano1 год назад

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

Фото профиля Garrett Johnson 🦋
Garrett Johnson 🦋1 год назад

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

Фото профиля Denis Burkatsky
Denis Burkatsky1 год назад

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

Фото профиля Garrett Johnson 🦋
Garrett Johnson 🦋1 год назад

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:

Похожие видео

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
0:24

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 просмотров • 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
0:22

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

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!
0:22

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

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
1:30

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 просмотров • 3 лет назад

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: 🧵
1:09

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 просмотров • 2 лет назад

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
0:29

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

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
0:44

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

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
0:52

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

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
1:29

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

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)
0:38

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

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
0:40

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

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?
1:02

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

Final day of replicating those shitty mobile ads using Box3D in Omma AI: it's complete! Link below. With people and cars it is way more fun 😈 generated and rigged the models in Omma Studio and then used navcat to transform them into agents. Also added a custom LOD and culling system in #threejs for performance. Here is the playable demo 👇
1:32

Final day of replicating those shitty mobile ads using Box3D in Omma AI: it's complete! Link below. With people and cars it is way more fun 😈 generated and rigged the models in Omma Studio and then used navcat to transform them into agents. Also added a custom LOD and culling system in #threejs for performance. Here is the playable demo 👇

Marco Fugaro

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

✨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:
2:13

✨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 просмотров • 2 лет назад

🚨 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
0:55

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

✨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.
0:55

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