タグ

React.jsとMRに関するSyunpeiのブックマーク (2)

  • Reactといえばコンポーネント!React VRの3Dプリミティブコンポーネントを探る、触る

    Reactといえばコンポーネント!React VRの3Dプリミティブコンポーネントを探る、触る 原一浩(グレーティブ合同会社) 前回、React VRでパノラマ写真を見るというコンテンツを作成しました。 サンプルを試していただいた方は「なんか結構できたじゃん感」を満喫できたと思います。それもそのはず、360度写真のみのコンテンツは、天球にパノラマ画像を貼り付けた時点で、目的の99%を達成できたといえるからです。ほとんど完成といっていい状態でしょう。 しかし、他のVRコンテンツを触ったことがある人間なら、少しもの足りなさを感じることと思います。一つはインタラクティブ性のなさ、そしてもう一つはモノの存在感のなさです。 インタラクティブ性のなさは、イベント駆動型のVRコンテンツの作成というハードルが待っていますが、今回はそれはさておき、モノの存在感について書いていきます。 パノラマ画像だけで構成

    Reactといえばコンポーネント!React VRの3Dプリミティブコンポーネントを探る、触る
  • 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表示を試す
  • 1