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

Now that youtube supports 360-degree video [1], how can I export a 360-degree frame from the THREE.JS scene for viewing as a photosphere texture or even inside a YouTube video?

An export viewer might look like http://blog.thematicmapping.org/2014/01/photo-spheres-with-threejs.html

bergsjostolen.jpg

Oculus1.png? Version = 1 & modificationDate = 1412005378000 & api = v2

[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 /

+5
source share
3 answers

here is what i did.

I installed 6 cameras, captured each viewport and applied it to 360 shaders as a texture cube.

+1
source

I put together several different libraries to include 360 ​​video and photo capture from Three.js

https://github.com/imgntn/j360

+2
source

It seems you could take two frames from the 180FOV camera, the first is aimed at (0,0,1), and the second at (0,0, -1). Then combine them into one image.

0
source

Source: https://habr.com/ru/post/1215346/


All Articles