【A-Frame】boxを表示させる
2017年5月12日A-Frameを使ってboxを表示する。
A-Frameのscriptを入れる
githubから持ってきたりなど面倒なことしてもいいですが、単純に一行追加して、あとは表示させたいタグを入れる。
本当にそれだけ。
<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
codepen
See the Pen aframe box by ziyudom (@ziyudom) on CodePen.
box(立方体) sphere(球) cylinder(円柱) plane(地面) 表示
複数出すときもA-Frameの公式のブログ( https://aframe.io/docs/0.5.0/introduction/ )通りにコードを挿入すれば表示される。
結構驚く。
そのままbox、sphere、cylinder、planeのタグを書いて、場所(position)、向き(rotation)などなど指定してあげればいい。
しかも最初からVRモード(2眼)のボタンが表示されてたりするので、手軽に簡易的なVRをスマホで楽しむことも出来る。