Comment utiliser Canvas pour créer un jeu Space (Windows)
HTML5 Canvas peut créer rapidement, graphiques légers qui sont bénéfiques pour le développement du jeu. Cette section explique comment utiliser Canvas pour créer un jeu de vol l'espace de style rétro qui se déroulera dans une page Web. Ce jeu a été conçu pour montrer les principes de base de la façon dont les caractéristiques de toile peuvent être utilisés pour développer des jeux pour le web. Le but de ce jeu de l'espace est de piloter un vaisseau spatial à la base de la maison à travers un Starfield d'astéroïdes exploser.
Canvas peuvent être utilisés pour créer une variété de jeux basés sur le Web. Il est un outil de développement efficace, car elle fonctionne en mode immédiat et rend graphiques directement à l'écran. Contrairement aux systèmes de mode retenu, il n'y a pas d'étapes intermédiaires qui ont lieu avant que l'écran est tiré. En conséquence, le mode immédiat de toile permet de développer des jeux qui fonctionnent rapidement et utilisent moins de mémoire que d'autres technologies graphiques. Un autre avantage de toile est la façon dont il utilise des pixels pour créer et lire des images à l'écran. Il est facile de faire des animations complexes en changeant chaque pixel individuellement. Toile peut aussi détecter les pixels ont déjà été dessiné sur l'écran. En utilisant cette fonctionnalité, un programme de jeu peut déterminer si des objets sont en collision. La détection des collisions est une condition essentielle pour la création de jeu d'action rapide.
Les exemples de code dans ce tutoriel ont été écrits aussi simplement que possible de montrer les principes de base des quatre tâches de programmation de jeux. La simplicité des échantillons permet une expansion et une personnalisation facile afin que vous puissiez créer vos propres jeux web. matériel de discussion apparaît à la fin du code qui explique la conception et la structure de chaque partie du code, montre comment les pièces fonctionnent ensemble et inclut des liens vers des informations supplémentaires. Pour plus d'informations sur la programmation Canvas, consultez la référence Canvas MSDN.