Three.js Lighting Tutorial (JavaScript) | Light Types Explained!

Follow me on:

In the video, we cover:
* AmbientLight, HemisphereLight, RectLight, DirectionalLight, PointLight, SpotLight
* Common usage of each one in games.
* How to instantiate and use each in JavaScript.

[ChrisphaBrown]

Great video. The RectAreaLight is a great addition. A good video would be on shadows as I have often seen questions on stack with people having trouble with shadows.

[Mito]

Hi, i have a problem with lights. I declared them and added them to the scene but they don't work. I tryed all of them, is that a color problem or what?

[watermelonice]

People Use Unity And Unreal Engine 4





Ultra Legends Use Javascript

[marialuisamartens]

Hi Simon...Great video...I would like to know how to create the control panel you used to change the parameters of different lights, it would help the settings of the lights in the scene...it 's so hard to try just by numbers and code lines...

[rayjify]

Great tutorial. I have question. How to make three.js lighting the same as Blender's default lighting? Is there any youtube video demostrating this ? Could you make a tutorial on this ? Thanks.

[mishraka]

Great video @SimonDev! In case of an archviz indoor scene, will the walls block ambient lights? Since you mentioned area lights for windows in an indoor scene, how would the overall ambient lights work to illuminate an interior with a few portals to allow the light to come in?

[magicx]

can I use a video to light up the scene?Such as TV screen in this tutorial.I d like to use a video onto this TV screen as a light source, what should I do?

[JohnSandersTV]

You may have heard this before, but you should do voiceover work. (Assuming you would want to do such a thing.)

[avatr]

how is the environment texture added here
the background mountains