#Material, lights / shadow question

12 messages · Page 1 of 1 (latest)

vale anvil
#

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)

elfin grotto
#

might just be a postpro noise effect

vale anvil
elfin grotto
#

that's the best that threejs has to offer but all of them have noise, use that one though

vale anvil
#

I see. thanks!

elfin grotto
#

and play with blend modes, it has to affect primarily the darker regions

vale anvil
#

appreciate it. i'll play around with it

soft notch
#

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...

vale anvil
#

looks promising. thanks! @soft notch

sacred vault
#

shaders are hard

pearl delta
#

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!