今日は、簡単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> というタグを使って、3Dのオブジェクトを配置していけるようですね。

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

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