Die Unterrichtsstunden

Ich habe WebGL eine Reihe von Lektionen zu schaffen als Möglichkeit, mich zu unterrichten. Die ersten zehn basieren auf dem bekannten, aber ich habe seitdem auseinander. Hier sind die, die so weit. Wenn Englisch nicht Ihre erste Sprache ist, könnten Sie diese Übersetzungen der Lektionen mag: Chinesisch: Spanisch: Japanisch: zeigt Ihnen, wie Sie zum Herunterladen, Installieren und einen Web-Browser so konfigurieren, dass WebGL Inhalte zeigen können, und gibt Links zu einer Reihe von Seiten die zeigen, was es tun kann. gibt Ihnen einen Überblick, wie WebGL arbeitet, mit genug Code, um einfach ein statisches Dreieck und ein Quadrat auf dem Bildschirm zeichnen. baut auf Lektion 1, und bringt Farbe in das Dreieck und Quadrat. baut auf Lektion 2, um das Dreieck und das Quadrat Spin zu machen. vollständig durch das Dreieck mit einer Pyramide zu ersetzen und den Platz mit einem Würfel baut auf Lektion 3, uns in die dritte Dimension zu bringen. zeigt, wie Sie eine Bilddatei zu "Haut" Ihre 3D-Objekte verwenden können, können Sie eine schnelle und einfache Möglichkeit zu geben, um sie interessanter aussehen. baut auf Lektion 6, einige zeigenerweiterte Möglichkeiten, Texturen zu verwenden, und gibt auch einige Hinweise, wie man die Tastatur in einer Weise geeignet für 3D-Szenen und für Spiele zu lesen. stellt die beiden einfachsten Formen der Beleuchtung. zeigt einen Weg, wie man transparente Materialien in WebGL simulieren können Sie ein wenig mehr Theorie auf dem Weg zu lehren. Mit einfachen Techniken der objektorientierten uns Anzahl unabhängig animierten Objekte auf dem Bildschirm zur gleichen Zeit bewegen zu geben. nutzt Techniken aus der vorherigen Lektion, zusammen mit einem neuen Trick eine Kamera, die die rund um die Szene und zeigt eine Art Nano-Doom zeigt, wie Kugeln zu ziehen, und wie zu schreiben Code, so dass der Benutzer sie bewegt zu simulieren mit spinnen Maus. zeigt, wie Beleuchtung implementieren, die von den Punkten in Ihrer 3D-Szene zu kommen scheint. beschreibt eine Möglichkeit realistischere Beleuchtung auf Kosten von mehr Verarbeitungszeit für die Grafikkarte zu tun. besser macht die Beleuchtung auch durch Glanzlichter hinzufügen, und zeigt auch, wie Modelle von 3D-Objekten laden zu verwendenvon JSON-Dateien. zeigt, wie Specular Maps zu verwenden, die Ihre Szenen mehr Realismus verleihen, indem es leicht zu bestimmen, wie reflektierende ein Objekt an jedem Punkt auf seiner Oberfläche, so wie normale Texturen erlauben, dass Sie seine detaillierte Farbe zu spezifizieren. zeigt, wie ein WebGL-Szene in eine Textur zu machen, die dann in einer anderen Szene verwendet werden kann - ein netter Trick an sich, und eine nützliche Grundlage für andere techiques.