A-Frameを使って「VR図書館ツアー」を作ってみました 1 - 島根大学附属図書館のブログ

2020/12/21 7 users コンテンツ 360度パノラマ写真 インターネット上 説明 基本

島根大学附属図書館は2020年9月23日に「VR図書館ツアー」を公開しました。「VR図書館ツアー」は360度パノラマ写真に館内施設等の説明を加えたもので、インターネット上で館内ツアーを疑似的に体験できるコンテンツです。 この記事では、「VR図書館ツアー」の基本の作り方などを紹介します。 「VR図書館ツアー」をまだご... 続きを読む

A-Frameを使ってVRマニ車を回す - Qiita

2019/03/03 14 users Qiita ヘッドマウントディスプレイ WebVR マニ車

はじめに この記事では WebVR のフレームワークの一つである A-Frame を使って、VR空間上でマニ車を回して遊ぶ方法について説明します。 WebVRでマニ車を作った 実物 PCよりもスマートフォンやヘッドマウントディスプレイで見た方が楽しめます。 VR Mani Wheel きっかけ YAPC:Tokyo 2019 に行った際に、hitode909 さんの... 続きを読む

【A-Frame】a-linkでVRページ間を移動する - 音楽的でテクノロジー的なブログ

2018/12/26 8 users ブログ

この記事は GMOペパボ Advent Calendar 2018 の26日目の記事です。 ...と書きましたが、私はペパボの中の人ではありません！ 「26日目？？」 「中の人じゃないのにどういうこと？？」 の理由に関してはyoku0825さんのエントリーに書かれている通りで、「せっかくなら一緒に26日目の記事書きませんか？」とyoku0825さんに... 続きを読む

A-FrameとReact.jsでWebサイトのVR化を試みた話 | CyberAgent Developers Blog | サイバーエージェント デベロッパーズブログ

2017/04/27 26 users React.js サーバーサイド サイバーエージェント 施策

こんにちは。サイバーエージェントのAmeba Ownd(アメーバ・オウンド)というサービスでエンジニアをしている @fushikky です。 最近までフロントエンドの開発を担当していましたが、現在はサーバーサイドを担当しています。ですが今回はVRの話をします。 今流行りのVRをAmeba Owndで作られたWebサイトに適用して、「WebサイトのVR化」をエイプリルフールの施策として試みた事につい... 続きを読む

実写コンテンツ×3Dモデルで立体感を感じるA-Frameアプリケーション - VOYAGE GROUP VR室ブログ

2016/11/30 11 users VOYAGE GROUP ドリコム 立体感 VR室ブログ 猫背

2016 - 11 - 30 実写コンテンツ×3Dモデルで立体感を感じるA-Frameアプリケーション A-Frame こんにちは！ カイロプラクティック に行ったら顔の歪みと猫背とランナー膝が治って人生変わった jujunjun110 です。これはみんなまじで行ったほうがいい。 LT登壇してきました 昨日、 ドリコム さんで開催された、 A-Framer Meetup にてLT登壇してきました。... 続きを読む

MozillaはWebのVR化を牽引するか? VRサイト作成フレームワーク「A-FRAME」の利用例が公開 | MoguraVR

2015/12/30 28 users Firefox MoguraVR 形成 Webブ 影響

※本記事は技術的な内容を含みます。 Firefoxで知られるMozillaは、同社の開発するWebブラウザを通しWebプラットフォームの形成に多大な影響を及ぼしてきました。現在は、Web VR(WebブラウザでVRを表現すること)を促進しており、2015年12月17日には、Web※本記事は技術的な内容を含みます。 Firefoxで知られるMozillaは、同社の開発するWebブラウザを通しWebプ... 続きを読む

HTML数行でVRできるA-Frame - フレームシンセシス 技術ブログ

2015/12/22 29 users フレームシンセシス HTML IE以外 ファイル 技術ブログ

Oculus Rift Advent Calendar 2015 の23日目の記事です。違うネタを予定していたのですが、急にA-Frameが来たので、これは！　ということで紹介です。 A-Frameって何？ A-Frame は、 MozVR （Mozilla VRチーム）がリリースしたバーチャルリアリティ用フレームワークです。まず、難しい話を抜きにして、下のHTMLをファイルに保存して IE以外 ... 続きを読む