SAMPLE SPHERE

USING THREE.JS

by bhupendra negi

JavaScript

var camera, scene, material, mesh, geometry, renderer

    function drawSphere() {
        init();
        animate();

    }

    function init() {
        // camera 

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

        // sphere object
        var radius = 50,
            segments = 10,
            rings = 10;
        geometry = new THREE.SphereGeometry(radius, segments, rings);
        material = new THREE.MeshNormalMaterial({color:0x002288});
        mesh = new THREE.Mesh(geometry, material);

        //scene 
        ;
        scene.add(mesh);


        // renderer
        renderer = new THREE.WebGLRenderer();
        renderer.setSize(window.innerWidth, window.innerHeight);
        document.body.appendChild(renderer.domElement);

    }


    function animate() {
        requestAnimationFrame(animate);
        render();

    }

    function render() {

        mesh.rotation.x += .01;
        mesh.rotation.y += .02;
        renderer.render(scene, camera);


    }

    // fn callin
    drawSphere();