Loading video...

Video Failed to Load

Go Home

bloom and bust a code sketch starting with the threejs flower shader made by Ksenia Kondrashova and adding a stem cutting animation + mediapipe hand gesture interaction

measure_plan's profile picture

AA

26,887 subscribers

25,329 views • 4 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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,319 views • 5 months ago

introducing: The Claw a webgame built with threejs, mediapipe computer vision, and gemini 3 how many alien friends can you save?
0:18

introducing: The Claw a webgame built with threejs, mediapipe computer vision, and gemini 3 how many alien friends can you save?

AA

64,456 views • 10 months ago

gemini 3: build a jarvis HUD interface for tony stark a quick experiment with mediapipe computer vision, threejs, and javascript
0:14

gemini 3: build a jarvis HUD interface for tony stark a quick experiment with mediapipe computer vision, threejs, and javascript

AA

218,952 views • 10 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
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 views • 8 months ago

Saw an amazing Cavalry animation by Antonin Waterkeyn and had to rebuild it as a live browser interaction. Built with Claude Code: React + three.js + leva. 🔗
0:15

Saw an amazing Cavalry animation by Antonin Waterkeyn and had to rebuild it as a live browser interaction. Built with Claude Code: React + three.js + leva. 🔗

Design.Gabor

19,754 views • 5 months ago

i made a game where you dodge, duck, dip, dive and dodge your way to help Santa deliver presents created with mediapipe computer vision, threejs, and Kimi.ai (an all open source stack !!) merry christmas and may your unhinged dreams come true ❆ ͙˚⋆
0:19

i made a game where you dodge, duck, dip, dive and dodge your way to help Santa deliver presents created with mediapipe computer vision, threejs, and Kimi.ai (an all open source stack !!) merry christmas and may your unhinged dreams come true ❆ ͙˚⋆

AA

50,458 views • 9 months ago

No AI. Moonfrost is made with Unity, Blender, Photoshop, and years of drawing, building, and adding tiny details by hand!💜
0:14

No AI. Moonfrost is made with Unity, Blender, Photoshop, and years of drawing, building, and adding tiny details by hand!💜

Moonfrost - Demo LIVE NOW on Steam!💜

16,816 views • 4 months ago

Continued my hand tracking experiment: this time for my son, who wanted to play with a T-Rex 🦖 Built the code and generated the 3D models in Omma AI Studio and #threeJS Everything in the browser
0:15

Continued my hand tracking experiment: this time for my son, who wanted to play with a T-Rex 🦖 Built the code and generated the 3D models in Omma AI Studio and #threeJS Everything in the browser

Joseph Azar

11,925 views • 3 months ago

Another minimal JS animation here! Interactive (and damn satisfying) cursor animation made with only 3kb of pure JS. Not sure how to use it yet – maybe as a base for some shader?.. Anyway, it's fun already :) Live demo & source code: Hosted on CodePen.IO
0:15

Another minimal JS animation here! Interactive (and damn satisfying) cursor animation made with only 3kb of pure JS. Not sure how to use it yet – maybe as a base for some shader?.. Anyway, it's fun already :) Live demo & source code: Hosted on CodePen.IO

Ksenia Kondrashova

52,889 views • 3 years ago

A quick recap of some of the interactive experiments I’ve built with Claude. They’re all built around one idea: making things feel alive through interaction and animation. ✦ Shader-powered swimming duck ✦ Summer-inspired animated little worlds ✦ Paper interactions & visual experiments ✦ Search words transformed into playful scenes ✦ Flower reveal animations keep following my curiosity and bringing those little silly ideas to life.
0:18

A quick recap of some of the interactive experiments I’ve built with Claude. They’re all built around one idea: making things feel alive through interaction and animation. ✦ Shader-powered swimming duck ✦ Summer-inspired animated little worlds ✦ Paper interactions & visual experiments ✦ Search words transformed into playful scenes ✦ Flower reveal animations keep following my curiosity and bringing those little silly ideas to life.

Yan Liu

39,135 views • 2 months ago

Imagine controlling your devices with a subtle hand or finger gesture. Our cutting-edge research turns intent and muscle signals into seamless computer control. This breakthrough wrist technology is redefining how we interact with computers—intuitive, precise, and ready for the future.
0:09

Imagine controlling your devices with a subtle hand or finger gesture. Our cutting-edge research turns intent and muscle signals into seamless computer control. This breakthrough wrist technology is redefining how we interact with computers—intuitive, precise, and ready for the future.

Meta

468,891 views • 1 year ago

Just published an interactive version of this animation where you can play with the initial/target layouts and colors. Check it out here: 🔗 made with #threejs and #animejs
0:15

Just published an interactive version of this animation where you can play with the initial/target layouts and colors. Check it out here: 🔗 made with #threejs and #animejs

Damar

41,145 views • 4 months ago

The witty back and forth Made in blender with Aerthas Veras ArcSystemWorks Shader Big thanks to LynnToast for the stage! #GuiltyGearStrive #SolBadguy #HappyChaos #animation
0:11

The witty back and forth Made in blender with Aerthas Veras ArcSystemWorks Shader Big thanks to LynnToast for the stage! #GuiltyGearStrive #SolBadguy #HappyChaos #animation

Epowga (Commissions Open 1/4)

98,175 views • 2 years ago

had some requests for the code and a better angle of the folding shader in action 🤙 - ⌃⌘L to toggle - re-anchors on stop - pin + blur tidied uses the macbook lid angle sensor, combined with screencapturekit and a metal shader repo w/ app →
0:10

had some requests for the code and a better angle of the folding shader in action 🤙 - ⌃⌘L to toggle - re-anchors on stop - pin + blur tidied uses the macbook lid angle sensor, combined with screencapturekit and a metal shader repo w/ app →

jhey ʕ•ᴥ•ʔ

44,189 views • 17 days ago

Made with Seedance 2.0 Prompt: A cozy Studio Ghibli-inspired cinematic cooking animation showing a delicious grilled chicken shawarma wrap and refreshing mint-lime soda being prepared step by step. Begin with slicing juicy shawarma meat on a vertical rotisserie, cutting fresh limes, adding ice, mint, and sparkling soda to a chilled glass, then assembling a warm tortilla with grilled chicken, lettuce, tomatoes, onions, purple cabbage, and creamy garlic sauce before rolling it into a perfect wrap. Finish with garnishing the drink with mint and lime, showcasing fizzy bubbles and the final plated meal on a rustic wooden counter in warm golden lighting, with highly detailed food, smooth camera movements, soft depth of field, and a magical hand-painted Ghibli aesthetic.
0:11

Made with Seedance 2.0 Prompt: A cozy Studio Ghibli-inspired cinematic cooking animation showing a delicious grilled chicken shawarma wrap and refreshing mint-lime soda being prepared step by step. Begin with slicing juicy shawarma meat on a vertical rotisserie, cutting fresh limes, adding ice, mint, and sparkling soda to a chilled glass, then assembling a warm tortilla with grilled chicken, lettuce, tomatoes, onions, purple cabbage, and creamy garlic sauce before rolling it into a perfect wrap. Finish with garnishing the drink with mint and lime, showcasing fizzy bubbles and the final plated meal on a rustic wooden counter in warm golden lighting, with highly detailed food, smooth camera movements, soft depth of field, and a magical hand-painted Ghibli aesthetic.

NoorAI

14,515 views • 1 month ago

One line of code is the difference between a working shader and breaking out of the Matrix. 😎
0:14

One line of code is the difference between a working shader and breaking out of the Matrix. 😎

Mirza Beig

83,955 views • 1 year 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)
0:15

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

48,020 views • 6 months ago