WebXR Hand Interaction Samples

[schezfaz]

This PR contains the progress made as part of the Summer 2021 MLH Fellowship.

Changes:

• Revised documentation:

  • Created a README.md containing an overview, navigation to other repositories and a list of contributors across the Spring 2021 and Summer 2021 MLH Fellowship cohorts
  • Getting Started Documention
    • Getting started (loal repository set-up, snowpack and SSL config)
    • Setting up the Oculus Developer Environment

• Revised UI for the landing page: Refactored the UI using bootstrap to categorise the video layer samples and the hand-interaction samples

• Refactored directory structure within the /apps folder and otherwise, to keep a clean navigation route

• Hand-Interaction Samples:

  • Simple Hands in VR: a simple scene with the hand models integrated into the scene
  • Draw in space: 'Pinch' gesture detection to draw in 3D space
  • Touch Sphere to change colours: Demonstrating the various joints that make up the hand skeletal structure and how to use the finger tips to interact with the 3D environment (in order to change the colour of the spheres)
  • Grab Sphere: Use the pinch gesture to pick and drop three.js objects
  • Draw and Erase in 3D: Use the pinch gesture to draw in 3D and the finger tips of the other hand to erase/remove objects from the 3D space
  • Resizing objects with hands: Use the double-pinch gesture to hold a sphere by either side and scale up or down the size of the sphere
  • Thanos: 'Snap' gesture used to delete half the objects present in the scene
  • Spider-man: Detect the spider man gesture and eject a 'web' comprised of a stream of spheres into the environment in the same direction as the hands based on their spatial position

[schezfaz]

PTAL 😄 @und3fined-v01d @zhixiangteoh

[zhixiangteoh]

PTAL 😄 @und3fined-v01d @zhixiangteoh

Will do! Thanks @schezfaz @awanshrestha

[schezfaz]

@zhixiangteoh @und3fined-v01d PTAL!

[schezfaz]

@zhixiangteoh @und3fined-v01d did you get a chance to go through the changes as per this PR?

[zhixiangteoh]

@zhixiangteoh @und3fined-v01d did you get a chance to go through the changes as per this PR?

I think it should be okay, as long as all the new samples run as expected in Oculus browser. One small thing: there's a typo in folder name docs/assests -> docs/assets.

[zhixiangteoh]

Great work. I'd say just fix the small typo in the docs/assets folder name

[schezfaz]

@zhixiangteoh Apologies, I completely missed this! I shall fix the typos and then hopefully the PR will be ready to merge!