Erstellen eines einfachen Windows 8 -Spiels mit JavaScript: Windows 8 App -Grundlagen

Dieses Tutorial führt Sie durch das Erstellen eines einfachen Windows 8 -Spiels mit HTML5, JavaScript, WinJs und CreateJS -Bibliotheken, wobei das XNA -Beispiel "Catapult Wars Lab" angepasst wird.

TECHTSCHAFTE KONZEPTE DECKERTE:

• Einrichten einer Windows 8 -Entwicklungsumgebung mit Visual Studio 2012.
• ein neues Projekt erstellen und seine Struktur verstehen.
• HTML und CSS für die Schnittstelle des Spiels verwenden.
• JavaScript für Spiellogik, Weltmanagement, Bildladen und Helferfunktionen verwenden.
• Implementieren einer Spielschleife für staatliche Updates und Inhaltsanzeige.
• Anpassung des Spiellayouts mithilfe von CSS -Medienabfragen für verschiedene Bildschirmgrößen.
• Spielstatus vor der App sparen, um den Datenverlust zu verhindern.

Projektaufbau und Struktur:

Beginnen Sie mit der Installation von Windows 8 und Visual Studio 2012. Erstellen Sie ein neues JavaScript -Projekt "Blanker App" in Visual Studio und benennen Sie es "Katapultgame". Die wichtigsten Komponenten des Projekts umfassen:

• References/Windows Library for JavaScript (WinJS): Bietet JavaScript und CSS für die Entwicklung von Windows 8 App.
• css/default.css: Starter CSS, einschließlich Medienabfragen für reaktionsschnelles Design.
• js/default.js: Enthält die anfängliche JavaScript -Logik; Hier befindet sich die Kernfunktionalität des Spiels.
• default.html: Die Haupt -HTML -Seite für das Spiel.
• package.appxmanifest: Projekteinstellungen (Name, Beschreibung usw.).
• images Ordner: Enthält Standardbilder; Ersetzen Sie diese durch Ihr Spielvermögen.

Ausführen des leeren Projekts enthüllt eine grundlegende HTML -Seite mit dem Text "Inhaltsgänge hier". Dieser Text stammt aus der Datei default.html.

HTML, CSS und JavaScript -Rollen:

• html (default.html): definiert die Struktur und den Inhalt des Spiels.
• css (default.css): stiles das Aussehen des Spiels und verarbeitet das Responsive Layout mithilfe von Medienabfragen für verschiedene Bildschirmausrichtung und Fenstergrößen.
• JavaScript (default.js): verwaltet die Spiellogik, übernimmt die Benutzereingabe, aktualisiert das Spielstatus, lädt Assets und macht das Spiel auf der Leinwand. Die Funktionen onactivated und oncheckpoint in default.js sind für die Initialisierung und das Speichern von Spielstatus vor der Aufhängung von entscheidender Bedeutung.

Nächste Schritte und weiteres Lernen:

In den folgenden Beiträgen wird die Entwicklung des Spiels beschrieben, die Vermögenswerte aus "Catapult Wars Lab" integriert und die Kernmechanik des Spiels erstellt. Weitere erweiterte Beispiele finden Sie in der Probe MSDN JavaScript und HTML5 Touch Game. Das Tutorial betont die Einfachheit; umfassendere Spielentwicklungstechniken sind im vorgeschlagenen weiteren Lesen verfügbar.

Das obige ist der detaillierte Inhalt vonErstellen eines einfachen Windows 8 -Spiels mit JavaScript: Windows 8 App -Grundlagen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!