// miniWorld
	var sceneMini = new THREE.Scene();
	sceneMini.add(new THREE.ArrowHelper( dir, origin, length, hex, 0, 0));
	var rendererMini = new THREE.WebGLRenderer();
	rendererMini.setClearColor(backgroundColor + 50);
	rendererMini.setSize(50, 50);
	document.body.appendChild(rendererMini.domElement);
	rendererMini.domElement.style.position = 'absolute';
	rendererMini.domElement.style.top = 0;
	rendererMini.domElement.style.zIndex = '1';
	function render() {
		camera.position.x = cameraRadius * Math.sin(cameraXAngel * Math.PI / 360) * Math.cos(cameraYAngel * Math.PI / 360);
		camera.position.y = cameraRadius * Math.sin(cameraYAngel * Math.PI / 360);
		camera.position.z = cameraRadius * Math.cos(cameraXAngel * Math.PI / 360) * Math.cos(cameraYAngel * Math.PI / 360);
		camera.lookAt(0,0,0);
		camera.updateMatrix();
		renderer.render(scene, camera);
		
		cameraMini.position.x = 10 * Math.sin(cameraXAngel * Math.PI / 360) * Math.cos(90 * Math.PI / 360);
		cameraMini.position.y = 10;
		cameraMini.position.z = 10 * Math.cos(cameraXAngel * Math.PI / 360) * Math.cos(90 * Math.PI / 360);
		cameraMini.lookAt(0,0,0);
		cameraMini.updateMatrix();
		rendererMini.render(sceneMini, cameraMini)
	}