Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

3,249 subscribers

32,433 görüntüleme • 10 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

PIP 🤖, a raymarched hardware pet. Follows your cursor, blinks, winks, and gets a little too excited when you keep clicking. Powered by my glass raymarch engine. No Three.js, no 3D assets. Raw WebGL, running in Framer via its Shader API. #glsl
0:18

PIP 🤖, a raymarched hardware pet. Follows your cursor, blinks, winks, and gets a little too excited when you keep clicking. Powered by my glass raymarch engine. No Three.js, no 3D assets. Raw WebGL, running in Framer via its Shader API. #glsl

Jae

14,765 görüntüleme • 17 gün önce

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

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

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

Made a 3D construction simulation where an autonomous site erects a five storey building component by component, with crane lifts, material deliveries, fastening robots and structural validation. Built with Three.js, WebGPU and Rapier. Showed main stages to keep the video short.
0:19

Made a 3D construction simulation where an autonomous site erects a five storey building component by component, with crane lifts, material deliveries, fastening robots and structural validation. Built with Three.js, WebGPU and Rapier. Showed main stages to keep the video short.

Techartist

31,366 görüntüleme • 1 ay önce

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

176,036 görüntüleme • 1 yıl önce

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

205,639 görüntüleme • 4 ay önce

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

Working on a TSL implementation of a 2D and 3D SPH fluid simulations. It works with both WebGPU and WebGL backends, using compute shaders and transform feedback as a fallback. Still battling a bit with the WebGPURenderer to make the spatial grid optimization work. #threejs
0:11

Working on a TSL implementation of a 2D and 3D SPH fluid simulations. It works with both WebGPU and WebGL backends, using compute shaders and transform feedback as a fallback. Still battling a bit with the WebGPURenderer to make the spatial grid optimization work. #threejs

Renaud

13,811 görüntüleme • 2 yıl önce

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 AI (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 AI (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

176,535 görüntüleme • 5 ay önce

This is 3D animation powered by AI. No suits or markers needed. This 2D video was captured with GoPro cameras and converted to 3D motion data using Move Multi-Cam. #MadeWithMove
0:15

This is 3D animation powered by AI. No suits or markers needed. This 2D video was captured with GoPro cameras and converted to 3D motion data using Move Multi-Cam. #MadeWithMove

Move AI

182,904 görüntüleme • 2 yıl önce

Fabric simulation prototype using swiftUI and Cursor 🧬 Inspired by Janum Trivedi’s prototype PS. It kind of acts as a stress buster
0:18

Fabric simulation prototype using swiftUI and Cursor 🧬 Inspired by Janum Trivedi’s prototype PS. It kind of acts as a stress buster

Sagar Bhardwaj

15,480 görüntüleme • 8 ay önce

Dive into the past with the first-ever 3D replica of St. Peter’s Basilica, created using AI and photogrammetry. Explore the iconic landmark through immersive exhibits, all powered by Microsoft Azure:
0:12

Dive into the past with the first-ever 3D replica of St. Peter’s Basilica, created using AI and photogrammetry. Explore the iconic landmark through immersive exhibits, all powered by Microsoft Azure:

Microsoft

52,200 görüntüleme • 1 yıl önce

Along with @levelsio, we’re looking for the best games you make with AI. More in his tweet below. Cursor 3 has a built-in browser, image generation, and cloud agents that can playtest, while Composer 2 is fast with Three.js. Great for building games! Even developers at Rockstar are using AI now. Games can be built faster, made more beautiful and complex, and created by more people. It's surprisingly easy if you have no experience. The games shown below were already made with Cursor by Startracker 🔺, Danny Limanseta, David Bui, and Chong-U. Show us what you can build! Can't wait to see your submissions.
0:17

Along with @levelsio, we’re looking for the best games you make with AI. More in his tweet below. Cursor 3 has a built-in browser, image generation, and cloud agents that can playtest, while Composer 2 is fast with Three.js. Great for building games! Even developers at Rockstar are using AI now. Games can be built faster, made more beautiful and complex, and created by more people. It's surprisingly easy if you have no experience. The games shown below were already made with Cursor by Startracker 🔺, Danny Limanseta, David Bui, and Chong-U. Show us what you can build! Can't wait to see your submissions.

edwin

78,789 görüntüleme • 5 ay önce

A long time in the making with lots of iterations (mostly on the ice) Made with Maxon particles, rendered in OTOY #octane. Some beefy render times of 10 to 18 min on a beefy 4 GPU rig because of the refraction and #photontracing caustics😇 Inspired by Max Schwugier 🙌
0:16

A long time in the making with lots of iterations (mostly on the ice) Made with Maxon particles, rendered in OTOY #octane. Some beefy render times of 10 to 18 min on a beefy 4 GPU rig because of the refraction and #photontracing caustics😇 Inspired by Max Schwugier 🙌

Raphael Rau

14,606 görüntüleme • 2 yıl önce

Vibe coded an infinite 3D tunnel scroll using Three.js with object pooling and GSAP animations, all created with Google Gemini 3 Pro AI in under 30 minutes :D It’s a fully procedural, mathematically generated world that renders endlessly as you scroll up and down without eating your device memory (that's what at least AI said 😆) Live: Code: now returning to the job that funds my ability to overwork myself :)
0:12

Vibe coded an infinite 3D tunnel scroll using Three.js with object pooling and GSAP animations, all created with Google Gemini 3 Pro AI in under 30 minutes :D It’s a fully procedural, mathematically generated world that renders endlessly as you scroll up and down without eating your device memory (that's what at least AI said 😆) Live: Code: now returning to the job that funds my ability to overwork myself :)

The Bugged Dev

95,858 görüntüleme • 8 ay önce

I took album cover of GNX by Kendrick Lamar and turned it into a 3D particle model in Threejs with TSL Used Grok 4 by xAI to improve the noise that moves particles.
0:16

I took album cover of GNX by Kendrick Lamar and turned it into a 3D particle model in Threejs with TSL Used Grok 4 by xAI to improve the noise that moves particles.

Dominik Fojcik

190,096 görüntüleme • 1 yıl önce