Comment concevoir des jeux HTML5
HTML5 et le terme "cross platform" sont des mots à la mode, et pour cause. La technologie fonctionne pour les smartphones, les tablettes, les ordinateurs portables et les ordinateurs de bureau. Les agences adorent le concept, car tout concepteur Web connaissant le HTML comprendra le HTML5. Qu'est-ce que cela signifie pour vous , le Web Designer?
- Plus de projets impliquant HTML5
- Plus de projets tournant autour de l'interactivité
- Créer des expériences avec lesquelles l'utilisateur final doit interagir
Au cœur de cette expérience interactive, se trouvent les jeux occasionnels. Dans cet article, je vais vous montrer comment vous pouvez obtenir une expérience de conception de jeux convoité. Le but? Avoir un "game design HTML5" sur votre CV.
Je joue à des jeux, mais ...
C'est une erreur courante chez les concepteurs Web que la conception de jeux est une compétence spécialisée. Vous n'avez pas besoin de fréquenter une école de conception de jeux pour concevoir des jeux. Tout le monde peut concevoir des jeux. Tout d'abord, divisons cela en plusieurs parties. Construire un jeu nécessite trois étapes principales:
- concevoir le jeu;
- produire les ressources visuelles et sonores;
- programmation du jeu.
En tant que concepteur de sites Web, le moyen le plus simple d’acquérir de l’expérience consiste à concevoir le jeu lui-même. Pour les points 2 et 3, une agence a généralement déjà des artistes et des programmeurs désignés pour le poste. Si vous êtes doué pour l'art, 2 est hautement réalisable. Pour les besoins de cet article, discutons de l'étape 1. Où commençons-nous même? Voici 10 étapes que chaque concepteur de jeu doit franchir pour gagner ses galons.
1) Jouer beaucoup de jeux occasionnels
Vous avez un iPhone ou un téléphone Android? Allez sur l'App Store, allez au top des jeux gratuits. Téléchargez et jouez à chaque jeu dans la liste des 20 meilleurs. Faites-le au moins une fois toutes les 2 semaines.
Pendant que vous jouez, soyez conscient de la façon dont chaque jeu est conçu. Quelles techniques d'animation et de mécanique utilise-t-il? Les personnages vous ont-ils marqué? Avait-il un scénario? Qu'est-ce que le jeu vous a fait ressentir? Après 20 à 30 jeux, vous commencerez à repérer des motifs.
Vous remarquerez que certains jeux, à la base, sont vraiment la même chose. Par exemple: Clash of Clans, Boom Beach et Hay Day ont pour but de construire, de défendre et d'attaquer.
Vous remarquerez que les jeux simples, tels que Flappy Bird ou Swing Copters, se concentrent sur des défis vraiment difficiles, qui peuvent être répétés un nombre infini de fois.
Vous remarquerez que certains jeux se concentrent sur des histoires captivantes avec des personnages soigneusement conçus.
Vous remarquerez aussi quelques rares jeux indépendants, qui sont simplement aléatoires mais vraiment amusants!
2) Faire des croquis ... beaucoup
Faites des croquis des choses que vous aimez des jeux auxquels vous avez joué. Esquisse des caractères, des cartes, des menus et des interfaces utilisateur. Y a-t-il un certain caractère que vous avez aimé? Y avait-il un certain angle du jeu qui vous a excité?
Voici un personnage appelé "Matt". Il est ennuyé, collé à sa chaise:
3) Faire des diagrammes de flux
Les diagrammes de flux décrivent le processus pas à pas du jeu. Ils décrivent le point où l'utilisateur commence le jeu, jusqu'aux événements importants, tels que la victoire ou la perte. Commencez avec des diagrammes simples comme ceci:
À mesure que vous gagnez en confiance, effectuez une itération sur votre flux simple pour créer des flux plus complexes.
4) Rédiger un document de conception de jeu
En utilisant ce que vous avez appris des étapes 1 à 3, concevez et rédigez un document de conception de jeu simplifié. Un GDD indique au lecteur de quoi il s'agit.
Exemple rapide: Prenons notre personnage appelé "Matt" à l'étape 2, et disons qu'il est piégé dans un travail de bureau ennuyeux. Il veut s'échapper. La prise est, il ne peut le faire que de sa chaise roulante. Nous avons produit une esquisse soignée de l'écran de jeu. Il montre un labyrinthe de bureaux qui conspirent pour bloquer la fuite de Matt.
À titre d'exemple, nous avons simplifié l'objectif du jeu. Naviguez dans le labyrinthe du bureau pour y échapper.
C'est ça, pour un GDD très basique. Voici le diagramme complet de notre jeu, Escape The Office .
5) Entraînez votre mentalité multi-plateforme
Avec les jeux HTML5, cela revient en grande partie à pouvoir exécuter le jeu sur différentes tailles d'écran, de manière efficace. Voici un aperçu des différents appareils que nous avons sur le marché: iPhone, iPad, iPod Touch, Samsung Galaxy Note 3, tablette Samsung Galaxy, Google Nexus, LG, Xiaomi, Windows Phone, ordinateur portable Windows, Mac, la liste s'allonge encore et encore ... ? Pourtant, c’est ce que font les grandes entreprises. En tant que designer indépendant, comment concevez-vous un jeu qui correspond à différentes tailles d’écran?
- Corrigez l'orientation du jeu. Concevez votre jeu de telle manière qu'il fonctionne en mode portrait ou en mode paysage uniquement .
- Trouvez la résolution de jeu la plus courante pour la plupart des appareils. Maintenir le rapport d'aspect. Ensuite, augmentez ou diminuez en fonction de la résolution de l’appareil. Nous trouvons les proportions de 3: 4 (portrait) ou 4: 3 (paysage) les plus populaires et les plus efficaces.
- Concevez des jeux légers et décontractés. Ne partez pas pour le volumineux jeu 3D MMO. Au lieu de cela, optez pour des expériences amusantes et légères. Le jeu pourrait être aussi simple que de taper des taupes, ou de sauter autour des plates-formes. Tout ce qui est sous le ciel est un jeu juste (sans jeu de mots).
- Toujours dessiner des illustrations haute résolution. Au moins 2048px de large comme base. Il est plus facile de réduire que de développer.
6) Commencer à lancer
Demandez à votre entreprise (ou à vos clients) s’ils sont intéressés par des projets liés au jeu. Montrez-leur vos créations. Piquez votre coeur. Promenez-les à travers le GDD.
Votre première idée de jeu ne sera pas comme Shark Tank, soyez assuré! Les chances sont, ils alloueront un petit budget pour le jeu. S'il n'y a pas de budget, continuez à faire de meilleurs designs et à contacter d'autres entreprises. Si vous avez les ressources, financez vos propres projets de jeu pour pas cher.
7) Trouver un programmeur
Une fois que vous avez un budget, commencez à chercher des programmeurs spécialisés dans le développement de jeux. Montrez-leur vos conceptions, partagez le budget et dites-leur la vision. La plupart des développeurs de jeux sont très utiles. Ce dont vous avez besoin, c'est d'un programmeur qui connaît bien les jeux HTML5. Cette personne doit savoir coder quelque chose qui s'adapte parfaitement à toutes sortes de facteurs de forme. Discutez de la "mentalité croisée" avec le programmeur.
8) moudre
Le développement du jeu lui-même prendra des semaines, voire des mois, au départ. Il y aura de la sueur et des larmes de sang, mais tout cela en vaudra la peine. Il est très important de garder la conception de votre jeu très, très petite, du moins pour votre premier projet.
9) Terminer le projet
Le mot clé ici est "terminer" le projet. Souvent, en tant que concepteurs, nous voulons un jeu parfait. Zéro bugs. Art du jeu magnifiquement conçu, avec des règles idéales. Jetez cet état d'esprit par la fenêtre. Optez pour "assez bien". Libérez le jeu dans la nature. Rien ne dit que c'est comme un jeu en direct, entre les mains des utilisateurs. Vous pouvez toujours peaufiner le jeu après le lancement. Mieux vaut fait que parfait.
10) Mesurer la rétroaction
Vérifiez les réponses des utilisateurs à votre jeu. Utilisez des outils gratuits tels que Google Analytics pour suivre les vues, les jeux et les événements de votre jeu.
Si vous concevez des jeux pour attirer l'attention des médias sociaux, analysez les goûts de Facebook, les Tweets et les J'aime Instagram. Étudiez comment les utilisateurs ont réagi à votre jeu.