3D Game Programming for Kids, 2nd Edition

Using a Renderer to Project What the Camera Sees

The scene and the camera are enough to describe how the scene looks and where we’re viewing it from, but one more thing is required to show it on the web page. This is the job of the renderer. It shows, or renders, the scene as the camera sees it:

// The "renderer" draws what the camera sees onto the screen:
var renderer = new THREE.WebGLRenderer({antialias: true});
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

When we create the renderer value, we use a map that sets “antialias” to true. Antialiasing is a computer term that means smooth edges. 3D graphics look nicer when their sides are smooth, which is why we enable antialiasing ...