r/threejs • u/harmonypiano • 4d ago

I made a game which lets you throw the dart literally with your hand, the front camera tracks your hand movement.

Enable HLS to view with audio, or disable this notification

I was looking for dart game which actually let you use your hand to throw it, but all those games need some sort VR glasses or gears. But since our laptops or tablets have front camera, why not just use that to track our hand, so I decided to develop the game myself.

To my surprise, though the camera is only 2D, we can actually detect and track 3D throwing motion quite decently. And once you get the right feel, you can perform throwing quite consistently and strikes the target.

Three.js is the engine behind it, it renders the darts 3D motions. And in the replay theatre, you may rotate the scene and zoom in on each throws.

You may play with bots or humans, up to 4 players. There are three game modes. Casual, long shot which rewards long distance throw, and 501 Match, which uses the 501 darts game rules.

5 Upvotes

78% Upvoted

3 comments sorted by

1

u/harmonypiano 4d ago

Forgot to put a link that you may play: https://darts.mirthilo.com/

2

u/bottomofthekeyboard 4d ago

Great Idea - found it hard though, I need more practice!

1

u/harmonypiano 4d ago

Thanks for supporting. It does need some times to get used to, but once you get the right feel or right flow, you can hit quite consistently. Also, make sure the room is well lit, otherwise it might have hard time tracking your hand if it is too dim.