News for hackers. Stuff that matters.

getToTheChopin

Re:Show HN: Turning Hand Movement into Music on Friday August 15, 2025 @11:01AM (#44913289)
Thank you! I spent a lot of time tuning the synth parameters in tonejs to try to get something I was happy with.

The scales are based on the Japanese "in" pentatonic scale (sometimes called the Sakura scale), which I find really pretty.

Show HN: Turning Hand Movement into Music

https://twitter.com/measure_plan/status/1956364113065455740

I'm experimenting with a musical instrument design, using hand rotation to change tempo and note cycles.Created with javascript, mediapipe computer vision, tonejs, threejs.This runs in real-time in the browser.Live demo here (requires webcam access): https://www.funwithcomputervision.com/radial/

( Read More... | 2 comments | 3 points | on HN )

Show HN: I made 3 cursed captchas

https://old.reddit.com/r/webdev/comments/1mlnfvn/i_made_3_cursed_captchas/

* level 1: show a banana* level 2: slice 20 fruits* level 3: play snake with your headbuilt with tensorflow, mediapipe computer vision, threejs, vanilla javascriptthis project will continue until I have found the most cursed captchaif you have ideas, please let me know :)

( Read More... | 1 comment | on HN )
here's the demo video on youtube as well: https://youtu.be/XBn5F72aIbg
thank you. I thought of this on a roadtrip and was very keen to start building it when I got home.

Show HN: Snacker News; a hands-free HN. The more you eat, the more you learn

https://twitter.com/measure_plan/status/1948435017559949764

I made a hands-free HN reader using speech and face recognitionSpeak to navigate the feed; eat doritos to scroll an articleLive demo (please use Desktop Chrome): https://funwithcomputervision.com/snacker-news/This works in real-time in the browser using a regular laptop webcamAll speech / face recognition is done locally (none of your data is stored)Tech stack: HN API, mediapipe face landmarks,...

( Read More... | 3 comments | 3 points | on HN )

Show HN: Planking for penguins, a real-time exercise tracking game

https://twitter.com/measure_plan/status/1944127683241078937

This uses mediapipe AI vision to detect when the player has proper plank form (knees-hips-shoulders in a horizontal line, elbows low)Also using threejs for visuals and tonejs for audioIt runs in real-time in the browser, using a regular laptop + webcamLive demo: https://www.funwithcomputervision.com/chinup/You can track chin-ups, push-ups, or planks. I will continue to add more exercises into...

( Read More... | no comments | on HN )

Show HN: I made a game which forces me to workout (do a chin-up, save a cat)

https://old.reddit.com/r/webdev/comments/1lxwx73/do_a_chinup_save_a_cat_im_building_a_workout_game/

I'm creating a fitness game on the web, where you do exercises to save petsHere's a live demo (camera access required): https://www.funwithcomputervision.com/chinup/I've added push-up mode as well, and you can choose whether you want to rescue cats or dogs :)Tech stack: mediapipe computer vision (body pose tracking model), threejs, tonejsI'm actively working on this, so please let me know your...

( Read More... | no comments | 2 points | on HN )

Show HN: Do a chin-up, save a cat (mediapipe and threejs real-time browser game)

https://old.reddit.com/r/creativecoding/comments/1lvfra7/do_a_chinup_save_a_cat_mediapipe_threejs_realtime/

I made a game that forces me to work outDo a chin-up, save a cat!Created with mediapipe AI vision (for body tracking) and threejs (for visuals and animations)It runs in real-time in the browserAs next steps I want to:* improve layout on mobile* add a global scoreboard* allow people to upload their own cat pictures to use in the game for extra motivation :)please let me know of any feedback or...

( Read More... | 1 comment | 2 points | on HN )

Show HN: The floor is lava, a body movement + computer vision game

https://twitter.com/measure_plan/status/1937149543751049453

I made a body movement game. You jump around your living room to dodge lava.Created with threejs and mediapipe computer vision.You can play the game here, it runs on the web without any installs or downloads: https://www.funwithcomputervision.com/demo7/

( Read More... | no comments | 3 points | on HN )
Re:Designing a shader using voice and hand gestures on Wednesday June 18, 2025 @08:51PM (#44314514)
This is a computer vision experiment, using voice + hand gestures to control a shader animation.

This uses a liquid Chladni pattern, with controls for color and wave frequency / amplitude.

Created using threejs, mediapipe computer vision, and web speech API.

Show HN: Hand-controlled arpeggiator, drum machine, and audio reactive visuals

https://twitter.com/measure_plan/status/1933544128287228123

This is a demo video showing a hand-controlled arpeggiator, drum machine, and audio reactive visualizerRuns in real-time on the web, using a laptop webcamCreated with threejs, rosebud AI, mediapipe computer vision, and tone.jsWork in progress live demo: https://rosebud.ai/p/f8f8cd80-1f68-466a-9da2-09cc0c354f45Next I want to add new synth sounds and find an easy gesture to change the drum...

( Read More... | 1 comment | on HN )

Show HN: I'm making a virtual drum machine using webcam / hand gesture controls

https://twitter.com/measure_plan/status/1931699154494906746

Created using threejs, mediapipe computer vision, and rosebud AI.Runs in real-time in the browser.Live demo: https://rosebud.ai/p/3683087f-5fed-4e2c-9db2-d31831a5cf46I'm planning to add more sound samples, tempo / bpm control, and other quality of life improvements.Any feedback would be appreciated!

( Read More... | no comments | on HN )
Thank you for the feedback. I'll continue to work on it!
I'll try it, thank you! I separated them into completely different interaction modes to avoid misfires, but there's definitely room for efficiencies
It's a shame that computer vision tech like Leap / Eyetoy / Kinect didn't have lasting power. So much fun to build with
I made a demo game where you need to dodge the evil bouncing DVD logo by moving your body: https://x.com/measure_plan/status/1924830500541157570

I'm working on a couple other body movement concepts and hope to share soon :)

Good points, maybe a second camera (phone?) pointed downwards at the tabletop would be good for that. Then the user can rest their hands in a "normal" position.

Thank you for the feedback!

yes I'd love to go further with this concept so that 3D / CAD designers could easily present their models during video calls.

thank you!

Sorry about that, the instructions need to be improved.

Does this video demo help?

https://x.com/measure_plan/status/1929900748235550912

If it makes it clearer, I'll upload it to the github repo directly

Here's a quick video demo showing how it works: https://x.com/measure_plan/status/1929900748235550912

Show HN: Controlling 3D models with voice and hand gestures

https://github.com/collidingScopes/3d-model-playground

I'm sharing my project to control 3D models with voice commands and hand gestures:- 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 for now)Created using threejs, mediapipe, web speech API, rosebud AI, and Quaternius 3D modelsGithhub repo:...

( Read More... | 22 comments | 22 points | on HN )

Show HN: Using hand gestures and voice to control 3D models

https://twitter.com/measure_plan/status/1929557612191768623

I'm working on a hobby project to control 3D models with hand gestures and voice commands.It runs in real-time in the browser. Built with threejs, mediapipe computer vision, and web speech API.As of now you can move / rotate / scale / animate the 3D model. You can also import new 3D models into the program.I'm continuing to work on it and may open source it as well.If you have any suggestions...

( Read More... | no comments | on HN )
I'm working on it now! thank you
3D model control (move, rotate, scale, animate) using hand gestures and voice commands, running in real-time in the browser

Created with threejs, mediapipe computer vision, and web speech API

3D model from Quaternius

Here's the live demo if you want to try: https://rosebud.ai/p/93986db5-4d99-437f-9e8b-c8d742e131da

Any feedback would be appreciated!

Created using threejs, mediapipe computer vision, web speech API, and Vasco Asturiano's 3D-force-graph library

Older »