Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

23,634 subscribers

19,426 views • 10 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

11 Comments

AA10 months ago

I'm publishing code and tutorials for my computer vision projects 11 projects published so far

Premium11 months ago

Go ad-free on X with Premium+ It's the highest return on investment you can make.

krishna chaitanya10 months ago

@threejs You are definitely going to build the ui for Jarvis

AA10 months ago

@threejs it is my destiny

daniel petho10 months ago

@threejs man the graph one looks extremely cool

AA10 months ago

@threejs will work on it and publish next week thanks Daniel

Sarlloc ✭10 months ago

@threejs 3D graph data-viz please!

AA10 months ago

@threejs I’m on it

ross10 months ago

@threejs Do you have this in a version where the hand is a mouse cursor and can move it around the desktop UI?

AA10 months ago

@threejs I haven’t built that yet, but maybe I’ll try soon :)

Eriiiiiiiick10 months ago

@threejs graph data

Related Videos

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

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

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 for 3D generation and code using Three.js Lmk if you’d like to try it!

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 for 3D generation and code using Three.js Lmk if you’d like to try it!

Gábor Pribék

202,572 views • 25 days 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.

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,278 views • 19 days ago

You can now vibe code 3D websites and mobile apps with this AI. It lets you build fully functional apps, hit games, and even interactive sites. 5 powerful examples + how to try 👇: 1. Robotic interactive website

You can now vibe code 3D websites and mobile apps with this AI. It lets you build fully functional apps, hit games, and even interactive sites. 5 powerful examples + how to try 👇: 1. Robotic interactive website

Alvaro Cintas

69,972 views • 10 months ago

5 cool sites for web developers. - Convert files to any format + API - Full-stack web hosting for JavaScript, Python, PHP, Go.. - Open source Real-time Vision AI agents - Design, animate to code - 3D game for cloud architects

5 cool sites for web developers. - Convert files to any format + API - Full-stack web hosting for JavaScript, Python, PHP, Go.. - Open source Real-time Vision AI agents - Design, animate to code - 3D game for cloud architects

Csaba Kissi

82,087 views • 5 months ago

grab a pen character design using Freepik Spaces and Nano Banana Pro workflow: > draw on paper > apply your 3D style > build the 3D character > animate it with Kling 2.6

grab a pen character design using Freepik Spaces and Nano Banana Pro workflow: > draw on paper > apply your 3D style > build the 3D character > animate it with Kling 2.6

INK

190,089 views • 6 months ago

Sketch-to-Three.js ☺️ 2D Sketch > Claude 3.7 > 3D model ✅

Sketch-to-Three.js ☺️ 2D Sketch > Claude 3.7 > 3D model ✅

Emm | scenario.com

191,625 views • 1 year ago

Feeling like Iron Man with my ASCII duck. Hand interaction made with Rosebud AI, Three.js and MediaPipe.

Feeling like Iron Man with my ASCII duck. Hand interaction made with Rosebud AI, Three.js and MediaPipe.

Leon

43,651 views • 10 months ago

How I built with Claude 👇 Prompt: "Design an agency site where services are presented as supermarket product packaging in 3D" Use Three.js with WebGL to render all products in real time in the browser Use Blender to model the packaging then export as GLTF to load in Three.js Use GSAP for the smooth product rotation and hover interactions Save this if you want a portfolio that makes clients feel they are buying something premium 🛒

How I built with Claude 👇 Prompt: "Design an agency site where services are presented as supermarket product packaging in 3D" Use Three.js with WebGL to render all products in real time in the browser Use Blender to model the packaging then export as GLTF to load in Three.js Use GSAP for the smooth product rotation and hover interactions Save this if you want a portfolio that makes clients feel they are buying something premium 🛒

FHILY👑

75,177 views • 20 days ago

Testing off-axis projection demo. Basic scene layout in Blender glb -> detailed splat via World Labs Three.js for engine MediaPipe for face tracking Next step is to add a character you can move around in the environment

Testing off-axis projection demo. Basic scene layout in Blender glb -> detailed splat via World Labs Three.js for engine MediaPipe for face tracking Next step is to add a character you can move around in the environment

Ian Curtis

428,700 views • 2 months ago

introducing: fruit xylophone a computer vision music experiment built with mediapipe hand tracking and roboflow RF-DETR object detection (running in realtime in the browser using transformers js)

introducing: fruit xylophone a computer vision music experiment built with mediapipe hand tracking and roboflow RF-DETR object detection (running in realtime in the browser using transformers js)

AA

44,537 views • 2 months 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

"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

3D-printed robotic hand which mirrors gestures real-time via sensors.

3D-printed robotic hand which mirrors gestures real-time via sensors.

Science girl

60,123 views • 3 months ago

Alchemist AI 3.5 is here 🪄 Try it out now ▶️ ⚙️ Entirely rebuilt with a proprietary multi-agent engine ⚡️ Faster, smarter generations with real-time logic 🧠 16+ LLMs running in parallel across 8 orchestration layers 🎮 Build 3D games & apps live as you go Experience our flagship evolution and stay tuned for what's next!

Alchemist AI 3.5 is here 🪄 Try it out now ▶️ ⚙️ Entirely rebuilt with a proprietary multi-agent engine ⚡️ Faster, smarter generations with real-time logic 🧠 16+ LLMs running in parallel across 8 orchestration layers 🎮 Build 3D games & apps live as you go Experience our flagship evolution and stay tuned for what's next!

ALCHEMIST AI 🔮

102,868 views • 1 year ago

I took that 3D pirate character and made a point and click adventure game! > walkable nav mesh > item hotspots > animated backgrounds (ai generated) > debug level editor It's a proof of concept - but I really happy with how it's turning out. GPT 5.2 High + Codex 5.3 High

I took that 3D pirate character and made a point and click adventure game! > walkable nav mesh > item hotspots > animated backgrounds (ai generated) > debug level editor It's a proof of concept - but I really happy with how it's turning out. GPT 5.2 High + Codex 5.3 High

Chong-U

54,529 views • 3 months ago

interior designers are cooked AI now can design your home, generate a 3D world with real dimensions.. and let you walk inside it here's how to do on OpenArt:

interior designers are cooked AI now can design your home, generate a 3D world with real dimensions.. and let you walk inside it here's how to do on OpenArt:

el.cine

774,297 views • 2 months ago

Learn how we built our interactive 3D badge for Vercel Ship with React Three Fiber.

Learn how we built our interactive 3D badge for Vercel Ship with React Three Fiber.

Vercel

274,679 views • 2 years ago

improving my 3D hand tracking template by adding depth-anything-v2 using mediapipe for X/Y movement and depth-anything for Z movement here i'm controlling a threejs scene in realtime with input from a single webcam

improving my 3D hand tracking template by adding depth-anything-v2 using mediapipe for X/Y movement and depth-anything for Z movement here i'm controlling a threejs scene in realtime with input from a single webcam

AA

28,068 views • 1 month ago

Created an off-axis projection demo using mediapipe for face tracking, threejs and a 3D scanned shoe. Try it out yourself…

Created an off-axis projection demo using mediapipe for face tracking, threejs and a 3D scanned shoe. Try it out yourself…

Ian Curtis

263,719 views • 5 months ago

Today I built this real-time 3D scanner in Unreal to show how smart cars understand their surroundings.

Today I built this real-time 3D scanner in Unreal to show how smart cars understand their surroundings.

Jesse Pitela

47,893 views • 3 months ago