Étape 3: Écrans Personnage
3 participants
Page 1 sur 1
Étape 3: Écrans Personnage
Fiche de Personnage
Cet écran reprend toutes les informations relatives au personnage: race, classe, niveau, points d'expérience, caractéristiques complètes.
https://drive.google.com/file/d/0B_mtO_wYGwhOV0lGdWFlaHI5VEU/edit?usp=sharing
Inventaire
Cet écran a 3 parties:
- les objets équipés: schéma du corps du héro, avec des cadres pour les différents emplacements (voir inventaire de Diablo 3 pour une idée du graphisme)
- le coffre magique: nombre d'emplacements limités sécurisés pour les objets
- le coffre: nombre d'emplacements illimités pour les objets
https://drive.google.com/file/d/0B_mtO_wYGwhOWjlfWTRkTlY2UkU/edit?usp=sharing
Compétences
Arbre de compétences en 3 branches distinctes. Voir masteries tree de League of Legend pour une idée du graphisme:
http://www.mobafire.com/league-of-legends/mastery-tree-planner
Magie
Livre ouvert avec la liste des sorts pour un niveau particulier.
Au dessous du livre, les emplacements disponibles de ce niveau pour le héro.
Un clic sur un sort du livre place le sort dans un emplacement vide en dessous (si pas d'emplacement vide, message d'erreur).
Un clic sur un emplacement avec un sort sélectionné vide l'emplacement.
https://drive.google.com/file/d/0B_mtO_wYGwhORl9uc1NhY25Md0E/edit?usp=sharing
Possibilité de tris des sorts par élément et type.
Stratégie
Cet écran sera développé dans une étape future.
Cet écran reprend toutes les informations relatives au personnage: race, classe, niveau, points d'expérience, caractéristiques complètes.
https://drive.google.com/file/d/0B_mtO_wYGwhOV0lGdWFlaHI5VEU/edit?usp=sharing
Inventaire
Cet écran a 3 parties:
- les objets équipés: schéma du corps du héro, avec des cadres pour les différents emplacements (voir inventaire de Diablo 3 pour une idée du graphisme)
- le coffre magique: nombre d'emplacements limités sécurisés pour les objets
- le coffre: nombre d'emplacements illimités pour les objets
https://drive.google.com/file/d/0B_mtO_wYGwhOWjlfWTRkTlY2UkU/edit?usp=sharing
Compétences
Arbre de compétences en 3 branches distinctes. Voir masteries tree de League of Legend pour une idée du graphisme:
http://www.mobafire.com/league-of-legends/mastery-tree-planner
Magie
Livre ouvert avec la liste des sorts pour un niveau particulier.
Au dessous du livre, les emplacements disponibles de ce niveau pour le héro.
Un clic sur un sort du livre place le sort dans un emplacement vide en dessous (si pas d'emplacement vide, message d'erreur).
Un clic sur un emplacement avec un sort sélectionné vide l'emplacement.
https://drive.google.com/file/d/0B_mtO_wYGwhORl9uc1NhY25Md0E/edit?usp=sharing
Possibilité de tris des sorts par élément et type.
Stratégie
Cet écran sera développé dans une étape future.
Dernière édition par Tharkis le Mar 31 Mar - 23:48, édité 1 fois
Re: Étape 3: Écrans Personnage
La fiche de personnage est finalement divisée en 3 onglets.
Sur le 1er onglet, on affiche:
- Nom
- Avatar
- Classe et Race
- Niveau
- Expérience et Expérience pour le prochain level
- Attaque Physique
- Attaque Magique
- Défense Physique
- Défense Magique
- Vitesse
- Puissance Magique
- Charisme
- Leadership
- Current Mana / Maximum Mana
Sur le 2ème onglet, on affiche toutes les résistances et bonus aux dommages de tous les types.
Sur le 3ème onglet, on affiche les bonus liés aux sorts et les bonus divers.
Il s'agit d'une seule et même page, l'affichage des onglets est géré via Javascript.
Sur le 1er onglet, on affiche:
- Nom
- Avatar
- Classe et Race
- Niveau
- Expérience et Expérience pour le prochain level
- Attaque Physique
- Attaque Magique
- Défense Physique
- Défense Magique
- Vitesse
- Puissance Magique
- Charisme
- Leadership
- Current Mana / Maximum Mana
Sur le 2ème onglet, on affiche toutes les résistances et bonus aux dommages de tous les types.
Sur le 3ème onglet, on affiche les bonus liés aux sorts et les bonus divers.
Il s'agit d'une seule et même page, l'affichage des onglets est géré via Javascript.
Re: Étape 3: Écrans Personnage
LinChan, est-ce que tu peux essayer de faire la page "Fiche de personnage"?
On garde l'idée d'une page avec onglets, mais 2 onglets seulement.
Donc 1er onglet, les données à afficher sont:
- Nom
- Avatar
- Classe et Race
- Niveau
- Expérience et Expérience pour le prochain level
- Attaque Physique
- Attaque Magique
- Défense Physique
- Défense Magique
- Vitesse
- Puissance Magique
- Charisme
- Leadership
- Current Mana / Maximum Mana
Sur le 2ème onglet, on affiche toutes les résistances et bonus aux dommages.
Toutes ces données se trouvent dans les 2 tables suivantes:
characters
statistics
Le passage d'un onglet à l'autre se fera via un appel Ajax au final: ça permettra de remplacer le "cadre" contenant les données sans recharger les menus, ce qui apparaîtra plus fluide.
Dans un second temps, on ajoutera un bouton qui permettra de venir visualiser les statistiques du personnage avec l'ajout des effets des sorts incantés, mais ne t'en soucie pas pour le moment, on verra ça après.
N'hésite pas à me poser des questions, sur skype ou ici même, à propos des informations qu'il te manque pour faire ça etc.
Pas besoin de lier ta page à aucune autre pour le moment, on y accèdera directement via son url. On liera le tout plus tard quand on aura implémenté le menu.
On garde l'idée d'une page avec onglets, mais 2 onglets seulement.
Donc 1er onglet, les données à afficher sont:
- Nom
- Avatar
- Classe et Race
- Niveau
- Expérience et Expérience pour le prochain level
- Attaque Physique
- Attaque Magique
- Défense Physique
- Défense Magique
- Vitesse
- Puissance Magique
- Charisme
- Leadership
- Current Mana / Maximum Mana
Sur le 2ème onglet, on affiche toutes les résistances et bonus aux dommages.
Toutes ces données se trouvent dans les 2 tables suivantes:
characters
statistics
Le passage d'un onglet à l'autre se fera via un appel Ajax au final: ça permettra de remplacer le "cadre" contenant les données sans recharger les menus, ce qui apparaîtra plus fluide.
Dans un second temps, on ajoutera un bouton qui permettra de venir visualiser les statistiques du personnage avec l'ajout des effets des sorts incantés, mais ne t'en soucie pas pour le moment, on verra ça après.
N'hésite pas à me poser des questions, sur skype ou ici même, à propos des informations qu'il te manque pour faire ça etc.
Pas besoin de lier ta page à aucune autre pour le moment, on y accèdera directement via son url. On liera le tout plus tard quand on aura implémenté le menu.
Re: Étape 3: Écrans Personnage
Pour savoir quel personnage afficher sur la page, mets son id dans un paramètre d'url pour le moment, on basculera ça sur une donnée en session un peu plus tard également.
J'ai dû oublier de te donner des milliers d'infos dans ce genre, désolé par avance
J'ai dû oublier de te donner des milliers d'infos dans ce genre, désolé par avance
Re: Étape 3: Écrans Personnage
Côté webdesign, est-ce que tu pourras me faire un schéma des éléments Tharkis? C'est un peu flou pour moi...
Sirias- Messages : 42
Date d'inscription : 18/07/2014
Localisation : Montréal
Re: Étape 3: Écrans Personnage
Je viens de penser sur l'écran personnage, est ce qu'on veut aussi afficher le livre des sorts, l’inventaire, et autre avec des onglet en ajax ou des pages différentes ?
LinChan- Messages : 11
Date d'inscription : 08/03/2015
Re: Étape 3: Écrans Personnage
J'ai regardé ton code, bon boulot.
Juste 2 remarques sur le code du controller:
- tu récupères le personnage "à la main", rien d'incorrect mais on a une fonction dans le helper character_helper pour éviter de répéter ce code à chaque fois.
- tu ne gères pas le cas d'erreur où l'id du personnage est introuvable en base (la page crash, afficher plutôt un simple message d'erreur "Personnage inexistant")
Je vais travailler sur la BDD pour qu'on ait toutes les données nécessaires, laisse cette page en l'état pour le moment, tu peux passer sur la page d'encyclopédie des créatures.
Juste 2 remarques sur le code du controller:
- tu récupères le personnage "à la main", rien d'incorrect mais on a une fonction dans le helper character_helper pour éviter de répéter ce code à chaque fois.
- tu ne gères pas le cas d'erreur où l'id du personnage est introuvable en base (la page crash, afficher plutôt un simple message d'erreur "Personnage inexistant")
Je vais travailler sur la BDD pour qu'on ait toutes les données nécessaires, laisse cette page en l'état pour le moment, tu peux passer sur la page d'encyclopédie des créatures.
Sujets similaires
» Étape 2: Écrans sélection du personnage et création du personnage
» Étape 5: écrans d'encyclopédie
» Étape 4: Moteur de combat
» Étape 1: Page d'accueil et Page d'inscription
» Étape 5: écrans d'encyclopédie
» Étape 4: Moteur de combat
» Étape 1: Page d'accueil et Page d'inscription
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum