User Tools

Site Tools


en:tutorial:tutorial01

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
en:tutorial:tutorial01 [2016/08/31 10:37]
Nicolas Ronvel
en:tutorial:tutorial01 [2018/06/06 10:07] (current)
Nicolas Ronvel
Line 21: Line 21:
   "​styles":​ [   "​styles":​ [
     {     {
 +      "​key":​ "​default",​
 +      "​name":​ "​Default",​
       "​fields":​ [       "​fields":​ [
         { "​name":​ "​name",​ "​label":​ "​Name",​ "​default":​ "​Nobbla " }         { "​name":​ "​name",​ "​label":​ "​Name",​ "​default":​ "​Nobbla " }
Line 31: Line 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>​
Line 49: Line 59:
 Right now, our card is a big red rectangle. That's because our ''​canvasFields''​ section is empty. Using FabricJS (and its [[http://​fabricjs.com/​kitchensink|kitchensink]]),​ we could build the items of the card : stars, boxes, ... But that will be for another card and another tutorial. Right now, our card is a big red rectangle. That's because our ''​canvasFields''​ section is empty. Using FabricJS (and its [[http://​fabricjs.com/​kitchensink|kitchensink]]),​ we could build the items of the card : stars, boxes, ... But that will be for another card and another tutorial.
  
-Instead, I've got a card background set in a JPG file. We'll set it as the background of our card. Here'​s ​[[:​en:​tutorial:​01_blankcard.jpg|the image file]] we'll use. +Instead, I've got a card background set in a JPG file. We'll set it as the background of our card. Here'​s ​{{:​en:​tutorial:​01_blankcard.jpg?linkonly|the image file}} we'll use. 
  
 If the file was hosted on a Web Server, we could use its URL to use it. The '​src'​ property of the related image field on the canvas (canvas is where the card is drawn) will look like this :  If the file was hosted on a Web Server, we could use its URL to use it. The '​src'​ property of the related image field on the canvas (canvas is where the card is drawn) will look like this : 
Line 280: Line 290:
     "​styles":​ [     "​styles":​ [
         {         {
 +            "​key":​ "​default",​
 +            "​name":​ "​Default",​
             "​fields":​ [             "​fields":​ [
                 { "​name":​ "​name",​ "​label":​ "​Name",​ "​default":​ "​Nobbla"​ },                 { "​name":​ "​name",​ "​label":​ "​Name",​ "​default":​ "​Nobbla"​ },
Line 354: Line 366:
             "​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>​
en/tutorial/tutorial01.1472632644.txt.gz · Last modified: 2016/08/31 10:37 by Nicolas Ronvel