DEV Community

Tatenda Carl Sakarombe
Tatenda Carl Sakarombe

Posted on

Three js: Scene, Camera and Renderer

From what I can gather , there are 3 necessary components that make Three.js function and these are:

  1. Scene
  2. Camera
  3. Renderer

To understand what I scene is, you can take movie scenes as an example. The scene is where all the objects are displayed, where they are positioned and what they look like.

A Renderer is what it's name implies and they allow the 3D graphics to be displayed. Webgl is the default renderer.

Cameras determine the way in which the scene is going to be viewed. This can be a perspective view, orthographic view etc.

As I delve deeper into uncovering the world of 3D graphics in Javascript, I am sure that I will encounter very interesting topics that will challenge me. Till next time...

Top comments (0)

Visualizing Promises and Async/Await 🤓

async await

☝️ Check out this all-time classic DEV post on visualizing Promises and Async/Await 🤓