#3/4 Three.JS envMap, Volumetric light (beam of light) | PRO, BRO | WITHOUT PAYMENT!
#threejs #webgl #glb #js
CodePen:
https://codepen.io/inverser/pen/poQEWrV
In this video you will learn how to make an environment map for a 3D model or objects in a ThreeJS scene (environment map), as well as add fill light and I will also show you how to make the scene scroll smoother (by correcting the code from the previous lesson).
Subscribe, put your fingers up, press the bell, make the old man happy!
Source: https://github.com/inverser-pro/three...
Inf. on animation smoothness in animejs
https://codepen.io/kcjpop/pen/GvdQdX
Where did I get the scroll progress code example from?
https://sbcode.net/threejs/animate-on...
• #0 THREEJS от 0 до PRO уровня БЕЗ ОПЛ...
Playlist by Three.JS ^
Blender and 3D model:
• Подготовка 3D модели в Blender для сц...
Many links on the topic:
https://three.inverser.pro/links
00:00 Introduction
00:52 What happened before?
01:35 What will happen in this video?
06:47 Example of using HDR envMap in ThreeJS
07:57 Website with HDR maps without payment
08:13 Features of using HDR cards
12:54 Applied envMap to the Mandalorian's helmet
13:55 I explain the code for the HDR map (envMap)
21:40 Feature when loading the environment map
23:28 VolumetricSpotLight in ThreeJS
29:20 Fill light code
30:24 How to fix non-obvious errors in ThreeJS code?
37:36 Where does fill light start?
43:37 An important feature of adding objects to a scene from a 3D model
48:10 Positioning and styling the cylinder (fill light)
1:09:11 Removed the floor and showed the final result
1:10:21 Features of scrolling in the browser in Linux
1:13:11 Fixing the smooth scrolling of the scene from the previous lesson
1:14:20 New bug and elimination of the scene stopping animation after 100%
1:17:44 Correction and clarification of the scalePercent function
1:23:51 Conclusions and conclusion
1:25:15 What will happen in the next video?
1:27:19 See you soon
Смотрите видео #3/4 Three.JS envMap, Volumetric light (beam of light) | PRO, BRO | WITHOUT PAYMENT! онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Inverser Pro 20 Апрель 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 38 раз и оно понравилось 1 людям.