Séparez les entrées, les règles et la présentation
Dans un jeu de balle et de raquette, les entrées déplacent la raquette, les règles déplacent la balle et testent les collisions, et le rendu dessine l’état du jeu. Séparer ces parties aide à localiser les bugs de gestion du pointeur, de collision ou de dessin. Un prototype peut tenir dans un seul fichier, mais les concepts doivent rester assez clairs pour qu’une réinitialisation ou un nouveau niveau ne conserve pas un état caché.
Choisissez des outils pour la scène réelle
Une interface fondée sur le DOM peut convenir à un puzzle de cartes avec quelques éléments interactifs ; Canvas peut convenir à une scène comportant de nombreux objets à dessiner ensemble. Aucun choix n’est systématiquement le meilleur. Vérifiez si le texte doit rester sélectionnable, comment adapter la taille de la zone de jeu et quels périphériques d’entrée prendre en charge. La présentation du développement de jeux de MDN renvoie aux technologies et guides du navigateur, notamment Canvas et les commandes : utilisez-la pour explorer l’option adaptée à votre design.
Testez dans le navigateur que vous prévoyez de prendre en charge
Exécutez le jeu dans différentes tailles de fenêtre avec sa véritable méthode de saisie. Vérifiez que le focus, le redimensionnement et le retour à un onglet ne laissent pas le jeu dans un état déroutant. Conservez une solution de secours simple pour une entrée perdue ou invalide lorsque cela est possible. Le comportement du navigateur et de l'appareil peut varier, alors indiquez les environnements que vous avez testés au lieu de promettre que chaque configuration se comporte de manière identique.
Questions sur développement de jeux par navigateur
Ai-je besoin d’un moteur de jeu pour un jeu par navigateur ?
Pas toujours. Un petit jeu peut utiliser directement les API du navigateur, tandis qu'un projet plus vaste peut bénéficier d'un framework ou d'un moteur. Choisissez en fonction de la scène, des outils et de l'équipe.
Où puis-je apprendre les technologies des jeux par navigateur ?
MDN maintient un guide de développement de jeux avec des introductions, des techniques et des liens vers les API Web couramment utilisées pour les jeux. Utilisez la référence spécifique de l'API que vous adoptez.
Pour aller plus loin
Vous avez repéré une information dépassée ? Signaler une correction