Pixel Art Rain Shader

Рет қаралды 37,861

3 жыл бұрын

Date of Recording: 2020-11-30
Working on more environment systems, this time it's a rain effect. Selling the atmosphere of rain is a matter of layering together a bunch of individual effects:
1. streaks representing rain drops
2. splashes on all gently-sloped ground
3. spatter on the top edges of objects on screen
4. ripples in the water
5. mist blowing around the scene
6. randomized bobbing of the upward-facing leaves on trees
7. lightning flashes (with sharp shadows)
8. color grading
Most of the effects are built on the GPU using a few tiling/looping textures and a single post-processing draw call, obviating the need to compute particle effects on the CPU or transferring buffers between CPU and GPU memory, making it a very lightweight effect to compute. The downside is that the effect does not show well while the camera is rotating.

Пікірлер: 29

@spaceowl5957 2 жыл бұрын

My god so want full length video essays on all of these this is so cool!

@pauladeensbuttbutter 3 жыл бұрын

I’m loving your channel

@salazarr_js Жыл бұрын

this can be easily the background of a lofi song with rain sfx that i would look for hours

@datdamndog389 3 жыл бұрын

insane dude

@_Thorondor Жыл бұрын

This is amazing 😮

@Entidad-zh8pt Жыл бұрын

dooou this is so cool

@norseexpansion8076 Жыл бұрын

I am developing a game and your aesthetic is really #goals lol. Do you just make everything darker for rain or do you change the HUE? like everything dark but also blue-ish. I kinda struggle to find good resources on this. I also really like this rain effect; I cant find anny assets that are as pretty unfortunately. I would have thought it would be easier to get such things premade.

@EricDaily 3 жыл бұрын

Breh, come on...so cool!

@buddyroach 3 жыл бұрын

this is sick stuff. you gonna make this a first-person 3d game? would be awesome to see a first-person perspective walking around in this environment while it rains.

@juancruzzeballos938 2 жыл бұрын

that would be trippy af hahah. But, witohut knowing too much, i think is necesary an isometric camera to generate this effect

@buddyroach 2 жыл бұрын

@@juancruzzeballos938 put it in fixed update

@rivall8105 Жыл бұрын

@@buddyroach ?? you need to keep this angle to have the isometric camera look, it would look really weird in fp

@pixboi Жыл бұрын

Most of the effects here rely that its a top down orthographic scene.

@DarshUK1 Жыл бұрын

This needs some lofi music over it

@myrealusername2193 Жыл бұрын

I’m very curious on how you got this to work! In another video you mentioned it being a texture overlaid to the screen, but it seems like it’s actually being rendered in-game when I look at it. Is it just that convincing of an effect? And how are you able to vary the intensity of the rain? Last question, how can you detect whether a droplet ends over water or grass? Because I cannot figure out if it was through some kind of custom buffer that contains the material type at each pixel or whether it was some other method. Thanks for the cool demo though!

@t3ssel8r Жыл бұрын

the raindrops, ground splashes, etc are just screenspace textures. The water ripples are a texture on the water surface itself. Intensity just controls average opacity of the textures (but local regions can be completely opaque or transparent) It's fairly convincing for what is essentially just a few texture fetches.

@myrealusername2193 Жыл бұрын

@@t3ssel8r interesting! So I’m guessing then that you make the splash texture fully transparent over the water so that they don’t overlay the ripples? And it seems like you have some way of having the trees “block” the rain as it looks to me like rain never falls on the back side of the leaves. That just might be me not noticing it though.

@chalobeats8971 Жыл бұрын

Im curious as to whether the raindrop screen texture somehow rotates to the angle of the camera? I don’t think you have demo’d that but I’m wondering if it’s possibly. This is currently where I am stuck with my rain.

@matheusviniciusdemoraes9420 8 ай бұрын

Que lindo

@dmitrysamoilov5989 3 жыл бұрын

can u plz make a discord for your channel where we aspiring coders can talk about wat youve done? :3

@t3ssel8r 3 жыл бұрын

I'd be happy to entertain discussions publicly on twitter/reddit. You can also pm me on these various channels. I'm not very prolific on discord I'm afraid.