SimonDev | Three.js Lighting Tutorial (JavaScript) | Light Types Explained! @simondev758 | Uploaded October 2020 | Updated October 2024, 4 days ago.
Follow me on:
Twitter: twitter.com/iced_coffee_dev
Github: github.com/simondevyoutube
In this project we're looking at Three.js light types and 3d lighting in JavaScript, exploring the different lighting setups. The goal is to build out a full understanding of the light setups and types, such as ambient, hemisphere, rect, directional, point, and spot lights. We'll walk through them one by one, going through how they work, how to set them up in code, and some standard uses in big games.
This is part in a series of tutorials on Three.js, aimed at helping beginners understand everything from the ground up. This is a beginners course, aimed at people with no background in the subject. We've covered simple setup and basic 3d worlds, and this project should give you a solid understanding of three.js lighting capabilities.
The three.js library is available in JavaScript for cross-browser 3d graphics, wrapping webgl and making high level functionality available in the web browser. It’s an extremely mature and well maintained library that I use for many of these videos.
In the video, we cover:
* Three.js's Lighting Types, including examples of usage for each of the major types of lights.
* AmbientLight, HemisphereLight, RectLight, DirectionalLight, PointLight, SpotLight
* Common usage of each one in games.
* How to instantiate and use each in JavaScript.
Follow me on:
Twitter: twitter.com/iced_coffee_dev
Github: github.com/simondevyoutube
In this project we're looking at Three.js light types and 3d lighting in JavaScript, exploring the different lighting setups. The goal is to build out a full understanding of the light setups and types, such as ambient, hemisphere, rect, directional, point, and spot lights. We'll walk through them one by one, going through how they work, how to set them up in code, and some standard uses in big games.
This is part in a series of tutorials on Three.js, aimed at helping beginners understand everything from the ground up. This is a beginners course, aimed at people with no background in the subject. We've covered simple setup and basic 3d worlds, and this project should give you a solid understanding of three.js lighting capabilities.
The three.js library is available in JavaScript for cross-browser 3d graphics, wrapping webgl and making high level functionality available in the web browser. It’s an extremely mature and well maintained library that I use for many of these videos.
In the video, we cover:
* Three.js's Lighting Types, including examples of usage for each of the major types of lights.
* AmbientLight, HemisphereLight, RectLight, DirectionalLight, PointLight, SpotLight
* Common usage of each one in games.
* How to instantiate and use each in JavaScript.
