Tutorial Lektion 1 - Versionsgeschichte

Glawesome: /* Wie sind OpenGL-Programme aufgebaut? */ FPS verlinkt

2013-10-13T14:52:28Z

‎Wie sind OpenGL-Programme aufgebaut?: FPS verlinkt

Flo: /* Dateien */

2009-05-17T13:39:36Z

‎Dateien

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

2009-05-17T09:01:22Z

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

Flo: /* Dateien */

2009-05-07T11:35:58Z

‎Dateien

Flo am 7. Mai 2009 um 10:56 Uhr

2009-05-07T10:56:56Z

Flo: /* Dateien */

2009-05-07T09:29:03Z

‎Dateien

Flo: /* Dateien */

2009-05-07T09:27:33Z

‎Dateien

Flo am 7. Mai 2009 um 09:07 Uhr

2009-05-07T09:07:41Z

Flo: Datein Abschnitt hinzugefügt.

2009-05-07T08:50:59Z

Datein Abschnitt hinzugefügt.

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

2009-03-10T18:12:39Z

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

@@ Zeile 34: / Zeile 34: @@
 == Wie sind OpenGL-Programme aufgebaut? ==
-Um ein Dreieck zu rendern reicht es vielleicht das Bild einmal zu Zeichnen und auszugeben. Der Großteil von Euch wird sich jedoch nicht mit einem Dreieck zufrieden geben und möchte doch wenigstens Bewegungen und Animationen in seinen Programmen verwenden. Die Vorgehensweise ist so einfach wie genial: Um Bewegungen zu ermöglichen ist es notwenig, das Bild mehrmals zu zeichnen und auszugeben. Stellt Euch vor Ihr möchtet ein Dreieck von links nach rechts über den Bildschirm bewegen! Ihr zeichnet Euer Dreieck ganz links und gebt es aus. Noch bevor das menschliche Auge genug Zeit hat dieses Bild als einzelnes Bild zu deuten habt ihr dank der hohen Geschwindigkeit der heutigen PCs das Dreieck bereits um ein paar Pixel nach rechts verschoben und erneut gezeichnet. Ist Euer Rechner schnell genug, so erscheint den Betrachter die Bewegung als völlig flüssig und die eigentlichen Sprünge von wenigen Pixeln sind als solche nicht erkennbar. Das menschliche Auge kann etwa 25-30 Bilder pro Sekunde unterscheiden, also solltet Ihr immer versuchen mehr als 30 Bilder pro Sekunde (FPS = Frames per Second) zu zeichnen.
+Um ein Dreieck zu rendern reicht es vielleicht das Bild einmal zu Zeichnen und auszugeben. Der Großteil von Euch wird sich jedoch nicht mit einem Dreieck zufrieden geben und möchte doch wenigstens Bewegungen und Animationen in seinen Programmen verwenden. Die Vorgehensweise ist so einfach wie genial: Um Bewegungen zu ermöglichen ist es notwenig, das Bild mehrmals zu zeichnen und auszugeben. Stellt Euch vor Ihr möchtet ein Dreieck von links nach rechts über den Bildschirm bewegen! Ihr zeichnet Euer Dreieck ganz links und gebt es aus. Noch bevor das menschliche Auge genug Zeit hat dieses Bild als einzelnes Bild zu deuten habt ihr dank der hohen Geschwindigkeit der heutigen PCs das Dreieck bereits um ein paar Pixel nach rechts verschoben und erneut gezeichnet. Ist Euer Rechner schnell genug, so erscheint den Betrachter die Bewegung als völlig flüssig und die eigentlichen Sprünge von wenigen Pixeln sind als solche nicht erkennbar. Das menschliche Auge kann etwa 25-30 Bilder pro Sekunde unterscheiden, also solltet Ihr immer versuchen mehr als 30 Bilder pro Sekunde ([[FPS]] = Frames per Second) zu zeichnen.
 Spätestens jetzt sollte Euch klar sein, warum es bei modernen Spielen manchmal ruckeln kann, wenn Euer Rechner zu langsam ist.

@@ Zeile 110: / Zeile 110: @@
 * {{ArchivLink|file=dglsdk_win32_2006_1‎‎|text=DGLSDK 2006.1 für Windows}}
 * {{ArchivLink|file=dglsdk_linux_2006_1|text=DGLSDK 2006.1 für Linux}}
 {{TUTORIAL_NAVIGATION|[[Tutorial Quickstart]]|[[Tutorial Lektion 2]]}}
 [[Kategorie:Tutorial|Lektion1]]

@@ Zeile 104: / Zeile 104: @@
 == Dateien ==
-* {{DateiLink|file=template_delphi_vcl‎|text=Delphi-VCL-Vorlage für OpenGL}}
+* {{ArchivLink|file=template_delphi_vcl‎|text=Delphi-VCL-Vorlage für OpenGL}}
-* {{DateiLink|file=template_delphi_vcl‎_2rc|text=Delphi-VCL-Vorlage für OpenGL mit 2 Renderkontexten}}
+* {{ArchivLink|file=template_delphi_vcl‎_2rc|text=Delphi-VCL-Vorlage für OpenGL mit 2 Renderkontexten}}
-* {{DateiLink|file=template_delphi_api|text=Delphi-Vorlage für OpenGL ohne VCL-Overhead}}
+* {{ArchivLink|file=template_delphi_api|text=Delphi-Vorlage für OpenGL ohne VCL-Overhead}}
-* {{DateiLink|file=template_delphi_sdl|text=Delphi-SDL-Vorlage für OpenGL}}
+* {{ArchivLink|file=template_delphi_sdl|text=Delphi-SDL-Vorlage für OpenGL}}
-* {{DateiLink|file=dglsdk_win32_2006_1‎‎|text=DGLSDK 2006.1 für Windows}}
+* {{ArchivLink|file=dglsdk_win32_2006_1‎‎|text=DGLSDK 2006.1 für Windows}}
-* {{DateiLink|file=dglsdk_linux_2006_1|text=DGLSDK 2006.1 für Linux}}
+* {{ArchivLink|file=dglsdk_linux_2006_1|text=DGLSDK 2006.1 für Linux}}
 {{TUTORIAL_NAVIGATION|[[Tutorial Quickstart]]|[[Tutorial Lektion 2]]}}
 [[Kategorie:Tutorial|Lektion1]]

@@ Zeile 108: / Zeile 108: @@
 * {{DateiLink|file=template_delphi_api|text=Delphi-Vorlage für OpenGL ohne VCL-Overhead}}
 * {{DateiLink|file=template_delphi_sdl|text=Delphi-SDL-Vorlage für OpenGL}}
 {{TUTORIAL_NAVIGATION|[[Tutorial Quickstart]]|[[Tutorial Lektion 2]]}}
 [[Kategorie:Tutorial|Lektion1]]

@@ Zeile 107: / Zeile 107: @@
 * {{DateiLink|file=template_delphi_vcl‎_2rc|text=Delphi-VCL-Vorlage für OpenGL mit 2 Renderkontexten}}
 * {{DateiLink|file=template_delphi_api|text=Delphi-Vorlage für OpenGL ohne VCL-Overhead}}
 {{TUTORIAL_NAVIGATION|[[Tutorial Quickstart]]|[[Tutorial Lektion 2]]}}
 [[Kategorie:Tutorial|Lektion1]]

@@ Zeile 102: / Zeile 102: @@
 '''Euer'''<br>
 '''Magellan'''
 {{TUTORIAL_NAVIGATION|[[Tutorial Quickstart]]|[[Tutorial Lektion 2]]}}
 [[Kategorie:Tutorial|Lektion1]]

@@ Zeile 20: / Zeile 20: @@
 == Von Tausend und einer Funktion ==
-  <pascal> glColor3b, glColor3d, glColor3f, glColor3i, glColor3s,
+  <source lang="pascal"> glColor3b, glColor3d, glColor3f, glColor3i, glColor3s,
   glColor3ub, glColor3ui, glColor3us, glColor4b, glColor4d,
   glColor4f, glColor4i, glColor4s, glColor4ub, glColor4ui,
@@ Zeile 26: / Zeile 26: @@
   glColor3sv, glColor3ubv, glColor3uiv, glColor3usv,
   glColor4bv, glColor4dv, glColor4fv, glColor4iv, glColor4sv,
-  glColor4ubv, glColor4uiv, glColor4usv</pascal>
+  glColor4ubv, glColor4uiv, glColor4usv</source>
 Es sind nicht ganz tausend und eine geworden, allerdings kommt dies schon sehr nahe dran ;). Sprach ich nicht gerade noch von einem kleinen Sprachumfang? Schnell werdet Ihr aber erkannt haben, dass das Grundgerüst dieser Funktion glColor heißt. All diese Funktionen verhalten sich gleich und unterscheiden sich lediglich in der Übergabe der Parameter. So werden bei glColor3i 3 Parameter vom Typ Integer erwartet. glColor4b verlangt hingegen 4 Parameter vom Typ Byte.
@@ Zeile 53: / Zeile 53: @@
 Nachdem wir diesen erstellt haben müssen wir Ihn noch aktivieren. Dies geschieht mit der Funktion "ActiveRenderingContext". Das ganze sieht dann in etwa so aus:
-<pascal>var
+<source lang="pascal">var
    DC, RC:HDC;
 procedure TfrmMain.FormCreate(Sender: TObject);
@@ Zeile 67: / Zeile 67: @@
 );          //Layer
    ActivateRenderingContext(DC, RC);
-end;</pascal>
+end;</source>
 Eine Änderung der Parameterwerte von CreateRenderingContext bzw. das genaue Verständniss dieser ist für Anfänger nicht nötig. Für alle die es trotzdem wissen wollen:
@@ Zeile 86: / Zeile 86: @@
 Jetzt müssen wir nur noch die Größe des Bildes, welches wir rendern möchten definieren. Mit dem Befehl [[glViewport]] definieren wir die Zeichenfläche. Im Gegensatz zu Windows liegt der Ursprung bei OpenGL unten links. Da die Größe unserer Zeichenfläche der des Fensters entsprechend soll rufen wir diesen Befehl im OnResize-Ereignis unseres Formulars auf:
-<pascal>glViewport(0, 0, ClientWidth, ClientHeight);</pascal>
+<source lang="pascal">glViewport(0, 0, ClientWidth, ClientHeight);</source>
 Die vier kommenden Zeilen solltet Ihr ganz schnell wieder aus Eurem Gedächtnis streichen und erst einmal als gegeben hinnehmen. In Tutorial 2 und 3 werden wir näher darauf eingehen. Soviel sei jedoch gesagt: Es wird nichts weiter unternommen als unsere dreidimensionale Welt aufzuspannen. Damit ist sichergestellt, dass Objekte in großer Entfernung kleiner erscheinen, so wie wir es gewohnt sind.
-<pascal>glMatrixMode(GL_PROJECTION);
+<source lang="pascal">glMatrixMode(GL_PROJECTION);
 glLoadIdentity;
 gluPerspective(60, ClientWidth/ClientHeight, 0.1, 100);
-glMatrixMode(GL_MODELVIEW);</pascal>
+glMatrixMode(GL_MODELVIEW);</source>
 Mit diesem Wissen könnt Ihr nun direkt in Tutorial 2 einsteigen.