var THREE = require('three')
 
var StereoEffect = require('three-stereo-effect')(THREE)
 
function start(gl, width, height) {
    renderer = new THREE.WebGLRenderer({
        canvas: gl.canvas
    })
    renderer.setClearColor(0x000000, 1.0)
 
    scene = new THREE.Scene()
    camera = new THREE.PerspectiveCamera(50, width/height, 1, 1000)
    camera.position.set(0, 1, -3)
    camera.lookAt(new THREE.Vector3())
 
    stereoEffect = new StereoEffect(renderer)
    stereoEffect.eyeSeparation = 1;
    stereoEffect.setSize( width, height );
 
    var geo = new THREE.BoxGeometry(1,1,1)
    var mat = new THREE.MeshBasicMaterial({ wireframe: true, color: 0xffffff })
    var box = new THREE.Mesh(geo, mat)
    scene.add(box)
}
 
function render(gl, width, height) {
    stereoEffect.render(scene, camera)
}

stereoEffect = new StereoEffect(renderer)