Aframe pan

aframe-pan.markdown

Aframe pan

A Pen by LC43WebStudio on CodePen.

License.

index.html

  <a-scene>
    <a-assets>
        <a-mixin id="font" text="font: myfont"></a-mixin>
      </a-assets>
    <a-entity camera look-controls wasd-controls></a-entity>
    <a-sky radius="360" src="https://c1.staticflickr.com/1/467/30754156824_e61b3d7ea7_o.jpg">
    </a-sky>
      <a-box color="#6173F4" width="4" height="10" depth="2" position="-58 14.79 -29.7" rotation="0 -33.231552117587746 75.05747116213784" scale="3.83 0.5 19.41" material="color:#ffffff;flatShading:true;shader:flat;transparent:true;opacity:0.5" geometry="primitive:box;width:4;height:10;depth:2" visible=""></a-box>
<a-cylinder color="crimson" height="3" radius="1.5" material="color:crimson" geometry="primitive:cylinder;height:3;radius:1.5" position="-69.37 14.32 -12.14" rotation="-0.5729577951308232 -32.0856365273261 -17.76169164905552" scale="0.5 5 0.5" visible=""></a-cylinder>
<a-entity rotation="3.44 66.46 4.58" position="-19.11 7.55 -4.41" text="text:Éeé Temple;font:dawning of a new day;bevelEnabled:true;bevelSize:0.05;bevelThickness:0.05;curveSegments:12;size:1.82;height:0" material="color:#ffffff;metalness:0.08;roughness:0.96;sphericalEnvMap:#pink;visible:true;depthTest:true;shader:standard;width:518.52" scale="" visible=""></a-entity>
<a-entity rotation="1.15 56.15 -2.29" position="-23.77 5.58 -5.45" text="text:em 360º com A-frame;font:dawning of a new day;bevelEnabled:true;bevelSize:0.05;bevelThickness:0.05;curveSegments:12;size:0.94;height:0" material="color:#ffffff;metalness:0;roughness:0;sphericalEnvMap:#pink;visible:true;depthTest:true;shader:standard;width:512.12" scale="" visible=""></a-entity>
  
  </a-scene> 

scripts

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>