var rot = 0;

function createSquare() {
    var geom = new THREE.Geometry();

    geom.vertices.push(new THREE.Vector3(0.5, 0.5, 0));
    geom.vertices.push(new THREE.Vector3(-0.5, 0.5, 0));
    geom.vertices.push(new THREE.Vector3(-0.5, -0.5, 0));
    geom.vertices.push(new THREE.Vector3(0.5, -0.5, 0));

    geom.faces.push(new THREE.Face3(0, 1, 2));
    geom.faces.push(new THREE.Face3(0, 2, 3));

    geom.name = 'square';

    return geom;
}


function init() {
    camera = new THREE.PerspectiveCamera(70, window.innerWidth/window.innerHeight, 1 , 10000);
    camera.position.z = 30;
    scene = new THREE.Scene();

    var geometry = new THREE.TorusGeometry(10,3,16,30);
    var material = new THREE.MeshPhongMaterial({shading: THREE.flatShading });
    mesh = new THREE.Mesh(geometry, material);

    scene.add(mesh);

    var light = new THREE.PointLight(0xffff00, 1, 500);
    light.position.set(10,10,50);
    scene.add(light);

    renderer = new THREE.WebGLRenderer();
    renderer.setPixelRatio(window.devicePixelRatio);
    renderer.setSize(window.innerWidth, window.innerHeight);
    document.body.appendChild(renderer.domElement);
    window.addEventListener('resize', onWindowResize, false);
}


function onWindowResize(){
    camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();
    renderer.setSize(window.innerWidth, window.innerHeight);

    left_border = down_border * window.innerWidth / window.innerHeight * 1.05;
    right_border = (-left_border);
}


function main(){
    requestAnimationFrame(main);
    renderer.render(scene, camera);
}

function animate() {

    renderer.render(scene, camera);
    requestAnimationFrame( animate );
}