Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to export a THREE.JS scene into a 360 texture for photosphere

Now that youtube supports 360 degree video[1], how can I export a 360 degree frame from THREE.JS scene to be viewable as a photosphere texture or even within a youtube video?

The viewer to use the export could be like the one at http://blog.thematicmapping.org/2014/01/photo-spheres-with-threejs.html

[2] http://www.wired.com/2015/03/youtube-360-degree-video/

https://support.solidangle.com/display/mayatut/Creating+a+Basic+Spherical+Camera http://www.canadiannaturephotographer.com/sphericalpans.html https://www.flickr.com/photos/sbprzd/4008650304/

like image 355
zproxy Avatar asked Mar 14 '15 11:03

zproxy


2 Answers

I put together a few different libraries to enable 360 video and photo capture from Three.js

https://github.com/imgntn/j360

like image 92
James B. Pollack Avatar answered Nov 15 '22 09:11

James B. Pollack


here is what I did.

I set up 6 cameras, captured each viewport and fed it into a 360 shader as texturecube.

like image 24
zproxy Avatar answered Nov 15 '22 10:11

zproxy