Stylized Graphics Thread - What are you working on?

Development Rendering
22

Wow, your whole post looks quite nice.

One question. I assume you’re using dynamic lighting for the day/night system, if so does the cave interior look as dark as here during the day?

23

Here’s what both scenes look like without the effect.

95055cda2bcba27f3bc70e687c5e385bfb3ff185.jpeg
95055cda2bcba27f3bc70e687c5e385bfb3ff185.jpeg1920×1040 705 KB

d513797f94997ae70f63b3c589d9fb99d407c600.jpeg
d513797f94997ae70f63b3c589d9fb99d407c600.jpeg1920×1040 325 KB

Yeah my approach to making these materials has usually been to cannibalize parts of other materials I’ve made which leads to the messiness. Thankfully I’m the only person that has to use any of this so keeping things organized and commented isn’t necessary, but I still need to get better at doing that.

I’ll try and have a video or gif by late Friday. I still have a lot of school work to get through between today and tomorrow so I should have free time to make one by then.

24

Yes and yes :slight_smile:

25

Interesting. I’ve always had issues with interiors looking too bright or getting lit by the exterior sun. Do you disable the sun lights when a player enters an interior or is it purely created through shadows?

26

Thanks so much for your interest and your feedback, I really appreciate both! I’ve primarily been doing the world design for our project, and have been trying to decide just how much detail should go into the pieces, balancing enough to break monotony, but keeping it low enough to serve the aesthetic we’re after. I’ll take your feedback into consideration moving forward, so thank you so much!

27

It’s created through shadows, our skylight intensity is also affected by the time of day system (using a static hdri map) and is overall fairly low to allow the sharp contrast between lit areas and shaded areas, so our caves are, by our TOD settings, naturally dark :slight_smile:

28

and I’ve updated the original post with links to tutorials on how I did elements of my project. (Finally, sorry it took so long!)

29

Great tutorial by @AzzaMat on how to create a Cel Shader!

cel.png
cel.png1250×488 353 KB

30

Wow!Graphics is looking very lovely!Incredible gameplay showcase.Well done I’m proud of you.

31

Nice work! Could you show us how does it look in motion? Thanks!

32

Did a big update to the initial post with my latest work and some tutorial links! What are you’ll making?

33

wow, keep on posting. You guys and girls are showing off some nice work!

@.Hider
Why is it, that your cel shader material is not working with dynamic lighting? (according to the tut, it runs with static)

34

Hey MeMe, It does run with dynamic light source. I see where you might be confused - I mention ‘and that’s the base Cel Shader complete! (with a static light source)’. By ‘static light source’ I mean a light that is not going to change direction, it’s always in a set position - rather than the static/stationary/dynamic light type.

The second part of the tutorial shows you how to adjust the shader to work with updating a light’s angle dynamically at run-time. Hope that clears it up!

35

Great thread!

For anyone who is intrested, here is a Kuwahara filter:

5fa056f0a3e5128e6d1e1c9eba234304e2f2cf14.jpeg



//InScreenTextrue: From the scene texture node in the material. Although it is not used in the code below, it is necessary to call SceneTextureLookup().
//InSceneResolution: From the scene texture node
//InUV: Use texture coordinate 0.
//InRadius: Radius around a pixel the filter checks the value of the other pixels. Default 4.

float n = float((InRadius + 1) * (InRadius + 1));

float3 m[4];
float3 s[4];

for(int i = 0; i < 4; ++i){
	m* = float3(0.0,0.0,0.0);
	s* = float3(0.0,0.0,0.0);
}

float3 Color;


for(int i = -InRadius; i <= 0; ++i)
{
	for(int j = -InRadius; j <= 0; ++j)
	{
		Color = SceneTextureLookup(InUV.xy + float2(i,j) / InScreenResolution.xy, 14, false).xyz;
		m[0] += Color;
		s[0] += Color * Color;
	}
}

for(int i = -InRadius; i <= 0; ++i)
{
	for(int j = -InRadius; j <= 0; ++j)
	{
		Color = SceneTextureLookup(InUV.xy + float2(i,j) / InScreenResolution.xy, 14, false).xyz;
		m[0] += Color;
		s[0] += Color * Color;
	}
}

for(int i = -InRadius; i <= 0; ++i)
{
	for(int j = 0; j <= InRadius; ++j)
	{
		Color = SceneTextureLookup(InUV.xy + float2(i,j) / InScreenResolution.xy, 14, false).xyz;
		m[1] += Color;
		s[1] += Color * Color;
	}
}

for(int i = 0; i <= InRadius; ++i)
{
	for(int j = 0; j <= InRadius; ++j)
	{
		Color = SceneTextureLookup(InUV.xy + float2(i,j) / InScreenResolution.xy, 14, false).xyz;
		m[2] += Color;
		s[2] += Color * Color;
	}
}

for(int i = 0; i <= InRadius; ++i)
{
	for(int j = -InRadius; j <= 0; ++j)
	{
		Color = SceneTextureLookup(InUV.xy + float2(i,j) / InScreenResolution.xy, 14, false).xyz;
		m[3] += Color;
		s[3] += Color * Color;
	}
}


float TempSigma;
float MinSigma = 100.0;
float3 FinalColor;

for(int k = 0; k < 4; ++k)
{
	m[k] /= n;
	s[k] = abs(s[k] / n - m[k] * m[k]);
	
	TempSigma = s[k].x + s[k].y + s[k].z;
	
	if(TempSigma < MinSigma)
	{
		MinSigma = TempSigma;
		FinalColor = m[k];
	}
}


return FinalColor;

Material:

2e28270336b0e1d8d0422010f86886a56bc4f1dc.jpeg

36

THANK YOU SO MUCH for sharing this! I have been looking everywhere for an example of this!

37

Great Thread!
Anyone any update on a watercolor shader effect?