# Making webVR in Three.js

**URL:** <https://discourse.threejs.org/t/making-webvr-in-three-js/467>\
**Category:** Questions\
**Tags:** website, webvr, webgl\
**Created:** [June 10, 2017, 5:57am UTC](https://discourse.threejs.org/t/making-webvr-in-three-js/467 "2017-06-10T05:57:02Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kumaresh](https://avatars.discourse-cdn.com/v4/letter/k/b487fb/32.png) [@Kumaresh](https://discourse.threejs.org/u/Kumaresh)\
**Post date:** [June 10, 2017, 5:57am UTC](https://discourse.threejs.org/t/making-webvr-in-three-js/467/1 "2017-06-10T05:57:02Z")

</div>

Hello Three.js Techies I need a huge help from you some one tell me that How do I make same as like this  
[https://livetour.istaging.com/57ecd104816dfa005668e914](https://livetour.istaging.com/57ecd104816dfa005668e914) what are thing that I want to learn any one here to guide or any advice

Thanks in advance

---

<div class="post-metadata">

**Author:** ![Fyrestar](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fyrestar/32/52793_2.png) [@Fyrestar](https://discourse.threejs.org/u/Fyrestar)\
**Post date:** [June 10, 2017, 8:10pm UTC](https://discourse.threejs.org/t/making-webvr-in-three-js/467/2 "2017-06-10T20:10:45Z")

</div>

This basically is a cubemap in a skybox (cube with camera at the center), there are also spherical ones (in a sphere obviously) but those having bad quality at the poles and require way more polygons.

There is a THREE example:  
[https://threejs.org/examples/webgl\_panorama\_equirectangular.html](https://threejs.org/examples/webgl_panorama_equirectangular.html)

For the images you require multiple images you’ll take from one spot rotating the camera each shot 360°, but there are also apps to create the images with a smartphone, but a tripod is really required, one displaced shot and it gets blurred. Then stitch those together in a graphics software like photoshop and/or use out-of-box tools to generate the image out of it. For good performance and resolution most viewer using LOD techniques and split the source image into tiles for multiple resolution (mobile/desktop), to lazy load tiles inside the frustum and to load zoom steps.

---

<div class="post-metadata">

**Author:** ![Kumaresh](https://avatars.discourse-cdn.com/v4/letter/k/b487fb/32.png) [@Kumaresh](https://discourse.threejs.org/u/Kumaresh)\
**Post date:** [July 10, 2017, 12:13pm UTC](https://discourse.threejs.org/t/making-webvr-in-three-js/467/3 "2017-07-10T12:13:58Z")

</div>

> [@Fyrestar](#):
>
> s a cubemap in a skybox (

is there any examples with three.js+multiple panorama images ?  
Thanks