Loading video...

Video Failed to Load

Go Home

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

XRarchitect's profile picture

Ian Curtis

23,886 subscribers

78,431 views • 1 year ago •via X (Twitter)

ArtsHealth & WellnessScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

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

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

⭐️3D Model Live Tracking Showcase ⭐️ Live Demo of the 3D model i created using Blender!!
0:16

⭐️3D Model Live Tracking Showcase ⭐️ Live Demo of the 3D model i created using Blender!!

Mari | 3D Modeler

69,707 views • 1 year ago

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,426 views • 10 months 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
0:15

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

1-day countdown… was inspired to build this Three.js + MediaPipe prototype late last night (using Bolt) to get in the vibe for tomorrow’s kickoff. Pumped to meet so many builders, creators, and artists in person! Try it out here:
0:18

1-day countdown… was inspired to build this Three.js + MediaPipe prototype late last night (using Bolt) to get in the vibe for tomorrow’s kickoff. Pumped to meet so many builders, creators, and artists in person! Try it out here:

I▲N CURTIS

10,533 views • 1 year ago

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

Hand tracking demo I built with using media pipe and liquid fun web library 👆 Try it out yourself:
0:16

Hand tracking demo I built with using media pipe and liquid fun web library 👆 Try it out yourself:

I▲N CURTIS

26,360 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,335 views • 22 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,023 views • 1 month ago

Check out a new ControlNet face model on the hub by Joseph Catrambone & Chris Vigorito, trained on the LAION-Face dataset it works with multiple faces. I've updated the live conditioning @gradio component, try the official demo here
0:19

Check out a new ControlNet face model on the hub by Joseph Catrambone & Chris Vigorito, trained on the LAION-Face dataset it works with multiple faces. I've updated the live conditioning @gradio component, try the official demo here

Radamés Ajna

90,101 views • 3 years ago

I vibe coded an interactive particle playground with opus 4.5 You can literally control particles using your hands 🤯 (three.js + mediapipe) Try it yourself
0:15

I vibe coded an interactive particle playground with opus 4.5 You can literally control particles using your hands 🤯 (three.js + mediapipe) Try it yourself

Avery

546,335 views • 5 months ago

This is built using Gradio 6's super easy new HTML component! You can play with the demo here:
0:12

This is built using Gradio 6's super easy new HTML component! You can play with the demo here:

Gradio

15,512 views • 4 months 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
0:15

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

New ML gem on the hub: LDM3D by Intel. This diffusion model generates image & depth from text prompts. Using a custom @gradio 6dof three.js component you can generate immersive 360-degree views from prompts demo: model:
0:13

New ML gem on the hub: LDM3D by Intel. This diffusion model generates image & depth from text prompts. Using a custom @gradio 6dof three.js component you can generate immersive 360-degree views from prompts demo: model:

Radamés Ajna

56,696 views • 2 years ago

Made this fal-powered Roblox Studio plugin over the weekend, text/image to 3D using the new amazing Tripo P1 model! 🎮
0:15

Made this fal-powered Roblox Studio plugin over the weekend, text/image to 3D using the new amazing Tripo P1 model! 🎮

Blendi

19,534 views • 1 month ago

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

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

Emm | scenario.com

191,625 views • 1 year ago

Usain Bolt was living every second! 😅 Oblique Seville powered to Jamaica's first men's World Championship 100m gold since Bolt's 2015 win 🇯🇲🥇
0:16

Usain Bolt was living every second! 😅 Oblique Seville powered to Jamaica's first men's World Championship 100m gold since Bolt's 2015 win 🇯🇲🥇

BBC Sport

126,503 views • 8 months ago

3D Landing Page Template (Source Code - Free)! built with - Next.js - Tailwind CSS - Three.js - GSAP A lightweight, visually impactful 3D Demo + Source Code (Free) : 1st comment 👇
0:12

3D Landing Page Template (Source Code - Free)! built with - Next.js - Tailwind CSS - Three.js - GSAP A lightweight, visually impactful 3D Demo + Source Code (Free) : 1st comment 👇

Mohamed Djoudir

48,342 views • 5 months ago

Here you can see how my client's 3D model face looks like inside Blender, and then the final rendered version inside Unity. Note that the hair shadow is a mesh (hidden in blender) rendered by stencils, similar to how the eyes are seen through the hair! ✏️📔
0:14

Here you can see how my client's 3D model face looks like inside Blender, and then the final rendered version inside Unity. Note that the hair shadow is a mesh (hidden in blender) rendered by stencils, similar to how the eyes are seen through the hair! ✏️📔

Nekochi 3D (bragok)

42,345 views • 9 months ago