Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

threejs's profile picture

Three.js

145,214 subscribers

111,853 görüntüleme • 5 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

7 Yorum

Farrukh profil fotoğrafı
Farrukh5 ay önce

Hmm, perhaps the next space program sim game should use three.js

Aaron Wacker profil fotoğrafı
Aaron Wacker5 ay önce

Wow what a great real world mapping simulation. 😍 Nice design and great async performance!

Ray profil fotoğrafı
Ray5 ay önce

You guys are freaking amazing man. Just keep crushing it.

Mateusz Kielan profil fotoğrafı
Mateusz Kielan5 ay önce

@ahmadierfan999 I found you a worthy challenge

moflod profil fotoğrafı
moflod5 ay önce

@grok is this realtime rendering

Christof Data (I'm human) profil fotoğrafı
Christof Data (I'm human)5 ay önce

Up to zoom level 15?

Vibecodr.Space profil fotoğrafı
Vibecodr.Space5 ay önce

HOLY -

Benzer Videolar

Rendering some glass dispersion and caustics in #threejs using WebGPU for my Three.js Conf Paris talk. Live link coming soon 🤗
0:52

Rendering some glass dispersion and caustics in #threejs using WebGPU for my Three.js Conf Paris talk. Live link coming soon 🤗

Anderson Mancini

16,073 görüntüleme • 2 ay önce

🚀 Visualize Big Vector Data in Python—FAST! Tired of slow and clunky tools for visualizing big vector dataset in Python? Discover this one-line Python trick using Leafmap + DuckDB to instantly render huge vector datasets—even gigabytes in size—right in your Jupyter notebook. In this video, you'll learn how to: ✅ Visualize millions of vector features with ease ✅ Use Leafmap + DuckDB to serve vector tiles dynamically ✅ Handle GeoParquet, GeoPackage, cloud-hosted data & more ✅ Create fully interactive maps—without crashing your browser! 📌 Watch the full video tutorial on YouTube: 👉 Notebook example: #Visualization #Leafmap #BigData #DuckDB #GeoPython #GIS #OpenSource
0:43

🚀 Visualize Big Vector Data in Python—FAST! Tired of slow and clunky tools for visualizing big vector dataset in Python? Discover this one-line Python trick using Leafmap + DuckDB to instantly render huge vector datasets—even gigabytes in size—right in your Jupyter notebook. In this video, you'll learn how to: ✅ Visualize millions of vector features with ease ✅ Use Leafmap + DuckDB to serve vector tiles dynamically ✅ Handle GeoParquet, GeoPackage, cloud-hosted data & more ✅ Create fully interactive maps—without crashing your browser! 📌 Watch the full video tutorial on YouTube: 👉 Notebook example: #Visualization #Leafmap #BigData #DuckDB #GeoPython #GIS #OpenSource

Qiusheng Wu

13,147 görüntüleme • 1 yıl önce

My WebGPU path tracer is open source! 🎉 Physically based rendering, running right in your browser. MIT licensed. - WebGPU compute shader path tracing, with WebGL 2 fallback - Two-level BVH built using parallel Web Workers, based on TinyBVH. A 4.6M-triangle scene's BVH builds in just 0.5s on my M4 Max - Clean results from just a few samples with OIDN denoising - OpenPBR 1.1 materials - Physical camera with f-stop depth of field, AgX tone mapping, and bloom - Drop-in Three.js scene synchronization
1:24

My WebGPU path tracer is open source! 🎉 Physically based rendering, running right in your browser. MIT licensed. - WebGPU compute shader path tracing, with WebGL 2 fallback - Two-level BVH built using parallel Web Workers, based on TinyBVH. A 4.6M-triangle scene's BVH builds in just 0.5s on my M4 Max - Clean results from just a few samples with OIDN denoising - OpenPBR 1.1 materials - Physical camera with f-stop depth of field, AgX tone mapping, and bloom - Drop-in Three.js scene synchronization

Yi Shen

38,018 görüntüleme • 27 gün önce

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.
0:31

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,595 görüntüleme • 1 yıl önce

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

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,991,911 görüntüleme • 1 yıl önce

Liquid glass, but actually liquid 💧 A hero secton built with Three.js and a TSL fluid sim running in compute shaders
0:31

Liquid glass, but actually liquid 💧 A hero secton built with Three.js and a TSL fluid sim running in compute shaders

Shader Development Studio

46,758 görüntüleme • 1 ay önce

How to install a tile backsplash using a tile cutter
0:39

How to install a tile backsplash using a tile cutter

Mary Tiles Texas

37,086 görüntüleme • 1 ay önce

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

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

AK

29,483 görüntüleme • 1 yıl önce

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

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,199 görüntüleme • 1 yıl önce

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

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,350 görüntüleme • 3 yıl önce

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

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

207,784 görüntüleme • 5 ay önce

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

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

herbst

18,570 görüntüleme • 3 yıl önce

Meta announces Aria Everyday Activities Dataset present Aria Everyday Activities (AEA) Dataset, an egocentric multimodal open dataset recorded using Project Aria glasses. AEA contains 143 daily activity sequences recorded by multiple wearers in five geographically diverse indoor locations. Each of the recording contains multimodal sensor data recorded through the Project Aria glasses. In addition, AEA provides machine perception data including high frequency globally aligned 3D trajectories, scene point cloud, per-frame 3D eye gaze vector and time aligned speech transcription. In this paper, we demonstrate a few exemplar research applications enabled by this dataset, including neural scene reconstruction and prompted segmentation.
2:34

Meta announces Aria Everyday Activities Dataset present Aria Everyday Activities (AEA) Dataset, an egocentric multimodal open dataset recorded using Project Aria glasses. AEA contains 143 daily activity sequences recorded by multiple wearers in five geographically diverse indoor locations. Each of the recording contains multimodal sensor data recorded through the Project Aria glasses. In addition, AEA provides machine perception data including high frequency globally aligned 3D trajectories, scene point cloud, per-frame 3D eye gaze vector and time aligned speech transcription. In this paper, we demonstrate a few exemplar research applications enabled by this dataset, including neural scene reconstruction and prompted segmentation.

AK

71,225 görüntüleme • 2 yıl önce

we're releasing our flagship dataset along with $1 million of compute grants
0:28

we're releasing our flagship dataset along with $1 million of compute grants

Build AI

92,583 görüntüleme • 6 ay önce

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.
0:27

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,754 görüntüleme • 1 yıl önce

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

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

DANN©

141,781 görüntüleme • 5 ay önce