3.js rotating rectangle

by bighostkim

CSS

canvas {  width: 100%; height: 100%; background-color: #000}

JavaScript

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);

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

document.body.appendChild(renderer.domElement);

var geometry = new THREE.SphereGeometry(50,16,16);
var material = new THREE.MeshLambertMaterial({color: 0xcc0000});
var cube = new THREE.Mesh(geometry, material);

scene.add(cube);

camera.position.z = 150;


// create a point light
var pointLight =  new THREE.PointLight(0xFFFFFF);

// set its position
pointLight.position.x = 10;
pointLight.position.y = 50;
pointLight.position.z = 130;

// add to the scene
scene.add(pointLight);

function render() {
    requestAnimationFrame(render);
    cube.rotation.x += 0.01; 
    cube.rotation.y += 0.01;
    renderer.render(scene, camera);
}
render();