[Web AR/VR Tutorial] javascriptのライブラリ A-Frame を使って、ブラウザに3DのBoxを表示する

今日は、簡単WebでVR/AR。

今回使用するLibraryはこれ「A-Frame」です。サイトには、こんな感じの説明がありました。

Make WebVR with HTML and Entity-Component Works on Vive, Rift, Daydream, GearVR, desktop

Entity-Componentっていうのなんですかね？まだ、わかっていないのですが、サイトの「Get Started」ボタン押した先にあった Hello World的なサンプルをCODEPENで試してみました。

<a-xxx> というタグを使って、３Dのオブジェクトを配置していけるようですね。

• <a-scene> ：　キャンバス的なやつ
  • <a-box>　：　箱
  • <a-plane>　：　床
  • <a-sky>　：　背景？

See the Pen Hello A-Frame by Yusuke Mizushima (@mzsima) on CodePen.