three.js ~ example ~ Mr.doob

2012-01-05 ~

by tknew

JavaScript

var camera, scene, renderer, geometry, material, mesh, planet, parent, pivot;

init();
animate();


function init() {

    scene = new THREE.Scene();

    camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 1, 10000);
    camera.position.z = 1000;
    scene.add(camera);

    geometry = new THREE.CubeGeometry(100, 100, 100);
    material = new THREE.MeshNormalMaterial();

    mesh = new THREE.Mesh(geometry, material);
    scene.add(mesh);

    renderer = new THREE.CanvasRenderer();
    renderer.setSize(window.innerWidth, window.innerHeight);

    var parent = new THREE.Object3D();
    parent.position.set(150,0,0);
    
    var geometry = new THREE.SphereGeometry(50, 16, 16);
    var material = new THREE.MeshBasicMaterial({ 
    color: 0x91FFFE, 
    wireframe: true 
    });    
    planet = new THREE.Mesh(geometry, material);  
    
    pivot = new THREE.Object3D();
    
    main_axis = new THREE.Object3D();
    main_axis.rotation.x += 60;
    main_axis.add(pivot);
    pivot.add(parent);
    scene.add(main_axis);
    parent.add(planet);
    
    
    document.body.appendChild(renderer.domElement);

}

var ang = 1;

function animate() {
    ang++;
  
    pivot.rotation.y += 0.01;
    requestAnimationFrame(animate);
    render();

}

function render() {

    //mesh.rotation.y += 0.01;

    renderer.render(scene, camera);


}