Blog

A-Frame で簡単にVRを実装する

これまで、VRをWebサイトで作るのはハードルが高い印象がありましたが、

A-Frame というライブラリを使うと、場合によってはJavaScriptが書けなくても、HTMLのような感覚で簡単にWEBサイトでVRを実現することができます。

今回はその A-Frame を使って、VRをWEBサイトで作ってみました。

↓作ってみたもの

DEMO

ソースコード

HTMLのhead

 

HTMLのbody

 

参考サイト

A-FrameとHTML Shaderで美しい日本語テキストを表示する方法 – VOYAGE GROUP VR室ブログ

Author Profile

ninomiya
ninomiya

Webデザイナー兼コーダーです。
イラストを描くのも好きです。
SVGとCanvasを使ったWEBアプリにも興味があります。
よろしくお願いいたします。

» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ