Virtual Reality

Start Learning Virtual Reality!

1) Here is a VR Template, copy and paste the code below to get started!



<html>
<head>
    <script src="https://aframe.io/releases/0.9.0/aframe.min.js"></script>
    <script src="https://codechangers.com/lessons/vr/creator.js"></script>
    <script src="https://unpkg.com/aframe-environment-component@1.1.0/dist/aframe-environment-component.min.js"></script>
    <script src="https://www.codechangers.com/physics.js"></script>
</head>
<body>
    <a-scene id="myScene">
    <a-camera fuse="true" pointer-lock-enabled="true" position="0 1 0" id="myCamera">
        <a-cursor intersection-spawn="event: click; mixin: voxel"></a-cursor>
    </a-camera>
    <a-assets>
        <a-mixin id="voxel"
                geometry="primitive: box; height: 0.5; width: 0.5; depth: 0.5"
                material="shader: standard"
                random-color
                snap="offset: 0.25 0.25 0.25; snap: 0.5 0.5 0.5">
        </a-mixin>
    </a-assets>
    <a-entity mixin="voxel" position="0 0 -2"></a-entity>
    <a-entity static-body environment="preset:egypt;"></a-entity>





    </a-scene>
    <script src="https://www.codechangers.com/vr.js"></script>
</body>
</html>

2) Create your world! The menu on the left to add shapes, colors, textures and more to your VR world.