1>下載firefox，開始firefox
2>安裝 Mozilla WebVR Plus
3>前往線上html 編輯器 Codepen，註冊成功，新增pen
4>在html頁籤，輸入afrmae code
<a-scene>
<a-sphere position="0 1.25 -1" radius="1.25" color="#EF2D5E"></a-sphere>
<a-cube position="-1 0.5 1" rotation="0 45 0" width="1" height="1" depth="1" color="#4CC3D9"></a-cube>
<a-cylinder position="1 0.75 1" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder>
<a-plane rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>
<a-sky color="#ECECEC"></a-sky>
</a-scene>
5>在 Settings，Stuff for <head> 貼上 AFRAME 之 javascript source
<script src="https://aframe.io/releases/0.2.0/aframe.min.js"></script>
6>可以立即看到畫面
7>修改屬性
- Try changing the color of the cube (e.g.,
color="#748B9C"for a rainy day blue). - Try changing the size of the sphere (e.g.,
radius="0.25"to make it a little baby sphere). - Try changing the position of the cylinder (e.g.,
position="1 1 1"to raise the roof)
沒有留言:
張貼留言