So, jetzt wollen wir den eigentlichen Shader erstellen, der benötigt wird, um den Cartoon-Effekt darzustellen. Ihr wedet sehen, das ist eigentlich recht einfach.
Im Grunde erstellen wir nur einen Edge Detection Filter, d.h wir suchen stellen, an denen Starke Kontraste vorhanden sind. Weil das RGB Farbsystem auf normalen Fließkommazahlen basiert ist auch kaum etwas einfacher, als den Farbunterschied zwischen zwei Pixeln zu berechnen: Wir substrahieren einfach den einen vom anderen. Wenn jetzt der Unterschied größer ist als ein gewisser Wert, dann haben wir eine scharfe Kante, die es einzufärben gilt.
Also wollen wir erstmal den Anfang des Shaders niederschreiben:
|
C-/C++-Quelltext
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
TEXTURE Tex;
struct InVertex
{
float2 Texture : TEXCOORD0;
};
sampler samp = sampler_state
{
Texture=<Tex>;
AdressU=Wrap;
AdressV=Wrap;
MipFilter=Linear;
MinFilter=Linear;
MagFilter=Linear;
};
|
Ich denke da muss ich weiter ncihts erklären
.
Dann kommt das eigentlcih interessante:
|
|
C-/C++-Quelltext
|
1
2
3
4
|
float4 main(InVertex In) : COLOR
{
float4 Black1;
float4 Black2;
|
Das sind die Farbunterschiede senkrecht und waagerecht.
|
|
C-/C++-Quelltext
|
1
2
3
4
|
float4 Oben= tex2D(samp, In.Texture+float2( 0.000, 0.001));
float4 Unten= tex2D(samp, In.Texture+float2( 0.000,-0.001));
float4 Rechts=tex2D(samp, In.Texture+float2( 0.001, 0.000));
float4 Links= tex2D(samp, In.Texture+float2(-0.001, 0.000));
|
Jetzt sampeln wir das ganze jeweils ein bisschen verschoben um dann später den Kontrast zu berechnen.
|
|
C-/C++-Quelltext
|
1
2
|
Black1=(Oben-Unten);
Black2=(Rechts-Links);
|
Wir berechnen den Kontrast...
|
|
C-/C++-Quelltext
|
1
2
3
4
5
6
7
8
9
10
11
|
if(Black1[0]+Black1[1]+Black1[2]>0.75)
return float4(0, 0, 0, 0);
else if(Black1[0]+Black1[1]+Black1[2]<-0.75)
return float4(0, 0, 0, 0);
else if(Black2[0]+Black2[1]+Black2[2]>0.75)
return float4(0, 0, 0, 0);
else if(Black2[0]+Black2[1]+Black2[2]<-0.75)
return float4(0, 0, 0, 0);
else
return tex2D(samp, In.Texture);
}
|
Wenn der Kontrast größer ist als 0.75, dann geben wir schwarz aus, sonst geben wir den normal gesamelten Pixel aus.
Jetzt müssen wir diesen Shader nurnoch (gemäß eines anderen Tutorials von mir) Compilieren und schon haben wir Cartoongrafik in Echtzeit!
Wenn ihr sehen wollt, wie das ganze danach aussehen sollte:
http://rapidshare.de/files/28517444/release.rar.html
Bei Fehlern postet bitte die "Protokoll.txt".
Gesteuert wird mit den Pfeiltasten.
Zitat
15.05.2024, 14:00
Zum Seitenanfang
