Loading video...

Video Failed to Load

Go Home

heightmaps, particles, and three.js in the browser

taylor_sntx's profile picture

Taylor

1,779 subscribers

39,245 views • 5 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Particles in 3D Models (OBJ/FBX) Demo and Source Code: #threejs Three.js #webgl #particles #3dmodeling
0:49

Particles in 3D Models (OBJ/FBX) Demo and Source Code: #threejs Three.js #webgl #particles #3dmodeling

Sabo Sugi

10,653 views • 4 months ago

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

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

exploring living data on a hologram terrain, running in the browser with three.js
0:37

exploring living data on a hologram terrain, running in the browser with three.js

Taylor

47,076 views • 3 months ago

Physically-based volumetric clouds in Three.js. The browser is closer to AAA than people think.
1:25

Physically-based volumetric clouds in Three.js. The browser is closer to AAA than people think.

Dan Greenheck

20,247 views • 24 days ago

Breath... A million 3D particles shift and reshape in constant motion. Built with Three.js and custom GLSL shaders, a button triggers a core surge that ripples light and motion across the swarm. 🔊
0:30

Breath... A million 3D particles shift and reshape in constant motion. Built with Three.js and custom GLSL shaders, a button triggers a core surge that ripples light and motion across the swarm. 🔊

Techartist

11,776 views • 10 months ago

Building molecules in #VirtualReality with my hands, by combining Three.js, Cannon.js, Adrian Roitberg 🏳️‍⚧️ 's ANI and more. 😎 And in the web! Here running in the browser of a Meta Quest headset. Thanks Fabio Cortes and @LucienKrapp
0:51

Building molecules in #VirtualReality with my hands, by combining Three.js, Cannon.js, Adrian Roitberg 🏳️‍⚧️ 's ANI and more. 😎 And in the web! Here running in the browser of a Meta Quest headset. Thanks Fabio Cortes and @LucienKrapp

Luciano Abriata

24,381 views • 2 years ago

Just made Pascal's item catalog infinite. Pulling 3D objects straight out of images, live in the browser. SAM 3D Objects + Three.js + WebGPU. 👇
0:41

Just made Pascal's item catalog infinite. Pulling 3D objects straight out of images, live in the browser. SAM 3D Objects + Three.js + WebGPU. 👇

Wawa Sensei

46,257 views • 2 months ago

Particle toy experiment, motion blur is simulated by stretching particles along their velocity in the vertex shader. Cheap trick but worked surprisingly well! (WebGL, three.js, TypeScript)
0:34

Particle toy experiment, motion blur is simulated by stretching particles along their velocity in the vertex shader. Cheap trick but worked surprisingly well! (WebGL, three.js, TypeScript)

🌈 George Corney

214,584 views • 2 years ago

Our Wilder World full 3d land map in browser. Every plot / building selectable with their corresponding blockchain data and various visualization style filtering. - Made together with OlegSoroko, coming soon to the Wilder Web! - Browser based map made possible by Three.js - #gamedev #threejs
2:00

Our Wilder World full 3d land map in browser. Every plot / building selectable with their corresponding blockchain data and various visualization style filtering. - Made together with OlegSoroko, coming soon to the Wilder Web! - Browser based map made possible by Three.js - #gamedev #threejs

ekim

21,567 views • 3 months ago

After a short Sunday nap, I vibe coded an ultra realistic flight simulator with Cursor and Three.js in 40 minutes. It has some bugs and flaws, but I’m somehow satisfied with the realistic scenes. It obviously runs in the browser.
0:26

After a short Sunday nap, I vibe coded an ultra realistic flight simulator with Cursor and Three.js in 40 minutes. It has some bugs and flaws, but I’m somehow satisfied with the realistic scenes. It obviously runs in the browser.

Mert Demirdelen

429,117 views • 1 year ago

Coded with Grok A glowing stream of flowing particles forming mirrored arcs around a radiant core in 3D, rendered with Three.js, BufferGeometry, PointsMaterial, OrbitControls, and UnrealBloomPass for smooth motion, glow, and depth.
0:20

Coded with Grok A glowing stream of flowing particles forming mirrored arcs around a radiant core in 3D, rendered with Three.js, BufferGeometry, PointsMaterial, OrbitControls, and UnrealBloomPass for smooth motion, glow, and depth.

Techartist

29,204 views • 8 months ago

hologram map working with live heightmap data from the earth... here I'm exploring the Himalayas, Grand Canyon, and Andes mountains. it accepts any longitude/latitude and then you can pan around. works in the browser powered by three.js
0:50

hologram map working with live heightmap data from the earth... here I'm exploring the Himalayas, Grand Canyon, and Andes mountains. it accepts any longitude/latitude and then you can pan around. works in the browser powered by three.js

Taylor

34,720 views • 3 months ago

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

147,048 views • 1 month ago

An interactive cyberpunk data visualization built with xAI's Grok 4 using Three.js. Clicking "Execute" morphs thousands of particles between three procedural forms. Dragging rotates the view and the on-screen switches toggle animations. Demo/code in the reply below. 👇
0:36

An interactive cyberpunk data visualization built with xAI's Grok 4 using Three.js. Clicking "Execute" morphs thousands of particles between three procedural forms. Dragging rotates the view and the on-screen switches toggle animations. Demo/code in the reply below. 👇

Techartist

1,421,031 views • 11 months ago

I keep trying to work on this and then getting distracted staring at it while waving my hand around. 1 million particles, 120fps, Three.js and webGPU/TSL
0:20

I keep trying to work on this and then getting distracted staring at it while waving my hand around. 1 million particles, 120fps, Three.js and webGPU/TSL

Codetard

25,413 views • 11 months ago

300,000 particles on a browser. Works smoothly on a laptop with RTX 3060 mobile.
0:30

300,000 particles on a browser. Works smoothly on a laptop with RTX 3060 mobile.

matsuoka-601

20,247 views • 1 year ago

this project is now open source (🔗 in comments) make music in the browser by waving your hands in front of your webcam created with Three.js, Rosebud AI, mediapipe computer vision, tone.js
0:48

this project is now open source (🔗 in comments) make music in the browser by waving your hands in front of your webcam created with Three.js, Rosebud AI, mediapipe computer vision, tone.js

AA

92,698 views • 1 year ago

oh my… this shouldn’t be possible Gemini 3 can generate 3D interactive scenes with three.js… and you can literally move particles with your hands no coding skills needed at all, it's all free tutorial + prompts in the comments
0:20

oh my… this shouldn’t be possible Gemini 3 can generate 3D interactive scenes with three.js… and you can literally move particles with your hands no coding skills needed at all, it's all free tutorial + prompts in the comments

el.cine

1,261,085 views • 6 months ago

gm creative coders ☕️ Playing around with Three.js inside codevre browser editor. project link -> #creativecoding #threejs
0:28

gm creative coders ☕️ Playing around with Three.js inside codevre browser editor. project link -> #creativecoding #threejs

Tezumie

15,239 views • 6 months ago

Here's all the fun of sim racing, in your browser, with online open lobbies, collisions, crashes, slipstream. No Battery, no recharges pure online battles All in Three.js feat Adam car and track by Nicolas Navarro soon available ! #gamedev #r3f
1:13

Here's all the fun of sim racing, in your browser, with online open lobbies, collisions, crashes, slipstream. No Battery, no recharges pure online battles All in Three.js feat Adam car and track by Nicolas Navarro soon available ! #gamedev #r3f

Alex

22,081 views • 2 months ago