Sponsored Contents

avの最新記事

Image credit:
Save

Oculus対応のVRサイトをHTML感覚で作れるフレームワーク「A-Frame」をMozillaが公開

Munenori Taniguchi, @mu_taniguchi
2015年12月18日, 午後01:15 in Av
170シェア
0
170
0

連載

注目記事

世界初の完全分離骨伝導イヤホン「earsopen PEACE」でネクストレベルの「ながら聴き」を体感

世界初の完全分離骨伝導イヤホン「earsopen PEACE」でネクストレベルの「ながら聴き」を体感

View
AirPods Pro実機をソニーのWF-1000XM3と比較 ノイズキャンセリングの決定版は?(追記)

AirPods Pro実機をソニーのWF-1000XM3と比較 ノイズキャンセリングの決定版は?(追記)

矢崎 飛鳥, 10月29日
View

Mozillaが、VRウェブサイトを簡単に構築できるオープンソースフレームワーク「A-Frame」を公開しました。A-Frame を使えば、開発者がWebGLを詳しく知っていなくても基本的なキューブやその他の立体モデル、動画などの素材を用いてVRサイトを作れます。

Gallery: Mozilla A-Frame | 8 Photos

8

 
MozillaのVRチーム「MozVR」は2015年初頭、開発者版/Nightly build版 Firefox用にOculus Riftを利用可能とするアドオンを公開していました。しばらくの間MozVRはアドオンとして開発を続けましたが、これをウェブ開発者が広く使えるようコードを体系化し、フレームワークにしたのが現在の A-Frame となっています。

開発者がA-Frameを使うためにはまず、jQueryなどと同様、最初にブラウザーにaframe.jsを読み込ませます。そのあとは"a-"で始まる専用のタグを使ってマークアップしていくだけ。JavaScriptを使って少し複雑な処理、たとえばインタラクティブな処理や自動的に動作するしくみを加えることもできます。

MozVRはタグやコンポーネントの使い方などを詳細なドキュメントにまとめています。コーディングに慣れた開発者ならそれを参照しつつ、すぐにでも独自のVRサイトを開発し始められそうです。 MozVR はTumblrやRedditといったチャンネルを使ってA-Frameで構築した作品を共有可能にしたいとしています。

 
A-Frameのサイトにはすでに14種類のサンプルが置いてあります。PCブラウザーで表示した場合は、普通に3Dオブジェクトを表示するだけですが、Oculus Riftやスマートフォンで表示した場合はデバイスの動きに合わせて向きが変わるVRサイトとして表示できます。iPhoneの場合は画面右下にあるVRゴーグルのアイコンをタップすれば、左右二分割されたVR表示に切り替えられました。

A-Frame は、Oculus Rift DK2のほか、iPhone、PCブラウザーで機能します。またAndroidも近いうちにサポート予定です。Mozilla はスマートフォンで表示する場合はGoogle Cardboardなどの使用を推奨しています。



広告掲載についてのお問い合わせはad-sales@oath.com までお知らせください。各種データなどはこちらのメディアガイドをあわせてご覧ください。

170シェア
0
170
0

Sponsored Contents