Three.JS – Top Tips when using the fantastic WebGL library

Hi, I’m Nik Lever and I’ve been working with real-time 3D for nearly 30 years. I’m a great fan of the popular Open Source JavaScript library Three.JS. Below I share my top 30 tips when using the library.

I’ve created several video courses teaching people how to get the best from the library. The courses are available at a discount price following the links below.

The Beginners Guide to 3D Web Game Development with ThreeJS
Learn to write JavaScript code while having fun making 3D web games using the most popular Open Source WebGL library ThreeJS

Learn to Create WebXR, VR and AR, experiences with ThreeJS
Learn how to create VR and AR experiences that work directly from the browser, using the latest API from Google and Amazon and our favourite Open Source WebGL library, ThreeJS

Learn GLSL Shaders from Scratch
Learn how to harness the power of the GPU in your web pages by learning to code GLSL shaders.

Model viewer: Web 3D made easy
Model-viewer is a web component created by Google. It makes displaying user interact-able 3D models on a web page a walk in the park. In this course I show you how.

Create a 3D Multi-Player Game using ThreeJS and SocketIO
Learn how to use nodeJS, socketIO and ThreeJS to create a 3d multi-player game

Create a 3D Car Racing Game with ThreeJS and CannonJS
Learn to combine the physics engine CannonJS and ThreeJS to create a fun car racing game

Create a 3D RPG Game with ThreeJS
Learn how to harness the ThreeJS library to create a 3D RPG game

The ThreeJS Primer
New to ThreeJS then this FREE course is for you

Here are my top tips when using the library

Tips 1-10

Tips 11-20

Tips 21-30

If you liked the tips consider buying me a coffee.