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

106,178 subscribers

80,834 görüntüleme • 1 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

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

Jean Mazouni

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

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

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 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,987,992 görüntüleme • 1 yıl ö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,518 görüntüleme • 9 ay önce

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

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 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,162 görüntüleme • 11 ay ö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

206,256 görüntüleme • 2 ay ö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,327 görüntüleme • 3 yıl önce

Our voxel engine rendering technique heavily uses levels of details to try and keep high performance in the browser! Made with Three.js on #webgpu
0:30

Our voxel engine rendering technique heavily uses levels of details to try and keep high performance in the browser! Made with Three.js on #webgpu

AresRPG - The Sui MMORPG

14,694 görüntüleme • 17 gün ö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,473 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©

130,496 görüntüleme • 2 ay önce

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

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 görüntüleme • 11 ay önce

Trained a single layer neural network in C to predict AND GATE from scratch using gradient descent and Batch training of dataset in almost 300K epochs
0:22

Trained a single layer neural network in C to predict AND GATE from scratch using gradient descent and Batch training of dataset in almost 300K epochs

AADITYANSHA

81,238 görüntüleme • 4 ay önce

I tried rendering in 4K, but the Nokia N95 runs out of memory (although rendering the frame in tiles and stitching it together should make it possible). 1080p, however, works. This video shows a 720p render with four compositing passes: Color, Alpha, Normal, and Z-buffer
1:05

I tried rendering in 4K, but the Nokia N95 runs out of memory (although rendering the frame in tiles and stitching it together should make it possible). 1080p, however, works. This video shows a 720p render with four compositing passes: Color, Alpha, Normal, and Z-buffer

Dante D. Leoncini

11,324 görüntüleme • 24 gün önce

#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.
0:32

#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

537,006 görüntüleme • 2 yıl önce

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

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

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

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

Ren Yuan

16,191 görüntüleme • 1 yıl önce

using ERA5 50 hPa data to drive particles around a globe in a threejs compute shader
0:22

using ERA5 50 hPa data to drive particles around a globe in a threejs compute shader

Codetard

82,084 görüntüleme • 10 ay önce

I built my own graphics library and got a whole map of my city onto a device with only 64kb of free RAM using my own rendering method written entirely in C & assembly, and a converter that take GeoJSON files and compresses them - this one went from 5mb to 34kb in my proprietary binary format, uses linedraw vector rendering to keep the entire memory buffer at only 8kb of RAM whilst tiling larger maps In short Screw google, aint no reason maps needs to be gigabytes of RAM to use
1:01

I built my own graphics library and got a whole map of my city onto a device with only 64kb of free RAM using my own rendering method written entirely in C & assembly, and a converter that take GeoJSON files and compresses them - this one went from 5mb to 34kb in my proprietary binary format, uses linedraw vector rendering to keep the entire memory buffer at only 8kb of RAM whilst tiling larger maps In short Screw google, aint no reason maps needs to be gigabytes of RAM to use

Shimazu.S

1,444,528 görüntüleme • 5 ay önce