Création d'un jeu Windows 8 simple avec JavaScript: Bases de l'application Windows 8

Ce tutoriel vous guide dans la construction d'un jeu Windows 8 simple à l'aide de bibliothèques HTML5, JavaScript, Winjs et CreateJS, adaptant l'échantillon XNA "Catapult Wars Lab".

Concepts clés couverts:

• Configuration d'un environnement de développement Windows 8 avec Visual Studio 2012.
• Créer un nouveau projet et comprendre sa structure.
• en utilisant HTML et CSS pour l'interface du jeu.
• Emploie JavaScript pour la logique de jeu, la gestion mondiale, le chargement d'images et les fonctions d'assistance.
• Implémentation d'une boucle de jeu pour les mises à jour d'état et l'affichage du contenu.
• Adapter la disposition du jeu à l'aide des requêtes de médias CSS pour différentes tailles d'écran.
• Enregistrer l'état de jeu avant la suspension de l'application pour éviter la perte de données.

Configuration et structure du projet:

Commencez par installer Windows 8 et Visual Studio 2012. Créez un nouveau projet JavaScript "Blank App" dans Visual Studio, le nommant "CatapultGame". Les composants clés du projet comprennent:

• References/Windows Library for JavaScript (Winjs): fournit JavaScript et CSS pour le développement de l'application Windows 8.
• css/default.css: CSS du démarreur, y compris les requêtes multimédias pour la conception réactive.
• js/default.js: Contient une logique JavaScript initiale; C'est là que résidera la fonctionnalité principale du jeu.
• default.html: La page HTML principale du jeu.
• package.appxmanifest: Paramètres du projet (nom, description, etc.).
• images Folder: contient des images par défaut; Remplacez-les par vos actifs de jeu.

L'exécution du projet vide révèle une page HTML de base avec le texte "Contenu va ici". Ce texte provient du fichier default.html.

Rôles HTML, CSS et JavaScript:

• html (default.html): définit la structure et le contenu du jeu.
• CSS (default.css): Style l'apparence du jeu et gère la disposition réactive à l'aide de requêtes multimédias pour différentes orientations d'écran et tailles de fenêtre.
• JavaScript (default.js): gère la logique du jeu, gère les entrées utilisateur, met à jour l'état de jeu, charge les actifs et rend le jeu sur la toile. Les fonctions onactivated et oncheckpoint dans default.js sont cruciales pour l'initialisation et la sauvegarde de l'état de jeu avant la suspension, respectivement.

étapes suivantes et apprentissage plus approfondi:

Les articles suivants détailleront le développement du jeu, intégrant les actifs de "Catapult Wars Lab" et construisant la mécanique principale du jeu. Pour des exemples plus avancés, reportez-vous à l'échantillon de jeu MSDN JavaScript et HTML5 Touch. Le tutoriel met l'accent sur la simplicité; Des techniques de développement de jeux plus complètes sont disponibles dans la lecture plus approfondie suggérée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!