So verwenden Leinwand ein Weltraum-Spiel zu erstellen (Windows)
HTML5 Canvas kann schnell, leicht Grafiken erstellen, die für die Entwicklung von Spielen von Vorteil sind. In diesem Abschnitt wird erläutert, wie Leinwand verwenden, um ein Retro-Stil Weltraum fliegendes Spiel zu erstellen, die in einer Webseite ausgeführt werden. Dieses Spiel wurde, können zu zeigen, entwickelt, um die Grundprinzipien, wie Canvas-Funktionen verwendet werden, um Spiele für das Web zu entwickeln. Das Ziel dieses Weltraumspiel ist ein Raumschiff zur Heimatbasis durch ein Sternenfeld von explodierenden Asteroiden zu fliegen.
Canvas kann eine Vielzahl von verschiedenen Web-basierten Spielen erstellen verwendet werden. Es ist ein wirksames Entwicklungswerkzeug, weil es in unmittelbarem Modus arbeitet und Grafiken macht direkt auf den Bildschirm. Im Gegensatz zu behalten Modus Systeme gibt es keine Zwischenschritte, die stattfinden, bevor der Bildschirm gezogen wird. Als Ergebnis macht unmittelbaren Modus der Leinwand es möglich, Spiele zu entwickeln, die schnell laufen und verwenden weniger Speicher als andere Grafiktechnologien. Ein weiterer Vorteil der Leinwand ist, wie es Pixel verwendet, um zu erstellen und Bilder auf dem Bildschirm zu lesen. Es ist leicht, komplexe Animationen zu tun, indem jedes Pixel einzeln zu ändern. Canvas kann auch haben, welche Pixel erkennen vorher auf dem Bildschirm gezeichnet worden. Mit dieser Funktion kann ein Spielprogramm bestimmen, ob Objekte kollidieren. Die Kollisionserkennung ist eine wesentliche Voraussetzung für die schnelle Action Spiel zu schaffen.
Die Codebeispiele in diesem Tutorial haben so einfach wie möglich geschrieben worden, um die Grundprinzipien der vier Spielprogrammieraufgaben zu zeigen. Die Proben Einfachheit ermöglicht eine einfache Erweiterung und Anpassung, so dass Sie Ihre eigenen Web-Spiele erstellen können. Diskussion Material am Ende des Codes erscheint, die das Design und die Struktur von jedem Teil des Codes erläutert, zeigt, wie die Teile zusammenpassen, und enthält Links zu weiteren Informationen. Weitere Informationen über die Leinwand Programmierung finden Sie im MSDN-Leinwand Referenz.