05. Dynamic Lights and Shadows in BabylonJS скачать в хорошем качестве

05. Dynamic Lights and Shadows in BabylonJS

Lights and Shadows play a big part in how a 3d scene is perceived. Without shadows, the environment feels flat and fake. Just adding a few lights and shadows can greatly improve the visual feel of a scene. BabylonJS currently has 4 lights we can use to include the Hemispheric, Directional, Point and Spot. Each of these serves a unique purpose and include properties for color, intensity and direction to name a few. We'll be going over each light, show you how to implement gizmos to quickly test the location/rotation of a light within your scene. Along with that you'll learn how to implement shadows with a spotlight and some tips on improving the quality of those shadows. Chapters: 0:00 Intro 0:34 Lights and Shadows Typescript Class 6:37 Create Lights Method 7:00 Hemispheric Light 9:20 Hemispheric Light Colors 11:37 Implementing Light Gizmos 13:30 Directional Light 15:30 Point Light 18:30 Point Light Diffuse Color 21:13 Assigning New Point Light Parent 22:41 Creating a Light Clone 25:29 Spotlight 29:29 Implementing Spotlight Shadows 34:54 Improving Shadow Quality Github Repository (05_Lights_Shadows): https://github.com/Babylon-Projects/B... BabylonJS: https://www.babylonjs.com/ Poly Haven Assets/Textures used: Barrel: https://polyhaven.com/a/Barrel_01 Pipes: https://polyhaven.com/a/modular_indus... Brick Texture: https://polyhaven.com/a/brick_wall_001 Concrete Floor Texture: https://polyhaven.com/a/concrete_floo... Metal Light Tube Fixture (BabylonJS): https://github.com/BabylonJS/Assets/b... #babylonjs #lighting #tutorial