Using noise in shaders (texture blending)

[@BarneyCodes]

If you'd like to see what else I'm working on, it would be great if you could wishlist my game Star Mining Co. on Steam! s.team/a/2584800/ What shader effect would you like to see next?

[@theman7050]

Is there a way to contact you man?

[@BarneyCodes]

My username is barneycodes on discord, feel free to reach out there! Otherwise you can email me at [e-mail]

[@Tritoon710]

Facing Ratio & Dot Product Thanks

[@BarneyCodes]

I'm planning on looking at some basic lighting in an upcoming video so should cover this then! Thanks for the comment!

[@openlink9958]

0:08 it looks like a shader that replicates how cells look like. Every "cell" (circle) is separated from adjacent circles but all of them are together, on a similar way how skin cells would be (or any kind of large cell structure really)

[@BarneyCodes]

That's voronoi noise! It pops up in nature quite a lot which is really cool! The basic idea behind it is that each pixel is coloured based on the distance to the nearest "seed" point, which is why you get those shaded blob regions!

[@DeniseNepraunig]

Really great explanation. I love the way you go through this, showing all the code changes and variants! Top notch editing. Thanks man!

[@BarneyCodes]

Thank you so much! Glad you liked it!

[@theman7050]

Barney at it again!!! 🎉 Wow I used to think generating noise in code is more efficient. But using a texture for it comes as a surprise man. Thanks :)

[@BarneyCodes]

It's probably slightly more nuanced then "it's always better to use a texture", but things like Perlin and Worley noise can be a bit expensive to calculate every frame. On the other hand, white noise can be really quick because you can just take a hash of the position vector to get a "random" value. Thanks for your comment!

[@number3boo]

So that's how they do it

[@tepiku]

Thanks for the video. Really well explained. 3:38 The thing with p5.js is that the coordinates 0,0 are located in the top left corner instead of the bottom left.

[@BarneyCodes]

Thanks! I sort of assumed that the underlying image data wouldn't be affected by that but I guess I was wrong!

[@literallyaperson7125]

nice

[@BarneyCodes]

Thanks!

[@Veptis]

Here is a question: how to sample seamless gradient noise on the surface of a sphere? Do we have 2 or 3 values for the location? I tried to come up with something but it's quite difficult. I intentionally didn't look at references and solutions - so maybe that helps to think creatively

[@BarneyCodes]

I've not actually tried to do this myself, but I believe there are methods of "unwrapping" the surface of a sphere into 2D coordinates. You can either map it to the full rectangle (like a how a map is a rectangular version of the surface of the earth), which will have some distortion to it, or you can probably do a more accurate version, that would have gaps, which might make it difficult to do seamlessly. If you've got a noise generation function you could probably do it seamlessly by using the 3D point on the surface to sample 3D noise and guarantee that it's seamless? Might be worth playing around with a few different solutions and seeing what they look like!