Comment faire pour créer les jeux de rôle dans votre jeu HTML5
HTML5 Game Development pour les nuls
Le jeu de rôle (RPG) est l'une des formes de gameplay les plus durables. Alors que les jeux de rôle peuvent travailler de différentes façons pour votre jeu HTML5, la configuration générale suit un modèle familier. L'utilisateur met en prise comme un caractère à un ensemble de caractéristiques de base. Le joueur recueille alors les ennemis des objets et des défaites pour améliorer sa performance par la suite, ce qui conduit à des monstres plus difficiles.
Construire une base de classe de personnage du jeu
Commencez par la construction d'une classe de caractères générique qui prend en charge toutes les caractéristiques communes, et vous pouvez ensuite modifier facilement cette classe pour construire tous les héros et les monstres que vous pouvez imaginer. Les clés de toute classe de caractères sont les statistiques utilisées dans le combat et le nivellement. Vous pouvez gérer cela de plusieurs façons:
hp. Points de dommage. Ceci est le montant des dommages qu'un personnage peut prendre. Si vous avez beaucoup de points de vie, vous pouvez prendre beaucoup de dégâts.
hitPerc. Ceci est le pourcentage de probabilité qu'une attaque particulière frappera. Si le hitPerc 50, les attaques atterrira la moitié du temps. Des valeurs plus élevées conduisent à des attaques plus réussies.
dommage. Le modificateur de dégâts indique combien de dégâts sera fait sur un coup réussi. Cette valeur indique combien de dés à six faces seront déployées. (L'utilisation dés donne une valeur plus crédible de dégâts qu'une valeur aléatoire droite. Par exemple, deux dés à six faces produira les valeurs de cinq à neuf beaucoup plus fréquemment que 2 ou 12.)
defMod. Cette valeur est un modificateur défensif. Il est utilisé pour simuler la dextérité et la capacité d'esquiver une attaque. Le modificateur de la défense est utilisé pour faire un adversaire moins susceptible de porter un coup.
armure. Une fois qu'une attaque a atterri, la valeur d'armure absorbe une partie des dégâts. Plus la valeur d'armure, plus il est difficile de blesser le personnage.
La classe C haracter détient toutes ces valeurs dans les propriétés, et il contient également deux fonctions. La fonction showStatus () retourne une chaîne contenant toutes les statistiques pour le caractère. La fonction combat () gère un round de combat.
Voici le code pour la méthode de lutte ():
Voilà comment la méthode de lutte () fonctionne:
Accepter un autre caractère comme paramètre.
La méthode de lutte () attend une classe ennemie, ce qui devrait aussi être un caractère (ou quelque chose en fonction de la classe de caractères).
Déterminer le pourcentage de succès.
Soustraire modificateur de la défense de l'ennemi de hitPerc de l'attaquant. Cela donnera une valeur comprise entre 0 et 100. Diviser cette valeur par 100 pour obtenir un 0-1 flottant.
Rouler un nombre aléatoire.
La fonction Math.random () retourne une valeur comprise entre 0 et 1. Comparez cela à la hitPerc calculée pour savoir s'il y a eu un coup.
Lancez un dé à six faces pour chaque point de dommage, et ajoutez cette valeur à un total en cours d'exécution pour déterminer combien de dégâts causés par ce coup.
Compenser les blindés ennemis.
Soustraire la valeur d'armure du montant des dommages.
Soustraire les dommages causés par le hp ennemi.
Appliquer des dommages en le soustrayant de HP.
Vérifiez si l'ennemi est mort.
Si le HP passe en dessous de 0, l'ennemi est mort.
Le modèle de combat est conçu pour être simple et flexible. Tous les micros ou des améliorations diverses au niveau peuvent se réduire à modifier les petites caractéristiques.
héros du jeu
Le héros est une autre extension de la classe de caractères, mais (comme il sied à un héros), il a un peu plus la mise en valeur. Le héros utilise une animation de feuille de sprite. Un fichier GIMP vous permet de créer des personnages personnalisés en allumant et en éteignant différentes couches dans GIMP.
La classe Hero est un peu comme le caractère par défaut. L'ajout principal est le code d'animation. Voici une partie de ce code:
Le héros utilise un modèle de collision prédictive pour empêcher la marche dans l'orc. Si une collision est noté, le héros soutient simplement à l'endroit d'origine avant de se mettre à jour:
Si le héros entre en collision avec l'orque, le mécanisme de lutte () commence. Ceci est en fait assez simple:
La fonction combat () a le héros attaque l'orc, puis l'orque attaque le héros. Après le tour, les statistiques de chaque personnage sont affichés dans la sortie appropriée.
Comment améliorer le jeu de rôle
Ce jeu ne fait que poser des améliorations. Il y a plusieurs façons de prendre cet exemple encore:
Ajouter plus de monstres. Vous pouvez construire une gamme de monstres entier. Notez que chaque monstre pourrait simplement être une image et les statistiques de combat.
Ajouter un inventaire. Permettre à l'utilisateur de ramasser divers objets. Chacun des éléments vont simplement changer une variable ou deux: rendre le joueur plus fort, lui donnant plus de dégâts, ou une meilleure défense contre les attaques, par exemple.
Inclure un donjon. Utilisez des graphiques de fond pour ajouter à l'atmosphère. Vous pouvez toujours utiliser un tableau de blocs pour les barrières.
Ajouter un donjon à base de tuiles. Bien sûr, mondes basés tuiles et de combat RPG sont des compagnons naturels.