├── .gitignore ├── LICENSE ├── README.md ├── assets ├── img-360 │ ├── Readme.md │ ├── landscape-3531355_1920.jpg │ └── winter-2383930_1920.jpg └── video-360 │ ├── Readme.md │ ├── uzabeachsky_006.mp4 │ └── uzabeachsky_006_small.mp4 ├── examples ├── img-360-tour.html ├── img-360.html ├── index.html ├── style.css ├── video-360.html └── video-360_small.html ├── index.js ├── package.json ├── rollup.config.js ├── screenshots ├── img-360.gif ├── immersive.gif └── video-360.gif └── src ├── elements ├── img-360-tour.js ├── img-360.js └── video-360.js └── utils ├── deviceorientation-helper.js ├── three-helper.js └── xr-helper.js /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/.gitignore -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/README.md -------------------------------------------------------------------------------- /assets/img-360/Readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/assets/img-360/Readme.md -------------------------------------------------------------------------------- /assets/img-360/landscape-3531355_1920.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/assets/img-360/landscape-3531355_1920.jpg -------------------------------------------------------------------------------- /assets/img-360/winter-2383930_1920.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/assets/img-360/winter-2383930_1920.jpg -------------------------------------------------------------------------------- /assets/video-360/Readme.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/assets/video-360/Readme.md -------------------------------------------------------------------------------- /assets/video-360/uzabeachsky_006.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/assets/video-360/uzabeachsky_006.mp4 -------------------------------------------------------------------------------- /assets/video-360/uzabeachsky_006_small.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/assets/video-360/uzabeachsky_006_small.mp4 -------------------------------------------------------------------------------- /examples/img-360-tour.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/examples/img-360-tour.html -------------------------------------------------------------------------------- /examples/img-360.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/examples/img-360.html -------------------------------------------------------------------------------- /examples/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/examples/index.html -------------------------------------------------------------------------------- /examples/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/examples/style.css -------------------------------------------------------------------------------- /examples/video-360.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/examples/video-360.html -------------------------------------------------------------------------------- /examples/video-360_small.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/examples/video-360_small.html -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/index.js -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/package.json -------------------------------------------------------------------------------- /rollup.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/rollup.config.js -------------------------------------------------------------------------------- /screenshots/img-360.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/screenshots/img-360.gif -------------------------------------------------------------------------------- /screenshots/immersive.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/screenshots/immersive.gif -------------------------------------------------------------------------------- /screenshots/video-360.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/screenshots/video-360.gif -------------------------------------------------------------------------------- /src/elements/img-360-tour.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/src/elements/img-360-tour.js -------------------------------------------------------------------------------- /src/elements/img-360.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/src/elements/img-360.js -------------------------------------------------------------------------------- /src/elements/video-360.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/src/elements/video-360.js -------------------------------------------------------------------------------- /src/utils/deviceorientation-helper.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/src/utils/deviceorientation-helper.js -------------------------------------------------------------------------------- /src/utils/three-helper.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/src/utils/three-helper.js -------------------------------------------------------------------------------- /src/utils/xr-helper.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MozillaReality/immersive-custom-elements/HEAD/src/utils/xr-helper.js --------------------------------------------------------------------------------