WAWA STUDIO
WAWA STUDIO
Screen Shot 2019-09-10 at 9.05.35 PM.png

VIRTUAL REALITY


 

 

DIGITAL DEVICE: WEB VR

I studied about the future of the 3D web. WebVR, an experimental JavaScript API that provides access to Virtual Reality devices such as the Oculus Rift, HTC Vive, Samsung Gear VR and Google Cardboard, in my browser was being integrated into modern browsers as early as Q4 2016. I built VR experiences using a web browser. I understand and can use A­-Frame, rapid prototyping VR in the browser, and other tools and resources, demonstrations and prototype applications. I learned motivations, and technical components to building the Immersive Web.

 

CODEPEN PROJECT (2017)

See the Pen PARSONS A-FRAME by KevinLee (@kevinhb92) on CodePen.

 

 

 

HTML

<a-entity id="box" 
          geometry="primitive: box"
          material="color: red"> 
</a-entity>

<a-entity geometry="primitive: sphere;             radius: 2">
</a-entity>


<a-scene>

  <a-assets>
    <img id="boxTexture"
         src="https://ucarecdn.com/a0e61f7f-9248-4f9e-b53c-43276e9fae0f/">

    <img id="skyTexture"
         src="https://ucarecdn.com/5b9fedde-e3d4-4a02-a3e8-06bf8fae1847/">

    <img id="groundTexture"
         src="https://cdn.aframe.io/a-painter/images/floor.jpg">

  </a-assets>

  <a-box src="#boxTexture" position="0 2 -5" rotation="0 45 45" scale="2 2 2"></a-box>
  
  <a-sphere color="yellow" radius"5">
  </a-sphere>

  <a-sky src="#skyTexture"></a-sky>

  <a-plane src="#groundTexture" rotation="-90 0 0" width="30" height="30"></a-plane>

  
  
</a-scene>
 

CSS

body {
  background-color: #a3d5d3;
}
 

JAVASCRIPT

document.getElementsByTagName("h1")[0].style.fontSize = "80px";