Mise en route avec HTML5 Game Development - Mozilla Hacks - le blog de développeur Web
Il y a beaucoup de façons valides pour créer un jeu HTML5, et un peu de matériel sur l'aspect technique de chacun, donc pour cet article, je vais donner plus d'un large aperçu du développement de jeux HTML5. Comment « HTML5 » peut être mieux que natif, où commencer avec le processus de développement, où aller quand vous êtes coincé, et comment monétiser et distribuer des jeux.
La plupart des spectateurs ici voit déjà la valeur en HTML5, mais je veux re-itérer pourquoi vous devriez être la construction d'un jeu HTML5. Si vous êtes ciblez iOS pour votre jeu, écrire le jeu en Objective-C, les inconvénients l'emportent sur les avantages dans ce scénario ... mais si vous voulez construire un jeu qui fonctionne sur une multitude de plates-formes, HTML5 est la voie à suivre.
Cross-Platform
L'un des avantages les plus évidents de HTML5 pour les jeux est que les jeux fonctionneront sur tout appareil moderne. Oui, vous devrez mettre la pensée supplémentaire dans la façon dont votre jeu répondra à différentes tailles d'écran et les types d'entrée, et oui, vous pourriez avoir à faire un peu de « personnalisation » dans le code par plate-forme (l'inhibiteur principal étant audio); mais il est beaucoup mieux que l'alternative de portage complètement le jeu à chaque fois.
Je vois trop de jeux qui ne fonctionnent pas sur les mobiles et tablettes, et dans la plupart des cas qui est vraiment une énorme erreur de faire lors du développement de votre jeu - garder à l'esprit mobile lors du développement de votre jeu HTML5!
Répartition unique
La plupart des jeux HTML5 qui ont été développés à ce point sont construits de la même manière que Flash et les jeux mobiles natives. Dans une certaine mesure, cela est logique, mais ce qui est négligé les avantages réels Le Web comme plate-forme ajoute. Il est comme si un développeur iOS devait construire un jeu qui ne profite pas de la façon dont le toucher est différent d'une souris - ou si Doodle Jump a été construit avec les touches fléchées en bas de l'écran au lieu d'utiliser l'accélérateur de l'appareil.
Plus rapide processus de développement
Pas d'attente pour la compilation, mises à jour et le débogage en temps réel, et une fois que le jeu est fait, vous pouvez pousser la mise à jour immédiatement.
Les moteurs de jeu ne sont qu'un plus haut niveau d'abstraction qui prennent soin de quelques-unes des tâches les plus fastidieuses de développement de jeux. La plupart prennent en charge le chargement d'actifs, l'entrée, la physique, audio, cartes de sprites et de l'animation, mais ils varient un peu. Certains moteurs sont assez barebones, alors que certains (ImpactJS par exemple) vont jusqu'à inclure un éditeur de niveau 2D et des outils de débogage.
Le choix entre un « moteur de jeu » et un « Game Maker »
Trouver le bon moteur de jeu / Game Maker pour vous
HTML5GameEngine.com est un excellent endroit pour commencer votre recherche, car les centaines de moteurs de jeu sont rétrécis à environ 20 qui sont établis, maintenus activement et ont des jeux réels en cours d'élaboration avec eux.
Pour une liste plus complète des moteurs (ce qui signifie qu'il peut y avoir une ordure à passer au crible), cette liste sur GitHub est votre meilleur pari.
Tutoriels technique
- jsGameWiki est plein de liens vers des tutoriels et des ressources techniques.
- HTML5 Gamedev Starter - similaire à jsGameWiki, mais un peu plus facile à digérer.
- Mozilla Hacks -> Jeux
- Comment concevoir un jeu mobile avec HTML5 pour développer un jeu qui est mobile convivial.
- Non Guide Tears HTML5 Jeux est relativement ancienne (2,5 ans), mais il est encore un outil d'apprentissage très bon si vous n'êtes pas en utilisant un moteur de jeu.
Tutoriels Game Design
Avec le développement du jeu, l'aspect technique n'est pas tout - ce qui est plus important est que le jeu être amusant. Voici quelques endroits pour commencer lors de l'apprentissage de la mécanique de jeu.
Conservation de l'utilisateur, Monétisation et plus
La divulgation complète ici: Je suis un co-fondateur de Clay.io.
Outils de développement
Peu importe ce que vous construisez, une motivation supplémentaire est toujours utile. Pour les jeux, que la motivation vient souvent de vous entourer avec d'autres qui sont dans le même bateau que vous - travailler sur les jeux.
Ludum Dare n'est pas pour les prix tangibles, ni spécifique aux jeux HTML5, mais il y a beaucoup de développeurs HTML5 qui participent.
Un jeu un mois n'est pas tant une compétition car il est un outil de responsabilisation. Ce ne se limite pas aux jeux HTML5, mais la plupart des participants travaillent avec HTML5. L'objectif est de manivelle un jeu chaque mois. Je ne recommanderais pas ce à long terme depuis un mois est trop court d'un temps pour créer un grand jeu, mais il est bon quand on apprend à vous forcer à développer et à finir des jeux simples.
HTML5GameDevs est rapidement devenu la communauté la plus active des développeurs de jeux HTML5. La plupart des gens sont très sympathiques et prêts à répondre à toutes les questions que vous rencontrer.
#BBG est le go-to canal IRC pour les jeux HTML5 - vous trouverez même assez peu Mozillians traîner.
Intrajeu Achats
Intrajeu paiements, à mon avis, sont la voie à suivre pour le jeu HTML5 à long terme. Pour l'instant, la plupart des jeux HTML5 n'ont pas assez de contenu de qualité, ni les mécanismes de jeu en place pour obtenir des articles joueur d'achat.
Ceci est le modèle de revenus avec le plus grand potentiel, mais il est aussi le plus difficile à atteindre de loin - pas techniquement, mais ayant le bon jeu. Je dirais que la meilleure façon d'apprendre à bien monétiser votre jeu dans cet aspect est de jeter un oeil à des jeux qui le font vraiment bien sur Flash et Mobile - jeux de King.com et Zynga ont généralement ce clouées assez bien. Il y a aussi du bon matériel de lecture, comme le Top F2P Monétisation astuces sur Gamasutra.
Où nous en sommes en ce moment avec des jeux HTML5, jeux de licence est la plus forte et la plus cohérente pour faire de l'argent - si et seulement si votre jeu fonctionne bien sur les appareils mobiles.
La publicité
La publicité est le milieu au sol entre les paiements dans le jeu et les licences. Il est plus facile que de faire de l'argent et avec un plafond potentiel plus élevé que des licences (mais probablement moins que les paiements en jeu) les paiements en jeu. Il est assez facile à mettre en œuvre des annonces: il suffit de choisir votre réseau publicitaire de choix (méfiez-vous des termes stricts de Adsense) et les mettre en œuvre soit autour du jeu, ou à différents points d'arrêt.
Les réseaux publicitaires couramment utilisés sont LeadBolt pour mobile et CPMStar pour le bureau. Vous pouvez également utiliser Clay.io ce qui le rend un peu plus facile à mettre en œuvre la publicité, et cherche à maximiser les revenus en utilisant différents réseaux publicitaires en fonction de l'appareil utilisé et d'autres facteurs.
La dernière étape dans le développement d'un jeu est la distribution. Le jeu est fait, maintenant vous voulez que les gens à jouer le jeu! Heureusement, avec HTML5 il y a beaucoup d'endroits pour avoir votre jeu (dont beaucoup vont souvent utilisé).
A propos de Austin Hallock
Austin Hallock est le PDG de Clay.io - fournisseur d'outils de haut niveau et la distribution pour les développeurs de jeux HTML5.
A propos de Robert Nyman [Editor Emérite]
L'air très cool!
Je recommande vraiment Node-Webkit pour les cas d'utilisation où vous souhaitez télécharger des exécutables. Il habituellement « fonctionne » :)
Comment avez-vous réussi à faire un exécutable téléchargeable avec nœud Webkit?
* Je sais que vous ne seriez jamais celui de penser que. ;)
Je pensais au cours Udacity dans la section Outils d'apprentissage, mais on dirait que je accidentellement laissé dehors.
HTML5 Canvas est mort.
« Penser à combien de liens vous cliquez dans les applications Facebook et Twitter » ... mmmm, jamais!
Devinez je ne devrais pas avoir de telles phrases chargées;) Le point est beaucoup de gens cliquent sur des liens sur Facebook et Twitter.
Ne plan mozilla nous permet de choisir le type émulé de cpu et la quantité de RAM dans le simulateur de FFOS?
C'est une question intéressante. En ce moment, je ne connais pas de plans directs pour cela, mais au fil du temps, il pourrait certainement se révéler être une option intéressante.
Je suggère également « Gamemaker: Studio » par « Jeux YoYo », il est peut-être le plus gamemaker visuel, avec des chambres d'objet 2d et fonctionne bien si vous voulez des trucs avancés - puissant script, prend en charge Modding et prend désormais en charge les shaders! Mais cela ne coûte un peu - 300 $ pour toutes les fonctionnalités, 500 $ pour tous les modules d'exportation, mais contrairement à tous les autres fabricants de jeux, celui-ci peut automatiquement transférer votre jeu à chaque plate-forme connue de l'homme! (Exepté téléphones java)
Eh bien les jeux seraient faits en HTML5 être pris en charge sur l'appareil mobile et ancien OS (ex: les anciennes versions android).
Jeux travailleront dans les anciennes versions Android et iOS, mais généralement besoin d'un peu de travail supplémentaire pour faire avancer les choses comme travail audio - et quelques autres bizarreries. Elles ne sont pas non plus grand dans les anciennes versions. Alors oui, il peut être fait ... mais ce n'est pas idéal par tout moyen.