Tutorial Terrain2 - Versionsgeschichte

Delphic: ->Delphic

2009-07-23T15:10:52Z

->Delphic

DGLBot: Der Ausdruck ''\{\{DateiLink\|'' wurde ersetzt mit ''{{ArchivLink|''.

2009-05-17T09:02:02Z

Der Ausdruck ''\{\{DateiLink\|'' wurde ersetzt mit ''{{ArchivLink|''.

Flo: /* Dateien */

2009-05-07T12:03:05Z

‎Dateien

Flo: /* Dateien */

2009-05-07T12:02:37Z

‎Dateien

Flo am 7. Mai 2009 um 11:54 Uhr

2009-05-07T11:54:15Z

DGLBot: Der Ausdruck ''(.*?)'' wurde ersetzt mit ''$1''.

2009-03-10T18:15:19Z

Der Ausdruck ''<pascal>(.*?)</pascal>'' wurde ersetzt mit ''<source lang="pascal">$1</source>''.

Nico Michaelis: Umlaute, Kleinigkeiten

2008-04-04T17:52:05Z

Umlaute, Kleinigkeiten

Änderungen zeigen

Nico Michaelis: /* Schattenspiele */ Anmerkung zur fehlenden Bedingung

2006-05-17T10:21:45Z

‎Schattenspiele: Anmerkung zur fehlenden Bedingung

Flash: /* Vorwort */

2005-12-27T16:10:33Z

‎Vorwort

Flash: /* Das Spiel von Licht und Schatten */

2005-12-27T16:09:41Z

‎Das Spiel von Licht und Schatten

@@ Zeile 406: / Zeile 406: @@
 ...have a lot of fun!
-'''Nico Michaelis''' aka DelphiC
+DelphiC
 == Dateien ==

@@ Zeile 409: / Zeile 409: @@
 == Dateien ==
-* {{DateiLink|file=tut_terrain2_src_vcl‎|text=Beispiel-Quelltext}}
+* {{ArchivLink|file=tut_terrain2_src_vcl‎|text=Beispiel-Quelltext}}
-* {{DateiLink|file=tut_terrain2_exe‎|text=Beispiel-Programm}}
+* {{ArchivLink|file=tut_terrain2_exe‎|text=Beispiel-Programm}}

@@ Zeile 410: / Zeile 410: @@
 == Dateien ==
 * {{DateiLink|file=tut_terrain2_src_vcl‎|text=Beispiel-Quelltext}}
-* {{DateiLink|file=tut_terrain2_exe_vcl‎|text=Beispiel-Programm}}
+* {{DateiLink|file=tut_terrain2_exe‎|text=Beispiel-Programm}}

← Nächstältere Version		Version vom 7. Mai 2009, 12:02 Uhr
Zeile 409:		Zeile 409:

	== Dateien ==		== Dateien ==
−	* {{DateiLink\|file=~~tut_terrain1_src_vcl‎~~\|text=Beispiel-Quelltext}}	+	* {{DateiLink\|file=tut_terrain2_src_vcl‎\|text=Beispiel-Quelltext}}
		+	* {{DateiLink\|file=tut_terrain2_exe_vcl‎\|text=Beispiel-Programm}}

← Nächstältere Version		Version vom 7. Mai 2009, 11:54 Uhr
Zeile 407:		Zeile 407:

	'''Nico Michaelis''' aka DelphiC		'''Nico Michaelis''' aka DelphiC
		+
		+	== Dateien ==
		+	* {{DateiLink\|file=tut_terrain1_src_vcl‎\|text=Beispiel-Quelltext}}

@@ Zeile 38: / Zeile 38: @@
 Bevor wir unsere Textur rendern können, müssen wir uns eine Umgebung schaffen. Wir brauchen eine geladene Heightmap und die Grundtexturen:
-<pascal>
+<source lang="pascal">
 type
    TProcTexStage = record
@@ Zeile 52: / Zeile 52: @@
      ProcTexs : Array of TProcTexStage;
    ...
-</pascal>
+</source>
 Der Typ '''TProcTexStage''' beinhaltet je eine Grundtextur, geladen in der '''Image''' Komponente. Die jeweilige Höhenstufe ist in '''Stage''' abgelegt. Die restlichen Objekte sind nur für die GUI gedacht und haben keine weitere Bedeutung für den Algorithmus selbst.
@@ Zeile 60: / Zeile 60: @@
 Sobal diese Annahmen erfüllt sind, können wir beginnen, jedem Pixel der '''ProceduralTex''' einen neuen Farbwert zuzuweisen. Das Grundgerüst ist wie folgt:
-<pascal>
+<source lang="pascal">
 ...
 var
@@ Zeile 82: / Zeile 82: @@
      end
 end;
-</pascal>
+</source>
 Da wir die Stufen nicht auf bestimmte Werte festgelegt haben (z.B. alle 64 Hohenwerte eine Stufe) müssen wir zunächst das Intervall finden, in welchem die aktuelle Stufe liegt. Die jeweils niedrigere Textur wird in einer Variable '''Lower''' abgelegt, die höhere in '''Upper'''. Daneben benötigen wir noch einen Satz weiterer Variablen:
-<pascal>
+<source lang="pascal">
 var
    ...
@@ Zeile 117: / Zeile 117: @@
        Prozent := LowerDifference / LevelDifference;
        ...
-</pascal>
+</source>
 Der verwendete Typ '''TRGB''' ist ein '''Array[0..2] of Byte'''. Wenn ein '''TColor''' Wert als Ausgangsmaterial dient, wird dieser mit in ein '''TRGB''' umgewandelt:
-<pascal>
+<source lang="pascal">
    procedure MakeRGB(Color : TColor; var RGB : TRGB);
    begin
      Move(Color, RGB[0], 3)
    end;
-</pascal>
+</source>
 Damit haben wir's fast geschafft. Das einzige was noch fehlt ist die lineare Interpolation zwischen den Farbwerten der '''Upper''' und '''Lower''' Textur. Dies ist aber an sich nicht weiter schwierig. Man denke an den Mathematikunterricht zurück und erinnert sich an folgende gleichung: '''y= m * x + t''', wobei '''m''' die Steigung und '''t''' der y-Achsenabschnitt ist:
-<pascal>
+<source lang="pascal">
        ...
        Prozent := LowerDifference / LevelDifference;
@@ Zeile 149: / Zeile 149: @@
                                         FinalRGB[1],
                                         FinalRGB[2])
-</pascal>
+</source>
 Zum Einsatz kam folgende Heightmap:
@@ Zeile 171: / Zeile 171: @@
 Bevor wir loslegen, legen wir eine Normal Map an, deren Inhalt alle Normalen der Heightmap ist. Diese Komprimieren wir gleich auf Bytes, damit sie nicht Unmengen an Platz beansprucht. Leider kann man die Normalen nur schlecht für einzelne Punkte direkt berechnen, nehmen also Flächen zur Hilfe. Damit die Sache rund wird, betrachten wir aber nicht nur eine Fläche, sondern gleich alle anliegenden und berechnen daraus einen Normalendurchschnitt.
-<pascal>
+<source lang="pascal">
 ...
 type
@@ Zeile 203: / Zeile 203: @@
      RaytracingCheckBox.Checked)
 end;
-</pascal>
+</source>
 Dies stellt erst einmal ein Grundgerust dar. Statt einer einzelnen Beschreibung der einzelnen UI Komponenten folgendes Bild:
@@ Zeile 225: / Zeile 225: @@
 Mit dem Vektor Kreuzprodukt werden die Normalen für die 8 Flachen berechnet, zusammengezahlt und normiert:
-<pascal>
+<source lang="pascal">
    procedure CreateNormalMap(HM : TBitMap; HeightScale : Single;
                                 var NormalMap : TNormalMap);
@@ Zeile 273: / Zeile 273: @@
        end
    end;
-</pascal>
+</source>
@@ Zeile 280: / Zeile 280: @@
 Jetzt sind wir soweit. Wir konnen jetzt mit Hilfe unserer Formel fur jeden Punkt die Beleuchtung berechnen. Wie immer: Alle Punkte durchgehen, berechnen:
-<pascal>
+<source lang="pascal">
    procedure CreateLightMap(HM : TBitMap; HeightMapScale : Single;
      NormalMap : TNormalMap; Sun : TVertex; LightMap : TBitMap;
@@ Zeile 351: / Zeile 351: @@
        end
    end;
-</pascal>
+</source>
 Argh.... Wieder so ein Monster an Code! Naja, kämpfen wir uns der Reihe mach durch... In '''HeightMapData''' wird die Heightmap geladen, um schnelleren Zugriff auf sie zu haben (zur Erinnerung an das 1. Tutorial: GDI Befehle sind arsch langsam). Die entstandenen Daten werden von '''RayIntersected''' verwendet um schneller ausführbar zu sein (glaubt mir, hier ist das wirklich nötig!). '''RayIntersected''' selbst gibt bisher immer False züruck (wir werden das spater noch ändern), was bedeutet, auf den derzeit betrachteten Punkt wird kein Schatten geworfen.
@@ Zeile 365: / Zeile 365: @@
 Wir haben also den Ray. Der Einfachheit halber, gehen wir diesen immer ein Stücken weiter, schauen ob die Höhe der Heightmap gröser ist als der Ray oder nicht, solange bis wir am Ende der Karte angelangt sind. Klingt simpel? Ist es.
-<pascal>
+<source lang="pascal">
      function RayIntersected(Ray : TRay; HM : TBitMap;
                                  HeightMapScale : Single):Boolean;
@@ Zeile 391: / Zeile 391: @@
        Wer sie findet kommt deutlich schneller an die ersehnte Textur.
        Es handelt sich übrigens um eine fehlende Bedingung im while. *)
-</pascal>
+</source>
 Das entlanglaufen des Rays ist nich unbedingt Ideal gelöst, aber es erfüllt seinen Zweck. Starten wir einmal unseren nun fertigen Lightmap Generator und betrachten das Ergebnis:

@@ Zeile 10: / Zeile 10: @@
 Damit ihr wisst, wofur die Muhen dieser Aktion sind, hier einmal ein Bild der kombinierten Procedural Texture und Lightmap im Programm des letzten Tutorials(Um die Anzeige von Bodentexturen erweitert):
-[[Bild:Tutorial_Terrain2_result.jpg]]
+[[Bild:Tutorial_Terrain2_result.jpg|center|framed|Besonders zu beachten: Die Landschaft wirft Schatten auf sich selbst]]
 ==Der Trick der Procedural Textures==

@@ Zeile 208: / Zeile 208: @@
 Dies stellt erst einmal ein Grundgerust dar. Statt einer einzelnen Beschreibung der einzelnen UI Komponenten folgendes Bild:
-[[Bild:Tutorial_Terrain2_lightedit.jpg]]
+[[Bild:Tutorial_Terrain2_lightedit.jpg|center]]
 Nun also zur Funktion '''CreateNormalMap'''. Wie gesagt berechnen wir den Durchschnitt der Anliegenden Normalen. Folgendes Schaubild soll die verwendeten Flachen verdeutlichen, wobei '''v0''' das derzeit betrachtete Vertex ist, alle anderen '''vxs''' anliegende:
@@ Zeile 394: / Zeile 394: @@
 Das entlanglaufen des Rays ist nich unbedingt Ideal gelost, aber es tut seinen Zweck. Starten wir einmal unseren nun fertigen Lightmap Generator und betrachten das Ergebnis:
-[[Bild:Tutorial_Terrain2_lightmap.jpg]]
+[[Bild:Tutorial_Terrain2_lightmap.jpg|center]]
 Diese kann man dann mit der Procedural Texture verknupfen... Je Heller ein Punkt in der Lightmap ist, desto mehr wird von den Farben der Procedural Texture genommen:
-[[Bild:Tutorial_Terrain2_combined.jpg]]
+[[Bild:Tutorial_Terrain2_combined.jpg|center]]
 ==Nachwort==