Loading video...

Video Failed to Load

Go Home

webgl 3d object morphing using particles as material, powered by Three.js, Poimandres r3f made with v0 and cursor, lots of prompting and manual tweaks

joelbqz's profile picture

Joel

2,513 subscribers

31,579 views • 7 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

A real-time 3D particle scene built with Three.js/WebGL, JavaScript, and GLSL shaders. 60K particles morph through fractals and spirals with bloom, trails, and noise. Coded with the all-new Claude Sonnet 4 (Extended Thinking) by Anthropic
0:19

A real-time 3D particle scene built with Three.js/WebGL, JavaScript, and GLSL shaders. 60K particles morph through fractals and spirals with bloom, trails, and noise. Coded with the all-new Claude Sonnet 4 (Extended Thinking) by Anthropic

Puneet | Techartist

17,960 views • 1 year ago

AI meets 3D anatomy? I made a real-time interactive 3D cat that reacts to your cursor with head tracking and tail movement. The skeleton, organs and rig were generated with AI using Omma and rendered with Three.js. Curious if you would actually use something like this.
0:15

AI meets 3D anatomy? I made a real-time interactive 3D cat that reacts to your cursor with head tracking and tail movement. The skeleton, organs and rig were generated with AI using Omma and rendered with Three.js. Curious if you would actually use something like this.

Gábor Pribék

11,392 views • 29 days ago

A painting reborn as data. At Revelium™ Studio with the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particles
0:15

A painting reborn as data. At Revelium™ Studio with the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particles

Niccolò Miranda

54,308 views • 9 months ago

Here’s my Open Source Mario 3D Controller — mobile-ready and buttery smooth at 120 FPS! Works with R3F and Three.js. Perfect for platformers, action games, or anything needing tight movement. Check my bio to try it out! Drop a ⭐ if you dig it! #gamedev #threejs #webgl
0:16

Here’s my Open Source Mario 3D Controller — mobile-ready and buttery smooth at 120 FPS! Works with R3F and Three.js. Perfect for platformers, action games, or anything needing tight movement. Check my bio to try it out! Drop a ⭐ if you dig it! #gamedev #threejs #webgl

Alex

23,937 views • 1 year ago

"Hand-drawn sketch → full 3D WebGL experience ✨ (Made with Claude Code and fal ) Play here 👇 60% my craft: drawing, C4D, Three.js shaders, baking 20% Claude Code 20% Image model + Hunyuan 3D AI doesn't replace creativity, it amplifies it. #threejs #WebGL #creativecoding #fal #ClaudeCode
0:14

"Hand-drawn sketch → full 3D WebGL experience ✨ (Made with Claude Code and fal ) Play here 👇 60% my craft: drawing, C4D, Three.js shaders, baking 20% Claude Code 20% Image model + Hunyuan 3D AI doesn't replace creativity, it amplifies it. #threejs #WebGL #creativecoding #fal #ClaudeCode

Lovis Odin

19,358 views • 4 months ago

One million particles created using GitHub Spark, using the KV data to configure and remember the properties #GitHubUniverse #WebGL
0:19

One million particles created using GitHub Spark, using the KV data to configure and remember the properties #GitHubUniverse #WebGL

Terkel 𓀒

30,614 views • 1 year ago

seen snake in 3D? made with baby cursor made with cursor 🔃
0:11

seen snake in 3D? made with baby cursor made with cursor 🔃

Ryo Lu

85,634 views • 1 year ago

Face tracking + 3D model morph targets Built with Bolt Rendered Using Three.js Powered by MediaPipe Try the demo here: Bolt's new mascot maybe 😅 clone the project ->
0:14

Face tracking + 3D model morph targets Built with Bolt Rendered Using Three.js Powered by MediaPipe Try the demo here: Bolt's new mascot maybe 😅 clone the project ->

Ian Curtis

78,431 views • 1 year ago

WebGL Posters Magazine 🗞️ made w/ Three.js Live demo ↓
0:15

WebGL Posters Magazine 🗞️ made w/ Three.js Live demo ↓

chakib

69,856 views • 8 months ago

Creating a multiplayer game on v0 using Three.js and Liveblocks Models/textures/tracks/environments/physics, everything is being created by v0. The key part was asking v0 to create automation scripts to export logs/screenshots so it can iterate on its own.
0:18

Creating a multiplayer game on v0 using Three.js and Liveblocks Models/textures/tracks/environments/physics, everything is being created by v0. The key part was asking v0 to create automation scripts to export logs/screenshots so it can iterate on its own.

Matias 🧉

15,090 views • 3 months ago

I built an entire 3D editor this past weekend with -- using natural language 🤯 Powered by React, Three.js, and the Rapier physics engine. I believe AI will soon enable us to create the tools we need the moment we think of them. Thread 👇
0:14

I built an entire 3D editor this past weekend with -- using natural language 🤯 Powered by React, Three.js, and the Rapier physics engine. I believe AI will soon enable us to create the tools we need the moment we think of them. Thread 👇

Ian Curtis

175,846 views • 1 year ago

Morphing toruses #raymarching #glsl #r3f #threejs
0:12

Morphing toruses #raymarching #glsl #r3f #threejs

Kenta Watashima

15,327 views • 2 years ago

What if anatomy explorers felt alive? This 3D dog, including the skeleton, organs and rig, was generated with ai and reacts to the cursor in real time with head tracking and tail movement. - Used GPT Images 2 for consistency - Omma AI for 3D generation and code using Three.js Lmk if you’d like to try it!
0:14

What if anatomy explorers felt alive? This 3D dog, including the skeleton, organs and rig, was generated with ai and reacts to the cursor in real time with head tracking and tail movement. - Used GPT Images 2 for consistency - Omma AI for 3D generation and code using Three.js Lmk if you’d like to try it!

Gábor Pribék

203,215 views • 1 month ago

DRACARYS. LIVE. NOW. A #webgl Three.js experiment on #GPGPU simulations, particles, postprocessing, shaders, water, modelling, audio, lightning and dragons. 🔥🧊🐉 ⤷ [:// 🔊 ON] — #shaders #creative GSAP Astro #HouseofThedragon #dragons
0:18

DRACARYS. LIVE. NOW. A #webgl Three.js experiment on #GPGPU simulations, particles, postprocessing, shaders, water, modelling, audio, lightning and dragons. 🔥🧊🐉 ⤷ [:// 🔊 ON] — #shaders #creative GSAP Astro #HouseofThedragon #dragons

Robert Borghesi

41,172 views • 2 years ago

Created this game demo over the weekend without writing a single line of code! Built via bolt (Claude Sonnet 3.7) and powered by R3f + three.js Try it yourself - dodge enemies with real-time physics. Here's how I created the game + a cloneable character controller project 1/7
0:15

Created this game demo over the weekend without writing a single line of code! Built via bolt (Claude Sonnet 3.7) and powered by R3f + three.js Try it yourself - dodge enemies with real-time physics. Here's how I created the game + a cloneable character controller project 1/7

Ian Curtis

395,285 views • 1 year ago

Voice interactive blob particles using swiftUI and Cursor 😄 Sound on 🔊 Watch till the end for random giggles 💁‍♂️
0:11

Voice interactive blob particles using swiftUI and Cursor 😄 Sound on 🔊 Watch till the end for random giggles 💁‍♂️

Sagar Bhardwaj

19,033 views • 5 months ago

Friday win: fixed occlusion between Mapbox basemaps + Three.js layers - so vessels and tracks now disappear behind 3D terrain. Testing with some wildly exaggerated Hong Kong topography. ⛰️🚢 #threejs #mapbox #ais #map #webgl
0:17

Friday win: fixed occlusion between Mapbox basemaps + Three.js layers - so vessels and tracks now disappear behind 3D terrain. Testing with some wildly exaggerated Hong Kong topography. ⛰️🚢 #threejs #mapbox #ais #map #webgl

Craig Taylor

94,079 views • 11 days ago

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?
0:10

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?

Gábor Pribék

175,251 views • 1 month ago

This sleek 3D katana was whipped up by Anthropic's Claude 3.7 in a few minutes, using Cursor and OpenSCAD screenshots. We are in year one of AI crafting 3D models from scratch. 🔥
0:11

This sleek 3D katana was whipped up by Anthropic's Claude 3.7 in a few minutes, using Cursor and OpenSCAD screenshots. We are in year one of AI crafting 3D models from scratch. 🔥

Emm | scenario.com

14,641 views • 1 year ago