※2020/10/29 追記 iOS 14.0.1 での動作を確認しました。上記「13 以上」の対応内容で取得できました。 【モーションセンサーから情報を取得する JavaScript】 まず全ての OS やバージョンに関係なく、モーションセンサーから情報を取得する JavaScript の実装を紹介します(iOS 12.2 以上の場合は、この JavaScript を実行する前に後述の対応策が必要となります)。 例えばデバイスの姿勢(3次元軸での向き)を取得するには DeviceOrientation オブジェクトを使います(デバイスの挙動・加速度を取得するには DeviceMotion オブジェクトを使いますが、内容は同様なので省略します)。このオブジェクトはジャイロセンサー搭載マシンのブラウザでは有効になっています(ノート PC などジャイロセンサー非搭載機では無効です)。 この D
当サイトは通販サイト・外部Webサービスへのリンクの一部にアフィリエイト広告を使用しています 360°画像をサイトに表示させたいときのおすすめパノラマビューワー Pannellum 2019年10月4日 B! iPhoneのジャイロを使わないならコレでいい RICOH THETAなどの360°写真(全天球画像)をサイトに掲載するときに、これまではWordPressプラグインの「VR Views」を使っていた。VR ViewsはPC表示ではマウスを使って画像を回転させることができ、iPhoneなどのスマホから見た際は端末のジャイロセンサー(iOSでは「モーションと画面の向きのアクセス」)に連動して画像を動かすことができた。 関連記事:あったら結構楽しい!360°全天球カメラRICOH THETA SC しかし、iOS13以降のSafariは設定画面から「モーションと画面の向きのアクセス」の項
当サイトは通販サイト・外部Webサービスへのリンクの一部にアフィリエイト広告を使用しています iOS12.2のSafariでVRが動かないときの対処法メモ 2019年3月30日 B! 目次 1 不動産サイト運営者は要確認!そのVR、動いてる?1.1 プラス0.2のマイナーアップデートでもSafariに大きな変化有り。1.2 サイトにVRを導入している運営者はiPhoneユーザーに要告知。ひっそり導入された新機能1.3 追記:iOS13以降のsafariからはジャイロセンサーを利用できない? 不動産サイト運営者は要確認!そのVR、動いてる? プラス0.2のマイナーアップデートでもSafariに大きな変化有り。 iPhoneをiOS12.2にアップデートしてから、SafariでVR画像(RICOH THETAなどの全天球カメラで撮影した360°写真)が埋め込まれているページを見ると、端末の傾き
PC・スマホ不要のVRヘッドセットOculus Go 価格 買い方 性能まとめ フェイスブック傘下のOculus社が開発・販売を行っているVRヘッドセットOculus Go。他のヘッドセットと異なり、低価格で高品質なVR体験を実現できるデバイスとして注目が集まっています。VR向けの動画視聴や、VR内の大スクリーンでの映画鑑賞、友達とのライブやスポーツ観戦、VRゲームなどを手軽に体験できます。 本記事では、Oculus Goで何ができるのか、購入方法は?ほかのVR機器との比較は?など、気になる情報をまとめました。 1.Oculus Goの価格と購入方法 2.Oculus Goの性能(スペック) 3.何ができるのかー対応コンテンツ紹介 4.他の一体型VRヘッドセット(Mirage Solo)との比較 5.まとめ:圧倒的に手軽なOculus Go 6.補足:32GBモデルと64GBモデル どちら
当サイトは通販サイト・外部Webサービスへのリンクの一部にアフィリエイト広告を使用しています ワンコインで360°動画体験!100円ショップのスマホ用VRゴーグルを試す 2017年7月20日 B! 目次 1 ダメで元々、が意外と使える!企業のお土産用にも良さそう1.1 使う人を選ぶかも?だけどアプリの操作が簡単な「スマホで3D VRメガネ」1.2 周囲が暗くなり没入感がある「組み立て式VRゴーグル」2 VRの「布教用」にちょうどいい! ダメで元々、が意外と使える!企業のお土産用にも良さそう 100円ショップのCan Do(キャンドゥ)で、スマートフォン用のVRゴーグルを発見。「ついにVRゴーグルも100均に降りてきたか…」と気になり買ってみた。1,000円前後の樹脂製のVRゴーグルは持っているけれど、1/10の値段で果たして実用的なものなのだろうか…。 関連記事:iPhoneと1000円ち
7日、米Googleは公式ブログのThe Keywordにて、「VRにおける快適な移動についての4つの方法」を紹介した。 1.一定速度 例えば、プレイヤーを静止した状態から加速させたり、あるいはその逆にプレイヤーが加速した状態から段々と速度を落として停止させるといったジェットコースターのような加速度による速度制御、演出はプレイヤーの酔いを引き起こす。そのため、VRでプレイヤーが移動する際は常に一定の速度で移動することが望ましい。 2.トンネリング VRで移動しているプレイヤーの視界をトンネリングして中心以外を隠すようにすると酔いが軽減される。Daydream Labはトンネリングについて「テレビで一人称視点の映像を見ても酔わないのはテレビが人間の視界の一部しか占めていないため」であり、VRで移動しているプレイヤーの視界を狭めることによってこれを再現するという。すでにOculus Riftと
A Lightweight Panorama Viewer for the Web Pannellum is a lightweight, free, and open source panorama viewer for the web. Built using HTML5, CSS3, JavaScript, and WebGL, it is plug-in free.
「360°画像をWEBサイト上で表示させたい!」という要望があったので、色々調べてた。備忘録としてまとめとこうと思う。ちなみにどのライブラリも一切触っておらず、リファレンスを流し読みした程度。サンプルコードをパッと見た印象でまとめた。悪しからず。 A-Frame Marzipano Pannellum Photo Sphere Viewer ThetaViewer ThView.js さいごに A-Frame aframe.io たぶんコレで実装すると思う。導入簡単・VR対応・レスポンシブ対応で攻守最強。すごくね? 複雑な部分は全て隠蔽されているため、シンプルかつ分かり易い実装が可能。JavaScript読み込んだら、3行ぐらいマークアップするだけでハイ終了。素晴らしい。集合知の暴力。 このライブラリさえあれば他のはいらない気もするけど、一応他のも紹介しとくね。 Marzipano www
こんにちは、FF10以来久しぶりにFF新作を買ったムラタです。 発売される前も後も色々辛口な評価が目立ったFF15ですが、やってみると腐ってもFFですね、普通に楽しくてどっぷりはまってしまってます。 さて、今回は360°の写真や動画をwebサイトに取り込んでコンテンツとして活用する事例をご紹介したいと思います。 前回の全天球撮影についての記事もあわせてご覧ください。 全天球撮影を始めよう サイト内に360°コンテンツを埋め込むにあたって、普通の写真のようにimgタグで張り付けただけでは当然360°グリグリ動かすような処理にはなりません。 このように何だか引き伸ばされたような画像が張り付けられるだけです。 360°コンテンツとしてサイトに埋め込むにはWebGLと呼ばれるweb上で3次元グラフィックス(3Dコンテンツ)を表示させるための技術を用いる必要があります。 webGLを実装するにあたっ
「サマーレッスン」開発者の原田勝弘さんが、政府のサイバーセキュリティ啓発イベントでVR技術に潜むリスクを説明。ユーザーを嘔吐させたり、洗脳したりできる可能性があるという。 「VR(仮想現実)を悪用すれば、相手の視覚をジャックできる」――PlayStation VR用ゲーム「サマーレッスン」を開発した、バンダイナムコエンターテインメントの原田勝弘チーフプロデューサーが3月4日、政府のサイバーセキュリティ啓発イベント「サイバー攻撃を目撃せよ!2017」(ベルサール秋葉原)で、VR技術に潜むリスクについて話した。VRを悪用すると、端末を装着したユーザーを嘔吐(おうと)させたり、洗脳したりできる可能性があるという。 「VRは近い将来、ゲームやエンタメに限らず、何らかの形で生活の中に存在するものになる」と原田さんは話す。例えば、Web会議システムにVR端末を導入して臨場感を高めたり、トラウマをVR世
どうも、まさとらん(@0310lan)です。 みなさんは、「VR(バーチャルリアリティ)」を体験されたことはあるでしょうか? 「Oculus Rift」のような頭に装着するデバイスが人気ではあるものの、持っている人はまだ少ないと思いますので、今回はみなさんがお持ちの「スマホ」にあるブラウザで疑似体験してみようと思います。 もちろん没入感はありませんが、スマホ画面の奥に広がる「仮想的な空間」を実感することはできると思います! ■「A-Frame」を使ってみよう! ブラウザから、簡単にVR空間を楽しめるようにしてくれるフレームワークとして「A-Frame」があります。 【 A-Frame 】 「A-Frame」のユニークなところは、HTMLタグを追記するだけですぐにVR空間を構築できる点にあります。 例えば、公式ページで紹介されている以下の「サンプルデモ」のリンクを、スマホで開いてみてください
Perfumeの出場時の演出がなんだかよくわかんないけどスゴイ!!どうなってんのこれ…!?と思った人も多いはず。色々と解説してくれている人がいました。
当サイトは通販サイト・外部Webサービスへのリンクの一部にアフィリエイト広告を使用しています あったら結構楽しい!360°全天球カメラRICOH THETA SC 2016年11月29日 B! 目次 1 上位機種「THETA S」の画質そのまま、買いやすくなったTHETA SC1.1 外観・付属品-レンズむき出しだけど付属のポーチがいい感じ1.2 アプリ「THETA S」の初期設定・ペアリング1.3 スマホでリモート撮影・アプリ内で全天球画像を見る1.3.1 静止画撮影時の各撮影モードと選択可能オプション1.4 360°写真はVRでも楽しめる / アップロードは必ず全公開になるわけではない1.5 将来のVR技術普及を見越して360°の記念写真を撮り貯めておくのもアリ1.6 追記:4K動画に対応した上位機THETA V / Z1登場! 上位機種「THETA S」の画質そのまま、買いやすくなっ
360° Media Stay organized with collections Save and categorize content based on your preferences. Click and drag to move through the image. 360° media, consisting of 360° videos and images, is a great way for developers to enhance traditional apps with immersive content. You can embed a 360° video into a travel app to provide viewers with an Underwater scuba diving tour as they plan a vacation, or
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
当サイトは通販サイト・外部Webサービスへのリンクの一部にアフィリエイト広告を使用しています iPhoneと1000円ちょっとのヘッドセットでVRを体験してみた 2016年10月28日 B! PS VR発売で本当のVR元年到来?iPhoneだけでもVRを体験してみたい! 昨年あたりからOculus Rift(オキュラスリフト)、HTC Vive、Galaxy Gear VRとVRコンテンツを本格的に楽しめるヘッドセット(3Dメガネ、VRメガネ、VRグラスとも呼ばれる)が盛り上がっていたけれど、今年のPlayStation VR(PS VR)の発売でより一般的なものになりそうな予感。 しかし、Oculus Riftは高価なGPUを搭載したPCが必要になるし、PS VRはそれ自体が約5万円で、もちろんPS4本体が必要でどちらを選んでも初期投資が結構かかる。Gear VRは1万円台前半と手頃だけ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く