Outils pour utilisateurs

Outils du site


fr:tutorial:tutorial01

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
Dernière révision Les deux révisions suivantes
fr:tutorial:tutorial01 [2016/08/31 13:25]
Nicolas Ronvel [Mug Shot]
fr:tutorial:tutorial01 [2018/06/06 10:12]
Nicolas Ronvel
Ligne 1: Ligne 1:
-FIXME **Cette page n'est pas encore traduite entièrement. Merci de terminer la traduction**\\ //​(supprimez ce paragraphe une fois la traduction terminée)//​ 
- 
 <WRAP center round tip 60%> <WRAP center round tip 60%>
 **Attention** - Tout en suivant ce tutorial, il se pourrait que vos modifications de template ne soient parfois pas prises en compte. Dans ce cas, commencez par vérifier l'​intégrité de votre code de template, au format JSON, avec par exemple un outil comme [[http://​jsonlint.com/​|Json Validator]]. Peut-être qu'un caractère spécial est manquant ou en trop ? Cet outil vous aidera à trouver ce genre d'​erreur. **Attention** - Tout en suivant ce tutorial, il se pourrait que vos modifications de template ne soient parfois pas prises en compte. Dans ce cas, commencez par vérifier l'​intégrité de votre code de template, au format JSON, avec par exemple un outil comme [[http://​jsonlint.com/​|Json Validator]]. Peut-être qu'un caractère spécial est manquant ou en trop ? Cet outil vous aidera à trouver ce genre d'​erreur.
Ligne 23: Ligne 21:
   "​styles":​ [   "​styles":​ [
     {     {
 +      "​key":​ "​default",​
 +      "​name":​ "​Default",​
       "​fields":​ [       "​fields":​ [
         { "​name":​ "​name",​ "​label":​ "​Name",​ "​default":​ "​Nobbla " }         { "​name":​ "​name",​ "​label":​ "​Name",​ "​default":​ "​Nobbla " }
Ligne 33: Ligne 33:
       "​canvasHeight":​ 750       "​canvasHeight":​ 750
     }     }
-  ]+  ]
 +  "​description":​  
 +  { 
 +    "​description":​ "​Template for Blood Bowl's Starplayers,​ with the V3 design",​ 
 +    "​title":"​Blood Bowl Classic Starplayer",​ 
 +    "​credits":​ "by Nicolas Ronvel",​ 
 +    "​key":​ "​bb-starplayers-v3",​ 
 +    "​url":​ "​https://​github.com/​Gulix/​geckos/"​ 
 +  }
 } }
 </​code>​ </​code>​
Ligne 231: Ligne 239:
 {{:​en:​tutorial:​01_ui05.png?​500|Nobbla en chair et en os !}} {{:​en:​tutorial:​01_ui05.png?​500|Nobbla en chair et en os !}}
  
-===== Do you have the skills ? =====+===== Bilan de compétences ​=====
  
-Three fields are still missing. Let's start with the easier one.+Trois champs manquent encore à l'appel. Commençons avec le plus aisé.
  
-==== Cost ====+==== Coût ====
  
-Each Star Player requires a certain ​amount of Gold Pieces to be recruited. Let's add an input field that will appear in the bottom of the cardThe editable field :+Chaque Champion nécessite un certain ​montant de Pièces d'Or pour être recrutéAjoutons un champ de texte pour renseigner cette valeur, qui apparaîtra en bas de la carte. 
 + 
 +Dans la partie ''​fields'' ​:
  
 <code javascript>​ <code javascript>​
Ligne 243: Ligne 253:
 </​code>​ </​code>​
  
-And the canvas field :+Dans la partie ''​canvasFields'' ​:
  
 <code javascript>​ <code javascript>​
Ligne 249: Ligne 259:
 </​code>​ </​code>​
  
-One new thing here is the use of the ''​fontStyle'' ​property in the canvas field. It sets the text to italicPretty easy to understand.+Première nouveauté, l'​utilisation de ''​fontStyle'' ​pour indiquer que le texte sera affiché en italiqueRien de bien compliqué là-dedans.
  
-The other thing is the use of an [[en:​template:​advanced_string_variables|Advanced String ​Variable]] ​with ''​$cost$ GP''​. ​It helps us build a more intelligent stringby always adding ​GP (Gold Pieces) ​to the cost string the user will useOf courseit could cause some issues ​(a Free star player ​?). But, again with a translated ​template ​in mindwe could easily change this value on the template. Or change the currency (SP for Silver Pieces ?).+Autre nouveauté, l'​utilisation d'​une ​[[en:​template:​advanced_string_variables|Variable ​de chaîne Avancée]] avec ''​$cost$ GP''​. ​Cela permet de construire une chaîne plus intelligenteen ajoutant ​GP (pour Gold Pieces) ​après le coût indiqué par l'​utilisateurBien sûrcela peut entraîner quelques soucis ​(un Champion gratuit ​?). Mais dans le cadre d'une traduction de template, ​cette valeur sera modifiée facilement
  
-==== Multilines ​====+==== A la ligne ====
  
-The next input field will be a new one the  ​[[..:​template:​multiline_text_input|Multiline Text Input]] fieldIt works like the classic ​**Text input** fieldbut allows the user to add line-breaksWe'll add two fields :+Nos prochains champs vont utiliser un nouveau type de champ le [[..:​template:​multiline_text_input|Champ de texte multiligne]]. Cela fonctionne comme un **Champ Texte** classiquemais l'​utilisateur peut y saisir des sauts de ligneAjoutons deux champs à notre section ''​fields''​ du template ​:
  
 <code javascript>​ <code javascript>​
Ligne 262: Ligne 272:
 </​code>​ </​code>​
  
-We now add two more **textboxes** that will be linked to these two fields ​:+Puis ajoutons les deux **textbox** correspondantes dans ''​canvasFields'' ​:
  
 <code javascript>​ <code javascript>​
Ligne 269: Ligne 279:
 </​code>​ </​code>​
  
-Those fields use an automatic wrapping method : lines that are too long are broken to be displayed on several linesAnd the user can still control when the line-breaks occur by setting them himself. +Ces champs utilisent un bornage automatique. Si le texte venait à être trop long pour la largeur spécifiée,​ un saut à la ligne automatique est ajoutéLes sauts de lignes de l'​utilisateur,​ saisis dans le champ éditable, sont évidemment pris en compte également
- +===== Et, c'est tout ? =====
-===== That's it ? =====+
  
-For this tutorialyesthat's itYou know have a functional ​template ​that allows you to get Star Player cardsOf course, with the help of this tutorial, I encourage ​you to create your own template for your own needsI will soon open a place to share the templates, ​and the demo page will host various ​templates (when [[https://​github.com/​Gulix/​geckos/​issues/​30|this issue]] is completed).+Pour ce tutorielouic'est toutVous disposez là d'​un ​template ​fonctionnel pour vos cartes de ChampionsJe vous encourage ​bien sûr à créer vos propres templates à l'aide de ce tutoriel et de cette baseUn espace de partage pour les templates ​est envisagé pour le futuret la page de démo hébergera par défaut plusieurs ​templates ([[https://​github.com/​Gulix/​geckos/​issues/​30|cette évolution]] doit d'​abord être terminée).
  
-If you have any trouble with this tutorial or the softwarefeel free to ask me for help, via the creation of an [[https://​github.com/​Gulix/​geckos/​issues/​new|Issue]], or via message ​on a forum in which I'll participate.+Si vous avez un souci avec ce tutorielou avec le logiciel, n'​hésitez pas à demander de l'aide, via la création d'​un ​[[https://​github.com/​Gulix/​geckos/​issues/​new|ticket d'​incident]], ou via un message ​sur un forum où Geckos est présenté.
  
-===== Full code of the template ​=====+===== Code complet du Template ​=====
  
 <code javascript template01-code.json>​ <code javascript template01-code.json>​
fr/tutorial/tutorial01.txt · Dernière modification: 2018/06/06 10:13 par Nicolas Ronvel