タグ

vrに関するniidomeのブックマーク (8)

  • iOS13+でジャイロ許可、やっぱりDeviceOrientationControlsを使いたい

    iOSアップデートはいつだって後悔 衝動的にiPhoneのアプリ更新をまとめて片づける休日の午後。 更新内容のほとんどに、iOS13への対応が含まれている模様である。 「どうせなら時間のあるときに」と、“後悔するのを覚悟”でiOSも13へアップデートする。 後悔の念は思ったより早く来た。 トカチニッチの記事用に制作途中だったthree.jsをsafariで走らせるも全く動かないのだ。 慌てて“納品済み”のプログラムを確認するが、そちらは大丈夫な様子。 安定性を考慮した「OrbitControls」のみのthree.jsは動くのに、スマホのジャイロ機能を用いる「DeviceOrientationControls」が含まれると動かない。 ※この記事のプログラムも動かなくなった。 iOS12.2で必要になった「モーションと画面の向きのアクセス」がsafariの設定から消えているのが原因なのだろう

    iOS13+でジャイロ許可、やっぱりDeviceOrientationControlsを使いたい
  • Three.jsを使い360度画像をドラッグとジャイロセンサーで視点操作する。

    【所要時間】 約4時間(11月30日、12月1日) 【概要】 360度画像をWebページ上で表示、視点操作する。Android, iosの場合はジャイロセンサー、それ以外はドラッグで視点操作。Three.jsで上記の操作を行う。完成ページ https://astatsuya.github.io/three360/完成レポジトリ https://github.com/astatsuya/three360【要約・学んだこと】 かなり紆余曲折しながら作ったが、とりあえず触ってみる場合は →ドキュメントのGetting Startedを一通り読む(そんなに多くない)。 →ブラウザで確認しがら調整する。 →OrbitControlsを読み、調整の仕方を学ぶ。 の流れがいいと思った。 まずどのライブラリを使えばいいかを探すのに時間がかかり、ドキュメントのどこを読めば必要な情報が載っているのかわからなか

    Three.jsを使い360度画像をドラッグとジャイロセンサーで視点操作する。
  • VRコンテンツをHTMLとJavascriptで作る

    A-Frameはゲーム開発でよく利用される、エンティティ・コンポーネント・システムを採用しています。 シーン(VR内の世界だと思ってください)に存在する全ての実態オブジェクトをエンティティ、振る舞いを記述して定義したものをコンポーネントと呼び、役割や必要に応じてエンティティに対してコンポーネントを付与する形を取ります。 例えば、次の例では空間上に平面と箱が存在するだけですが See the Pen A-Frame 物理演算の付与前 by komi_asial (@komi_asial) on CodePen. ライブラリを読み込み、平面と箱のエンティティに対し物理演算コンポーネント(dynamic-body、static-body)の記述を追加するだけで・・・ See the Pen A-Frame 物理演算の付与後 by komi_asial (@komi_asial) on CodeP

    VRコンテンツをHTMLとJavascriptで作る
    niidome
    niidome 2019/07/03
  • 今すぐVTuberになれる! お手軽ツール37選を徹底紹介

    今すぐVTuberになれる! お手軽ツール37選を徹底紹介 【MoguLiveのVTuber情報はこちら】 ・「VTuberになりたい」と思ったら何をすべき? ・VTuberの最新情報を知りたい ・バーチャルYouTuber 関連記事一覧 【VTuberビジネスのご相談はこちら】 ・リサーチ・コンサルティング・事業立ち上げ支援 ・PR支援・記事広告 【VTuberグッズショップ】 ・VTuberグッズショップ「ぶいのみせ」 2022年も、なお増え続けているVTuber(バーチャルYouTuber)。記事では、スマホひとつで配信まで始められるVTuber向けアプリから、上級者向けのツールまでまとめてご紹介。無料で使用できるソフトやツールもピックアップ、それぞれの特長や使用感などを解説します。 目次 1. スマホだけで簡単! お手軽VTuber ・REALITY ・カスタムキャスト ・SHO

    今すぐVTuberになれる! お手軽ツール37選を徹底紹介
    niidome
    niidome 2019/01/15
  • ゆめみ | DX推進、システム・アプリ開発、内製化支援、プロダクトデザイン支援

    株式会社ゆめみのサービスや支援事例の紹介、ニュースリリース等の情報サイトです。2000年の創業以来、顧客企業と共創し、エンドユーザーにとって最適なサービス展開を支援しています。

    ゆめみ | DX推進、システム・アプリ開発、内製化支援、プロダクトデザイン支援
    niidome
    niidome 2017/10/05
  • VRイベント出展時のノウハウを共有。各業者や大体の費用感もざっくりと教えます。 | あおぞらVR

    業界関係者の話では「これまで認知度の無かったVR動画を拡大するために無料体験動画を出していたが、当たり前になれば無料で出す意味が無くなるかもしれませんね。」との事。 現在も無料VR体験が出来る作品は多くはありません。「佐々波綾」さんや「倉多まお」さんといった大人気セクシー女優をVRで無料体験できるのは今だけかもしれませんのでお見逃しなく! 東京ゲームショウ2017終わったー!楽しかったー! 去年はプレスとして参加させていただきましたが、今年はなんと出展側! 10-W19『株式会社アンビリアル』ブースにてガチこぎVRシューティング『アーティファイト』を出展しました!! 去年はただのブロガーで、まさか自分が出展側に行くとは思いもよりませんでしたが、僕もこの一年で仲間が出来て沢山の協力を経て出展にこぎつけました! 肝心の成果ですが、2小間ブース(3m×6m)で入口から一番奥という悪条件の中、4日

    VRイベント出展時のノウハウを共有。各業者や大体の費用感もざっくりと教えます。 | あおぞらVR
    niidome
    niidome 2017/09/28
  • Poly was shut down on June 30, 2021. - Poly Help

  • React VR×360度画像!Web上でパノラマVR表示を試す

    前回は、React VRのインストールから「Hello, World」の表示、そして日語の表示までを行いました。 今回は、RICOH THETAなどで撮影した360度画像をVRコンテンツとして表示してみましょう。 React VRプロジェクトのフォルダ構成について と、その前にちょっとしたおさらいです。 前回は、「ちょっと日語を表示したい!」というところから、いきなりハードな展開へとなってしまいましたが、ここでちょっと、React VRプロジェクトがどのような構成になっているのかを確認しておきましょう。 . ├── .babelrc ├── .flowconfig ├── .gitignore ├── .watchmanconfig ├── tests │   └── client.js ├── index.vr.js ├── node_modules ├── package.json

    React VR×360度画像!Web上でパノラマVR表示を試す
    niidome
    niidome 2017/07/05
  • 1