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

Veröffentlicht am: 26 Oktober 2020
auf dem Kanal: SimonDev

62,899

1.7k

Follow me on:
Twitter: / iced_coffee_dev
Github: https://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.

Auf dieser Seite können Sie das Online-Video Three.js Lighting Tutorial (JavaScript) | Light Types Explained! mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer SimonDev 26 Oktober 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 62,899 Mal angesehen und es wurde von 1.7 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

113