Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

heightmaps, particles, and three.js in the browser

taylor_sntx's profile picture

Taylor

1,779 subscribers

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

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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