Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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!

measure_plan's profile picture

AA

25,521 subscribers

221,612 Aufrufe โ€ข vor 1 Jahr โ€ขvia X (Twitter)

KunstGamingWissenschaft & Technologie
LIVE

Anya Rossiโ€ข Live Now

Private livecam show

11 Kommentare

Profilbild von AA
AAvor 1 Jahr

Demo: Code:

Profilbild von AA
AAvor 1 Jahr

if any companies want to add hand gesture controls or augmented reality features into your products, just reach out and let's discuss I can quickly create demos or prototypes for you! My goal is to bring the Iron Man UI into the mainstream ๐Ÿฆพ

Profilbild von CodeRabbit
CodeRabbitvor 1 Jahr

AI-first pull request reviewer with context-aware feedback, line-by-line code suggestions, and real-time chat.

Profilbild von renderfiction
renderfictionvor 1 Jahr

@threejs I can't tell from the video but it seems like this randomly chooses 3D shapes, which is cool but maybe you could upgrade this to use voice: "Jarvis, sphere!" --> then proceed with the hand gestures.

Profilbild von AA
AAvor 1 Jahr

@threejs i love that idea!! I'll try it

Profilbild von Larsen Cundric
Larsen Cundricvor 1 Jahr

@threejs People build crazy stuff lately

Profilbild von AA
AAvor 1 Jahr

@threejs everything accelerates when we build cool things and share the knowledge ๐Ÿฆพ(e/acc @BasedBeffJezos)

Profilbild von ๐Ÿ”ฅ CB ๐Ÿ”ฅ
๐Ÿ”ฅ CB ๐Ÿ”ฅvor 1 Jahr

@threejs Awesome. Thank you.

Profilbild von AA
AAvor 1 Jahr

@threejs let me know of any ideas for future demos / tutorials. thank you CB ๐Ÿ™‡โ€โ™‚๏ธ

Profilbild von andwhynut
andwhynutvor 1 Jahr

@threejs very crazy! Amazing AA! โœจ๏ธ๐Ÿซถ๐Ÿ’ฏ

Profilbild von AA
AAvor 1 Jahr

@threejs thank you Andy โค๏ธโ€๐Ÿ”ฅ๐Ÿฆพ

ร„hnliche Videos

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!
1:12

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 Aufrufe โ€ข vor 1 Jahr

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
1:02

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 Aufrufe โ€ข vor 1 Jahr

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?
1:02

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 Aufrufe โ€ข vor 1 Jahr

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 comment if you'd like a tutorial for this ๐Ÿ”— demo link below
0:39

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 comment if you'd like a tutorial for this ๐Ÿ”— demo link below

AA

31,936 Aufrufe โ€ข vor 1 Jahr

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
0:52

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 Aufrufe โ€ข vor 1 Jahr

adding computer vision to the marble aquarium hand gesture control for brightness, animation speed, rotation an audioreactive webapp built with threejs, tonejs, mediapipe code and live demo โ†“
0:28

adding computer vision to the marble aquarium hand gesture control for brightness, animation speed, rotation an audioreactive webapp built with threejs, tonejs, mediapipe code and live demo โ†“

AA

45,607 Aufrufe โ€ข vor 8 Monaten

I'm sharing a tutorial on creating interactive 3D experiences, combining Three.js and MediaPipe hand tracking ๐Ÿ‘‹๐Ÿ’  In this ๐Ÿงต: - a step-by-step guide including the 4 prompts I used to build this demo - the open source code - Other thoughts about vibe coding
0:31

I'm sharing a tutorial on creating interactive 3D experiences, combining Three.js and MediaPipe hand tracking ๐Ÿ‘‹๐Ÿ’  In this ๐Ÿงต: - a step-by-step guide including the 4 prompts I used to build this demo - the open source code - Other thoughts about vibe coding

AA

151,255 Aufrufe โ€ข vor 1 Jahr

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
0:59

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 Aufrufe โ€ข vor 1 Jahr

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 โ†ด
0:32

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 Aufrufe โ€ข vor 10 Monaten

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 โ†ด
1:00

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 Aufrufe โ€ข vor 11 Monaten

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 :)
0:50

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 Aufrufe โ€ข vor 1 Jahr

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,790 Aufrufe โ€ข vor 1 Jahr

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.
0:12

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 Aufrufe โ€ข vor 11 Monaten

i made a drum machine that turns hand gestures into drum loops and helps me create backing tracks while i'm playing piano it runs in the browser using my webcam; no special software or hardware created with Three.js, mediapipe computer vision, Kimi.ai k2.5 code, and some free drum samples
0:44

i made a drum machine that turns hand gestures into drum loops and helps me create backing tracks while i'm playing piano it runs in the browser using my webcam; no special software or hardware created with Three.js, mediapipe computer vision, Kimi.ai k2.5 code, and some free drum samples

AA

18,605 Aufrufe โ€ข vor 4 Monaten

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
0:32

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 Aufrufe โ€ข vor 1 Jahr

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
1:00

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 Aufrufe โ€ข vor 1 Jahr

forcing myself to workout with mediapipe computer vision, threejs, and gemini 3 code and live demo available if you want to join my pain
0:37

forcing myself to workout with mediapipe computer vision, threejs, and gemini 3 code and live demo available if you want to join my pain

AA

304,250 Aufrufe โ€ข vor 5 Monaten

Coded with Grok 4 โ€“ morphing 3D wireframe geometries with responsive click/tap-to-pulse animations, built with Three.js. Demo/code in reply. ๐Ÿ‘‡
0:26

Coded with Grok 4 โ€“ morphing 3D wireframe geometries with responsive click/tap-to-pulse animations, built with Three.js. Demo/code in reply. ๐Ÿ‘‡

Techartist

1,007,164 Aufrufe โ€ข vor 10 Monaten