Loading video...

Video Failed to Load

Go Home

Friday win: fixed occlusion between Mapbox basemaps + Three.js layers - so vessels and tracks now disappear behind 3D terrain. Testing with some wildly exaggerated Hong Kong topography. ⛰️🚢 #threejs #mapbox #ais #map #webgl

CraigTaylorViz's profile picture

Craig Taylor

13,482 subscribers

76,270 views • 9 days ago •via X (Twitter)

ArtsScience & Technology#threejs#mapbox#ais#map#webgl
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Kostiantynivka in 3D with Mapbox and over exaggerated topography sick spin
0:15

Kostiantynivka in 3D with Mapbox and over exaggerated topography sick spin

Vitaly

13,193 views • 1 month ago

Introducing our new Mapbox Standard style, with 3D urban environments, dynamic lighting, landmark 3D buildings, and an elegant symbolic aesthetic. 📣 Learn more in our announcement post: #mapdesign #mapping #gischat
0:15

Introducing our new Mapbox Standard style, with 3D urban environments, dynamic lighting, landmark 3D buildings, and an elegant symbolic aesthetic. 📣 Learn more in our announcement post: #mapdesign #mapping #gischat

Mapbox

40,302 views • 2 years ago

Nobody makes Mapbox GL JS sing like Jonni Walker: 3D map of Fort Valley, VA
0:11

Nobody makes Mapbox GL JS sing like Jonni Walker: 3D map of Fort Valley, VA

Evan Applegate

33,136 views • 11 months ago

🚀 Mapbox maps are now part of OpenAI's latest innovation, ChatGPT search! This integration combines OpenAI's advanced language processing with fast, custom maps from Mapbox to enhance location-based insights. Together, we're pioneering the use of AI for location intelligence. 🌍 Read more:
0:17

🚀 Mapbox maps are now part of OpenAI's latest innovation, ChatGPT search! This integration combines OpenAI's advanced language processing with fast, custom maps from Mapbox to enhance location-based insights. Together, we're pioneering the use of AI for location intelligence. 🌍 Read more:

Mapbox

127,972 views • 1 year ago

Jonni Walker’s Bernese Alps, another Mapbox GL JS stunner, a pleasure to watch his layers load That lighting and tree texture.....
0:19

Jonni Walker’s Bernese Alps, another Mapbox GL JS stunner, a pleasure to watch his layers load That lighting and tree texture.....

Evan Applegate

11,500 views • 10 months ago

A little Framer experiment using Mapbox. An animated map to show your location ☁️✈️
0:18

A little Framer experiment using Mapbox. An animated map to show your location ☁️✈️

Frank Lagendijk

19,828 views • 2 years ago

"Hand-drawn sketch → full 3D WebGL experience ✨ (Made with Claude Code and fal ) Play here 👇 60% my craft: drawing, C4D, Three.js shaders, baking 20% Claude Code 20% Image model + Hunyuan 3D AI doesn't replace creativity, it amplifies it. #threejs #WebGL #creativecoding #fal #ClaudeCode
0:14

"Hand-drawn sketch → full 3D WebGL experience ✨ (Made with Claude Code and fal ) Play here 👇 60% my craft: drawing, C4D, Three.js shaders, baking 20% Claude Code 20% Image model + Hunyuan 3D AI doesn't replace creativity, it amplifies it. #threejs #WebGL #creativecoding #fal #ClaudeCode

Lovis Odin

19,358 views • 4 months ago

Introducing {mapgl}, an #rstats package to help you make stunning WebGL maps with Mapbox and MapLibre! Check out the docs here: And read through this thread for a tour of the package's features:
0:12

Introducing {mapgl}, an #rstats package to help you make stunning WebGL maps with Mapbox and MapLibre! Check out the docs here: And read through this thread for a tour of the package's features:

Kyle Walker

29,887 views • 1 year ago

For another recent project, had more fun playing with 3D Raymarching shapes and lights — #shaders #webgl #threejs
0:16

For another recent project, had more fun playing with 3D Raymarching shapes and lights — #shaders #webgl #threejs

Giom

13,157 views • 1 year ago

Post fx can really change the look of a scene! Building a gamedev course in Three.js. #threejs #webgl Assets by Quaternius
0:12

Post fx can really change the look of a scene! Building a gamedev course in Three.js. #threejs #webgl Assets by Quaternius

Simon

14,569 views • 1 year ago

Here’s my Open Source Mario 3D Controller — mobile-ready and buttery smooth at 120 FPS! Works with R3F and Three.js. Perfect for platformers, action games, or anything needing tight movement. Check my bio to try it out! Drop a ⭐ if you dig it! #gamedev #threejs #webgl
0:16

Here’s my Open Source Mario 3D Controller — mobile-ready and buttery smooth at 120 FPS! Works with R3F and Three.js. Perfect for platformers, action games, or anything needing tight movement. Check my bio to try it out! Drop a ⭐ if you dig it! #gamedev #threejs #webgl

Alex

23,937 views • 1 year ago

Stop fighting GLSL strings in Three.js 🥊 TSL (Three.js Shading Language) lets you write shaders in JavaScript with actual IDE support, proper debugging, and the ability to seamlessly extend existing materials. Learn more in my latest blog post 👇🏻 #threejs #webgl #webgpu #tsl #threejsroadmap
0:13

Stop fighting GLSL strings in Three.js 🥊 TSL (Three.js Shading Language) lets you write shaders in JavaScript with actual IDE support, proper debugging, and the ability to seamlessly extend existing materials. Learn more in my latest blog post 👇🏻 #threejs #webgl #webgpu #tsl #threejsroadmap

Dan Greenheck

20,905 views • 7 months ago

The world is fractured by wealth- a 3D fragile map of our divided world. 3D holographic globe that visualizes global economic inequality using the Gini Index data from World Bank. Spin the globe. Zoom in on any country. Built as a creative rendition of our economic ecosystem - beautiful, yet broken. #DataVisualization #ThreeJS #React #CreativeCoding #Geospatial #WebGL Three.js React-three-fiber
0:13

The world is fractured by wealth- a 3D fragile map of our divided world. 3D holographic globe that visualizes global economic inequality using the Gini Index data from World Bank. Spin the globe. Zoom in on any country. Built as a creative rendition of our economic ecosystem - beautiful, yet broken. #DataVisualization #ThreeJS #React #CreativeCoding #Geospatial #WebGL Three.js React-three-fiber

SHAHNAB AHMED

14,527 views • 2 months ago

some volumetric testing in threejs
0:22

some volumetric testing in threejs

Codetard

14,820 views • 5 months ago

visualizing the lorenz attractor with claude code, threejs, webgl shaders formula and parameters shown
0:15

visualizing the lorenz attractor with claude code, threejs, webgl shaders formula and parameters shown

AA

22,042 views • 5 months ago

WebGL with OGL and Translate Mini-Map Exploration with Willie.
0:16

WebGL with OGL and Translate Mini-Map Exploration with Willie.

Luis Bizarro

18,283 views • 9 months ago

Had a great time playing around w/ GPGPU for terrain generation and volumetric lighting. It's also a small tribute to my region back in France — #webgl #threejs #shaders
0:12

Had a great time playing around w/ GPGPU for terrain generation and volumetric lighting. It's also a small tribute to my region back in France — #webgl #threejs #shaders

Giom

11,190 views • 10 months ago

Three.js r174 released 🦆
0:15

Three.js r174 released 🦆

Three.js

172,381 views • 1 year ago

A real-time 3D particle scene built with Three.js/WebGL, JavaScript, and GLSL shaders. 60K particles morph through fractals and spirals with bloom, trails, and noise. Coded with the all-new Claude Sonnet 4 (Extended Thinking) by Anthropic
0:19

A real-time 3D particle scene built with Three.js/WebGL, JavaScript, and GLSL shaders. 60K particles morph through fractals and spirals with bloom, trails, and noise. Coded with the all-new Claude Sonnet 4 (Extended Thinking) by Anthropic

Puneet | Techartist

17,960 views • 1 year ago

This Friday!! 15th September I’ll spin in Hong Kong🇭🇰 At Petticoat Lane. With 🇯🇵Satoshi I'm looking forward to meeting everyone in Hong Kong.💖
0:19

This Friday!! 15th September I’ll spin in Hong Kong🇭🇰 At Petticoat Lane. With 🇯🇵Satoshi I'm looking forward to meeting everyone in Hong Kong.💖

TACKHEY

26,813 views • 2 years ago