three.cubemap-to-equirectangular/examples/index.js

Export an equirectangular panorama image from a three.js scene

var THREE = require('three');
var OrbitControls = require('three-orbit-controls')(THREE)
var CubemapToEquirectangular = require('three.cubemap-to-equirectangular');

var equi;

var container, stats;
var camera, scene, renderer;
var controls;

var radius = 100, theta = 0;

window.addEventListener( 'load', function() {
	init();
	animate();
});

var cubeCamera;
var sphere;

function init() {

	container = document.createElement( 'div' );
	document.body.appendChild( container );

	camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 10000 );
	camera.position.set( 1,1,1 );

	scene = new THREE.Scene();

	var light = new THREE.DirectionalLight( 0xffffff, 1 );
	light.position.set( 1, 1, 1 ).normalize();
	scene.add( light );

	var geometry = new THREE.BoxBufferGeometry( 20, 20, 20 );

	for ( var i = 0; i < 2000; i ++ ) {

		var object = new THREE.Mesh( geometry, new THREE.MeshLambertMaterial( { color: Math.random() * 0xffffff } ) );

		object.position.x = Math.random() * 800 - 400;
		object.position.y = Math.random() * 800 - 400;
		object.position.z = Math.random() * 800 - 400;

		object.rotation.x = Math.random() * 2 * Math.PI;
		object.rotation.y = Math.random() * 2 * Math.PI;
		object.rotation.z = Math.random() * 2 * Math.PI;

		object.scale.x = Math.random() + 0.5;
		object.scale.y = Math.random() + 0.5;
		object.scale.z = Math.random() + 0.5;

		object.material.color.setRGB( object.position.x / 800 + .5, object.position.y / 800 + .5, object.position.z / 800 + .5 );

		scene.add( object );

	}

	renderer = new THREE.WebGLRenderer();
	renderer.setClearColor( 0xf0f0f0 );
	renderer.setPixelRatio( window.devicePixelRatio );
	renderer.setSize( window.innerWidth, window.innerHeight );
	renderer.sortObjects = false;
	container.appendChild(renderer.domElement);

	equi = new CubemapToEquirectangular( renderer, false );
	cubeCamera = new THREE.CubeCamera( .1, 1000, 2048 );

	controls = new OrbitControls( camera, renderer.domElement );

	window.addEventListener( 'resize', onWindowResize, false );
	onWindowResize();

	document.getElementById( 'capture' ).addEventListener( 'click', function( e ) {

		cubeCamera.position.copy( camera.position );
		cubeCamera.updateCubeMap( renderer, scene );
		equi.convert( cubeCamera );

	} );

}

function onWindowResize() {

	camera.aspect = window.innerWidth / window.innerHeight;
	camera.updateProjectionMatrix();

	renderer.setSize( window.innerWidth, window.innerHeight );

}


function animate() {

	requestAnimationFrame( animate );

	controls.update();
	render();

}

function render() {

	renderer.render( scene, camera );

}