Improve Your THREE.JS MATERIALS and RENDERINGS With This Trick! [Three.js] [CODEPEN | FREE CODE]
ฝัง
- เผยแพร่เมื่อ 5 ก.ค. 2024
- JOIN OUR DISCORD! / discord Learn how to create amazing materials and improve your renderings in Three.JS with surface imperfections!
Find the code on Codepen - codepen.io/miroleon/pen/gOBYRpY
Find my other artwork on Instagram - / miroxleon
Follow me on Twitter - / miroxleon
For all other links and contact, visit my website - miroleon.de/links
Previous Three.JS Tutorial - • Create this 3D WEB REN...
Chapters:
00:00 Intro
00:48 Basic Setup in Codepen
01:32 Three.js Import
01:58 Three.js Scene Setup
02:21 HDRs in Three.js
03:29 Light Setup
05:30 Import Surface Imperfection Texture
07:43 Three.js Material Setup
09:51 Three.js FBX Import
10:50 Three.js Post Processing
11:14 Three.js Pixel Art Filter
12:06 Light and Camera Animation
14:27 Outro
wow, tha'ts great, thanks for sharing. I think, can make rotate mask when scroll page down.
Thank you for your feedback! I appreciate it a lot! And yes, sure. You can affect the animation in the update function according to the scroll position. Either you completely determine the animation by the scroll position or perhaps multiply the animation according to the scroll, so that you can speed up or slow down the animation when the user is scrolling. I'd assume that ChatGPT, PHIND, or another AI tool will be able to add this to the code very easily! If you try that, let me know! I'm curious to see your adaptation!
@@miroxleon hi, i will try it,
Great hair dude!
thanks! haha