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.

Rendering a 125GB Protomaps vector tile dataset dynamically in Three.js using compute passes and workers

Three.js

103,025 subscribers

54,584 views • 2 days ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Another media gallery exploration using Three.js InstancedMesh and compute shaders. live demo 👇

Another media gallery exploration using Three.js InstancedMesh and compute shaders. live demo 👇

Jean Mazouni

13,646 views • 1 year ago

demo combining gaussian splat rendering from spark with a collider mesh baked out from the gaussians, using rapier physics in Three.js

demo combining gaussian splat rendering from spark with a collider mesh baked out from the gaussians, using rapier physics in Three.js

Ben Mildenhall

24,981 views • 11 months ago

An interactive 3D simulation and visualization of a black hole, leveraging Three.js for rendering and custom GLSL shaders to achieve stunning details in the event horizon, starfield, and accretion disk. Coded using newly released Grok 4 from xAI

An interactive 3D simulation and visualization of a black hole, leveraging Three.js for rendering and custom GLSL shaders to achieve stunning details in the event horizon, starfield, and accretion disk. Coded using newly released Grok 4 from xAI

Techartist

2,986,019 views • 11 months ago

The 1.4 release of DuckDB supports using a DuckDB database to serve vector tiles! Of course, I had to try this out in R. Check it out: all 242,000 US Census block groups dynamically served as vector tiles from a DuckDB database, displayed on a MapLibre map from R in Positron.

The 1.4 release of DuckDB supports using a DuckDB database to serve vector tiles! Of course, I had to try this out in R. Check it out: all 242,000 US Census block groups dynamically served as vector tiles from a DuckDB database, displayed on a MapLibre map from R in Positron.

Kyle Walker

45,452 views • 7 months ago

CLiFT Compressive Light-Field Tokens for Compute-Efficient and Adaptive Neural Rendering

CLiFT Compressive Light-Field Tokens for Compute-Efficient and Adaptive Neural Rendering

AK

29,275 views • 10 months ago

Inspired by 2swap's Klotski visualization video, I asked claude to make interactive state-space adjacency graph visualization, using Three.js and InstancedMesh for optimized rendering. It nearly zero-shot it. Absolutely wild time we live in.

Inspired by 2swap's Klotski visualization video, I asked claude to make interactive state-space adjacency graph visualization, using Three.js and InstancedMesh for optimized rendering. It nearly zero-shot it. Absolutely wild time we live in.

Simo Ryu

29,155 views • 9 months ago

Screen space bevel experiment in Unity. Using custom passes in HDRP (Works with URP too with custom render features). Only works with deffered rendering #unity #madewithunity

Screen space bevel experiment in Unity. Using custom passes in HDRP (Works with URP too with custom render features). Only works with deffered rendering #unity #madewithunity

Shahzod Boyhonov 🔶️

26,060 views • 1 year ago

Nice rendering effect: fading in Depth of Field when being closer to objects Needle #webdev Three.js

Nice rendering effect: fading in Depth of Field when being closer to objects Needle #webdev Three.js

herbst

18,561 views • 3 years ago

Casually rendering ~a hundred million triangles, in the browser. All thanks to Sunag's cool Nanite-style renderer for Three.js. I've added GLB-to-meshlet and PBR rendering to it, very exciting to see where this is going!

Casually rendering ~a hundred million triangles, in the browser. All thanks to Sunag's cool Nanite-style renderer for Three.js. I've added GLB-to-meshlet and PBR rendering to it, very exciting to see where this is going!

herbst

202,935 views • 14 days ago

2D Artist Vaskange uses Endless Paper app and Apple Pencil, powered by Fractile, a vector rendering engine, creating illustrations that can be infinitely zoomed in [Instagram:

2D Artist Vaskange uses Endless Paper app and Apple Pencil, powered by Fractile, a vector rendering engine, creating illustrations that can be infinitely zoomed in [Instagram:

Massimo

318,301 views • 3 years ago

Been using Grok and Cursor to build a SimCity clone. Runs in the browser via HTML + Javascript + Three.js

Been using Grok and Cursor to build a SimCity clone. Runs in the browser via HTML + Javascript + Three.js

James Almeida 🌐

76,092 views • 1 year ago

Introducing SYNTHETIC-1: Collaboratively generating the largest synthetic dataset of verified reasoning traces for math, coding and science using DeepSeek-R1. Join us to contribute compute towards state-of-the-art open reasoning models.

Introducing SYNTHETIC-1: Collaboratively generating the largest synthetic dataset of verified reasoning traces for math, coding and science using DeepSeek-R1. Join us to contribute compute towards state-of-the-art open reasoning models.

Prime Intellect

198,473 views • 1 year ago

I created 24 vector badge designs in about a day. Using Claude, Quiver, and Figma. Here's the full process.

I created 24 vector badge designs in about a day. Using Claude, Quiver, and Figma. Here's the full process.

DANN©

119,447 views • 10 days ago

webgi - realistic rendering for three.js is now free! With a new website for developers. Instantly create photo-realistic 3D e-commerce experiences without going deep into three.js graphics and shaders. Play around with the demo docs here -

webgi - realistic rendering for three.js is now free! With a new website for developers. Instantly create photo-realistic 3D e-commerce experiences without going deep into three.js graphics and shaders. Play around with the demo docs here -

Palash Bansal

45,087 views • 9 months ago

🚨🇨🇳 China is using a tile‑laying robot.

🚨🇨🇳 China is using a tile‑laying robot.

Jackson Hinkle 🇺🇸

76,438 views • 3 months ago

Draft render from last week, built with Three.js Shading Language and WebGPU, using hash noise and afterimage passes in Post Process. It's not making the final cut (too noisy for interactive use), but I liked the Ghibli-esque vibe enough to share it here.

Draft render from last week, built with Three.js Shading Language and WebGPU, using hash noise and afterimage passes in Post Process. It's not making the final cut (too noisy for interactive use), but I liked the Ghibli-esque vibe enough to share it here.

Renaud

23,815 views • 11 months ago

#OctaneX was featured in today’s Apple keynote! Apple users can augment the massive increase in rendering power on the M4 with access to near unlimited high performance decentralized GPU compute power on The Render Network using Octane X.

#OctaneX was featured in today’s Apple keynote! Apple users can augment the massive increase in rendering power on the M4 with access to near unlimited high performance decentralized GPU compute power on The Render Network using Octane X.

The Render Network

536,928 views • 2 years ago

10 million particles rendered in real-time using compute shaders in a 3D/immersive space.

10 million particles rendered in real-time using compute shaders in a 3D/immersive space.

Ren Yuan

16,167 views • 1 year ago

🚨New Feature Alert🚨: Our Geometry Tool now includes vectors you can compute with in the expression list! How will you use our new vector tool? (Bonus: What do you notice about the vector tokens in the expression list as we move the vector around?)

🚨New Feature Alert🚨: Our Geometry Tool now includes vectors you can compute with in the expression list! How will you use our new vector tool? (Bonus: What do you notice about the vector tokens in the expression list as we move the vector around?)

Desmos

30,476 views • 2 years ago

Had a go at creating a quick Three.js game using Cursor 🤖

Had a go at creating a quick Three.js game using Cursor 🤖

mrdoob

46,685 views • 1 year ago