Ron Dagdag
Published © LGPL

Windows Mixed Reality Headset, WebVR and LeapMotion

Using leap motion, mixed reality headset and Edge browser, you can see your hands in Virtual Reality.

EasyFull instructions provided1 hour1,060
Windows Mixed Reality Headset, WebVR and LeapMotion

Things used in this project

Hardware components

Microsoft Mixed Reality
×1
Leap Motion Controller
Leap Motion Controller
×1

Software apps and online services

Microsoft Edge Browser
Glitch.com
aframe.io

Story

Read more

Code

Hands in VR

HTML
<!DOCTYPE html> 
<html> 
 <head> 
   <title>Hello, WebVR! - A-Frame</title> 
   <meta name="description" content="Hello, WebVR! - A-Frame"> 
   <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script> 
   <script src="//unpkg.com/aframe-leap-hands/dist/aframe-leap-hands.min.js"></script> 
 </head> 
 <body> 
   <a-scene> 
     <a-box position="-1 0.5 -4" rotation="0 45 0" color="#4CC3D9"></a-box> 
     <a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere> 
     <a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder> 
     <a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane> 
     <a-sky color="#ECECEC"></a-sky> 
     <a-entity camera="near: 0.01" look-controls position="0 1.5 0"> 
       <a-entity leap-hand="hand: left"></a-entity> 
       <a-entity leap-hand="hand: right"></a-entity> 
       </a-entity> 
   </a-scene> 
 </body> 
</html> 

Credits

Ron Dagdag

Ron Dagdag

12 projects • 265 followers
Microsoft MVP / Lead Software Engineer / Augmented Reality. Developer Passionate to learn about Robotics, VR, AR, ML, IOT
Contact

Comments

Add projectSign up / Login