Function init3D

editor/main.js:516–559

()

var material;

function init3D() {

	var scene = new THREE.Scene();

	var container = document.getElementById("preview3d");

	var camera = new THREE.PerspectiveCamera( 50, container.clientWidth / container.clientHeight, 0.1, 1000 );
	var renderer = new THREE.WebGLRenderer( { antialias: true } );

	renderer.setSize( container.clientWidth, container.clientHeight );
	document.getElementById("preview3d").appendChild( renderer.domElement );

	material =  new THREE.MeshBasicMaterial( {
		color: 0xffffff,
		transparent: true,
		map: new THREE.Texture( document.getElementById("preview") ) } );

	// Add cube
	var cubeGeometry = new THREE.BoxGeometry( 10, 10, 10 );
	cube = new THREE.Mesh( cubeGeometry, material );
	scene.add( cube );

	var sphereGeometry = new THREE.SphereGeometry( 7, 10, 10 );
	sphere = new THREE.Mesh( sphereGeometry, material );
	scene.add( sphere );
	sphere.visible = false;

	scene.add( new THREE.AmbientLight( 0x111111 ) );

	camera.position.z = 20;

	function renderScene() {
		requestAnimationFrame( renderScene );

		var timer = 0.0005 * Date.now();

		cube.rotation.y = timer;
		sphere.rotation.y = timer;

		renderer.render(scene, camera);
	}

	renderScene();
}

function showObject( button ) {