【A-Frame】boxを表示させる

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をスマホで楽しむことも出来る。

codepen

See the Pen JNLVay by ziyudom (@ziyudom) on CodePen.

  • このエントリーをはてなブックマークに追加