Force with Fingerpose and ThreeJS

23 Sept 2022

Use your hand to move boxes.

/images/uploads/screen-shot-2023-01-02-at-00.52.58.png

How to use it...

Once the page has loaded.

Hold your hand up in front of your camera , you should see it on the camera. Them, close your hand into a fist. The little emoji hand icon should turn to a fist, then you can move your hand up or down, left or right. The left box should show you your up down movements and the right box should show you the left right movements.

The Tech

This weekend experiment uses the following tech.

  • Vite for JS module bundling and hot reloading
  • Firebase for hosting
  • ThreeJS for the 3d modelling of the boxes
  • Fingerposer (https://github.com/andypotato/fingerpose) which is used for the gestures

This combination of tech comes together to create a half bakes experiment used for learning the tech involved.

23 Sept 2022

📯

✍️

💌

Just simple updates about my latest post.
No funny business (tracking, selling data).
I am not that productive,
so I wont be filling up your inbox ;)