正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Controlling a 3D graph with hand + voice commands ❋ Using speech recognition to toggle between drag / rotate / zoom interactions, and hand gestures to move the nodes of the graph Created with Three.js, Rosebud AI, mediapipe computer vision, web speech API, and Vasco Asturiano's 3D-force-graph library Please... show more

AA

5,170 subscribers

31,936 次观看 • 1 年前 •via X (Twitter)

艺术科学技术游戏

Anya Rossi• Live Now

Private livecam show

11 条评论

AA 的头像

AA1 年前

Demo:

HUDI 的头像

HUDI2 年前

Introducing IPDW 🌍✨- A leap towards Web 4.0 with our InterPlanetary Data Wallet! Without blockchain, it enables a peer-to-peer internet inspired by BitTorrent and IPFS. 🐸Discover how IPDW is reshaping digital autonomy, making every user a node in a vast, secure network. Ready to explore a new dimension of the internet? 👉

Jeremy Nguyen ✍🏼 🚢 的头像

Jeremy Nguyen ✍🏼 🚢1 年前

@threejs @Rosebud_AI So good, Alan! It'd be awesome to be able to manipulate our Obsidian graph views like this.

AA 的头像

AA1 年前

@threejs @Rosebud_AI That’s a cool idea. I’ve seen lots of glowing reviews for Obsidian but here I am using a pen + notebook 🫣

Alex 的头像

Alex1 年前

@threejs @Rosebud_AI Have you considered using this with a projector instead of a monitor? Would look cool manipulating objects as they're projected on a wall.

AA 的头像

AA1 年前

@threejs @Rosebud_AI that would be awesome, thanks for the suggestion! Need to get my hands on a projector to try I also want to buy some AR glasses now after doing these experiments. The wish list is growing lol

renderfiction 的头像

renderfiction1 年前

@threejs @Rosebud_AI You combined all of my favorite features! Voice commands, slick UI, and manipulating vertices. 🔥🔥

AA 的头像

AA1 年前

@threejs @Rosebud_AI The iron man interface is coming together 🦾 thank you friend!

K3ith.AI 的头像

K3ith.AI1 年前

@threejs @Rosebud_AI Do the tutorial!🤩🥳🦾

Hien Phan 的头像

Hien Phan1 年前

@threejs @Rosebud_AI this is tony's son is learning some 3d chemistry :)

AA 的头像

AA1 年前

@threejs @Rosebud_AI Jarvis, what's a molecule?

相关视频

say hello to my little friend 🤖 3D model control (move, rotate, scale, animate) using hand gestures and voice commands, running in real-time in the browser! created with Three.js, Rosebud AI, mediapipe computer vision, and web speech API credit to Quaternius for the robot model 🔗 demo below

say hello to my little friend 🤖 3D model control (move, rotate, scale, animate) using hand gestures and voice commands, running in real-time in the browser! created with Three.js, Rosebud AI, mediapipe computer vision, and web speech API credit to Quaternius for the robot model 🔗 demo below

AA

30,775 次观看 • 1 年前

I've open sourced this project! - use voice commands to change interaction mode (drag, rotate, scale, animate) - use hand gestures to control the 3D model - drag/drop to import other models (only GLTF format supported rn) created using Three.js, Rosebud AI, mediapipe computer vision, web speech API, and Quaternius 3D models 🔗 github repo below

I've open sourced this project! - use voice commands to change interaction mode (drag, rotate, scale, animate) - use hand gestures to control the 3D model - drag/drop to import other models (only GLTF format supported rn) created using Three.js, Rosebud AI, mediapipe computer vision, web speech API, and Quaternius 3D models 🔗 github repo below

AA

40,230 次观看 • 1 年前

controlling a 3D globe with hand gestures 🌎 map zoom, rotation, layer view toggle runs in real-time on the web with a regular laptop + webcam created with Cesium, Three.js, and mediapipe computer vision 🔗 demo + code + tutorial below GeoGuessr next?

controlling a 3D globe with hand gestures 🌎 map zoom, rotation, layer view toggle runs in real-time on the web with a regular laptop + webcam created with Cesium, Three.js, and mediapipe computer vision 🔗 demo + code + tutorial below GeoGuessr next?

AA

27,819 次观看 • 1 年前

Controlling a 3D particle animation with hand gestures / voice 🎇🤖 "Jarvis, change to a sphere" > voice commands trigger a transformation into different shape types > hand gestures control the rotation speed and zoom created with Three.js, mediapipe computer vision, and web speech API. Runs in real-time in the browser, using a regular webcam / mic 🔗 demo + code in the comments let me know of any requests for future demos / tutorials!

Controlling a 3D particle animation with hand gestures / voice 🎇🤖 "Jarvis, change to a sphere" > voice commands trigger a transformation into different shape types > hand gestures control the rotation speed and zoom created with Three.js, mediapipe computer vision, and web speech API. Runs in real-time in the browser, using a regular webcam / mic 🔗 demo + code in the comments let me know of any requests for future demos / tutorials!

AA

24,376 次观看 • 1 年前

operating my computer with voice + hand gestures 📎 🖥️ introducing Iron OS: it's like a regular computer, but much more inconvenient created with Three.js, Rosebud AI, and mediapipe computer vision 🔗demo link below

operating my computer with voice + hand gestures 📎 🖥️ introducing Iron OS: it's like a regular computer, but much more inconvenient created with Three.js, Rosebud AI, and mediapipe computer vision 🔗demo link below

AA

30,648 次观看 • 1 年前

Windows 98 x Jarvis 🗒️🤖 This UI is controlled using only hand gestures and voice. Built with Three.js, mediapipe computer vision, and web speech API Kindly leave a comment if you'd like a tutorial on building this (with code and prompts). If there's interest I'll put it together @levelsio plz send help, I'm stuck inside MS Paint

Windows 98 x Jarvis 🗒️🤖 This UI is controlled using only hand gestures and voice. Built with Three.js, mediapipe computer vision, and web speech API Kindly leave a comment if you'd like a tutorial on building this (with code and prompts). If there's interest I'll put it together @levelsio plz send help, I'm stuck inside MS Paint

AA

41,999 次观看 • 1 年前

creating / controlling 3D shapes with hand gestures 👋💠 built with Three.js and MediaPipe computer vision 🔗 demo + code in the comments let me know of any requests for future demos / tutorials!

creating / controlling 3D shapes with hand gestures 👋💠 built with Three.js and MediaPipe computer vision 🔗 demo + code in the comments let me know of any requests for future demos / tutorials!

AA

221,612 次观看 • 1 年前

i made a tutorial for my 3D data visualization project it's how I imagine Tony Stark and Jarvis doing data analysis :] built with Three.js, mediapipe AI vision, and web speech API thread below with the code, tutorial, and live demo ↴

i made a tutorial for my 3D data visualization project it's how I imagine Tony Stark and Jarvis doing data analysis :] built with Three.js, mediapipe AI vision, and web speech API thread below with the code, tutorial, and live demo ↴

AA

84,065 次观看 • 11 个月前

which tutorial (+code) should I release next? > Left: 3D graph data viz > Right: Severance game projects are built with Three.js and mediapipe AI vision learn how to build real-time hand tracking apps for 3D design, games, etc.

which tutorial (+code) should I release next? > Left: 3D graph data viz > Right: Severance game projects are built with Three.js and mediapipe AI vision learn how to build real-time hand tracking apps for 3D design, games, etc.

AA

19,435 次观看 • 11 个月前

3D design using hand gestures voxels are laid onto a parametric surface, with controls for amplitude, frequency, and color palette created with grok 4, threejs, and mediapipe AI vision 🧵 live demo, code, and tutorial ↴

3D design using hand gestures voxels are laid onto a parametric surface, with controls for amplitude, frequency, and color palette created with grok 4, threejs, and mediapipe AI vision 🧵 live demo, code, and tutorial ↴

AA

69,950 次观看 • 10 个月前

it's a rainy friday afternoon, so I'm working on more Tony Stark lab technology 🦾 controlling a 3D globe with hand gestures, powered by Three.js, Cesium, MediaPipe computer vision, and my laptop webcam kindly leave a comment if you'd like a tutorial on building this (step-by-step with code and prompts). If there's interest I'll put that together next week :)

it's a rainy friday afternoon, so I'm working on more Tony Stark lab technology 🦾 controlling a 3D globe with hand gestures, powered by Three.js, Cesium, MediaPipe computer vision, and my laptop webcam kindly leave a comment if you'd like a tutorial on building this (step-by-step with code and prompts). If there's interest I'll put that together next week :)

AA

36,482 次观看 • 1 年前

hand-controlled arpeggiator, drum machine, and audio reactive visualizer 🪬 do you want the code for this? created with Three.js, Rosebud AI, mediapipe computer vision, tone.js

hand-controlled arpeggiator, drum machine, and audio reactive visualizer 🪬 do you want the code for this? created with Three.js, Rosebud AI, mediapipe computer vision, tone.js

AA

164,176 次观看 • 1 年前

Editing 3D shapes with hand gestures 👋♦️ Let me know if you want to try it / see the code. It's WIP and clunky but I can clean it up and publish Created with Three.js and mediapipe computer vision

Editing 3D shapes with hand gestures 👋♦️ Let me know if you want to try it / see the code. It's WIP and clunky but I can clean it up and publish Created with Three.js and mediapipe computer vision

AA

43,550 次观看 • 1 年前

I'm making a virtual drum machine who wants to make a band? 🤠 created with Three.js, Rosebud AI, mediapipe computer vision inspired by maxwell neely-cohen's 10k drum machines project 🔗 demo below if you want to try

I'm making a virtual drum machine who wants to make a band? 🤠 created with Three.js, Rosebud AI, mediapipe computer vision inspired by maxwell neely-cohen's 10k drum machines project 🔗 demo below if you want to try

AA

23,931 次观看 • 1 年前

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! A demo powered by all the modern CSS features🤩

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! A demo powered by all the modern CSS features🤩

CSS by T. Afif

1,200,935 次观看 • 4 个月前

totally blown away by Google Gemini 3 + three.js.. just generated a 3D product interactive app with zero coding.. use hand gesture to rotate, scale, control xyz and lighting of 3D model AI is taking over.. accept or not tutorial with prompts & code below:

Sensitive content

totally blown away by Google Gemini 3 + three.js.. just generated a 3D product interactive app with zero coding.. use hand gesture to rotate, scale, control xyz and lighting of 3D model AI is taking over.. accept or not tutorial with prompts & code below:

el.cine

415,782 次观看 • 5 个月前

I made a web game. It's called DVD Dodge 📀 Avoid the bouncing DVD logo and collect coins. You'll need to dodge, duck, dip, dive and dodge your way to success 🤸‍♀️ To play you just need a regular webcam a willingness to embarrass yourself in front of your neighbours Created using Three.js, Rosebud AI, and mediapipe computer vision for body pose tracking 🔗 game link below

AA

308,689 次观看 • 1 年前

I made a web game You protect kittens with eye lasers Made with Three.js, mediapipe AI vision, and endless inspiration from nolen 🔗 game link below

I made a web game You protect kittens with eye lasers Made with Three.js, mediapipe AI vision, and endless inspiration from nolen 🔗 game link below

AA

109,355 次观看 • 11 个月前

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

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 次观看 • 1 年前

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

35,464 次观看 • 6 个月前