I would like to achieve the texture for the cube objects seen in the attached image. It has shadow that has sandy or granular effects. Should it be config on the material or something about shadow or lights. I am quite new to three.js. Any help appreciated 🙏
(this is an illustration and I understand it would looks a bit different when rendered as 3d graphic. Just wondering thee's any effect that is close to this)
#Material, lights / shadow question
12 messages · Page 1 of 1 (latest)
might just be a postpro noise effect
@elfin grotto thanks. is the postpro this one https://github.com/pmndrs/postprocessing ?
that's the best that threejs has to offer but all of them have noise, use that one though
I see. thanks!
and play with blend modes, it has to affect primarily the darker regions
appreciate it. i'll play around with it
You could also likely do this in a shader without too much difficulty. Define a 'dither pattern' texture and use that in the darker areas to dither them a bit. https://en.wikipedia.org/wiki/Dither
Dither is an intentionally applied form of noise used to randomize quantization error, preventing large-scale patterns such as color banding in images. Dither is routinely used in processing of both digital audio and video data, and is often one of the last stages of mastering audio to a CD.
A common use of dither is converting a grayscale image...
looks promising. thanks! @soft notch
its a shader
shaders are hard
Yuri has made the tutorial for the noise effect. Hope this helps! https://www.youtube.com/watch?v=_qJdpSr3HkM
Or maybe you can follow this Grain Light Effect tutorial of Robin Payot in codrops: https://tympanus.net/codrops/2022/03/07/creating-a-risograph-grain-light-effect-in-three-js/
All of them are great!
Original: https://leonard.agency/en/
Developer: https://damienmortini.com/
Support: https://www.patreon.com/allyourhtml
Twitter: http://twitter.com/akella
Setup: https://gist.github.com/akella/a19954c9ee42e3ae85b76d0e06977535
Facebook: http://facebook.com/akella
#threejs #glsl #webgl