2016年11月4日(金)

WebVRフレームワーク「A-Frame」で3Dコンテンツを作成してみよう

• 0
• 0
• 0
• 0

2016年は、VR(バーチャルリアリティ)元年と言われています。 このブログでも、様々なVRコンテンツやVRがどれだけ注目を集めているのかという情報について、紹介をしてきました。

ただ、VRというと、GoogleのCardboardのようなVRビューワーを使って見るもの、というイメージが強いかと思いますが、特別なビューワーなどのデバイスを使わなくとも、ブラウザ上でVRの体験をすることができます。
その表現技術を「WebVR」といいます。

ブラウザ上でVRを再現するという考え方ですから、当然私たちWebクリエイターが慣れ親しんだHTMLとJavaScriptだけで作ることができます。

WebVRフレームワーク「A-Frame」とは

Webブラウザ上で3Dの表現をするための標準仕様に、「WebGL」があります。 WebGLは、HTML5から登場したcanvas要素を元に、JavaScriptとOpenGLと呼ばれるAPIの技術を使っています。
そんなWebGLの表現を使って、優れた3Dコンテンツがたくさん登場しました。 過去のブログ記事でもWebGLを使ったサイトの紹介をしています。

WebGLの紹介ブログ記事