Wrist watch interactive

Hello everyone.

           This is my first post here.check out my latest work and need all your feed backs in make it better,

Thanks in advance,
w
Here is the link
http://justlogix.com/titan/index.html

Arun

2 Likes

This crashed the browser on my phone:

Screenshot_20180914-105945

Chrome, Android, Moto G6

1 Like

@looeee ,Sorry for that,not yet done for mobile browser,view in desktop for better result.

This three.js wrist watch project might help, using TensorFlow library to track hand and elbow keypoints, the 3d keypoints are directly translated into three.js xyz coordinates to move, scale and rotate 3d assets (wrist watch).

447194438-d88bfd71-0753-448e-9467-649643992106

Issues: when the wrist is too close to the camera: the quaternion solution keep spinning the wrist watch, is there a way to prevent unwanted rotation because of TensorFlow error key points, like buffering or prediction functions like lerp when the keypoints suddenly teleport or not valid, has anyone have the same issues and solutions?

GitHub

Tracking Range Control:

  • safe zone: calibrate central radius
  • source contrast: apply input threshold
  • pose estimation: require thumb or hand
  • moments: skin tone, skin area
  • damping: ramp precision to distance
  • error handling: hide watch on lost marker

Many overlay a safe target region, to correct lens distortion. This could even be the watch face for users’ reference. Other solutions may be difficult, unreliable or incompatible with device/environment.

1 Like