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:36]
Nicolas Ronvel [Full code of the template]
en:tutorial:tutorial01 [2018/06/06 10:07] (current)
Nicolas Ronvel
Line 3: Line 3:
  
 It could also be that something is not working good in the software. Remember that it's still in a beta version. Create a [[https://​github.com/​Gulix/​geckos/​issues/​new|new Issue]] and describe your problem, with the name & verison of your browser, the content of your Javascript console (if you know how to get it), and the code of your template. It could also be that something is not working good in the software. Remember that it's still in a beta version. Create a [[https://​github.com/​Gulix/​geckos/​issues/​new|new Issue]] and describe your problem, with the name & verison of your browser, the content of your Javascript console (if you know how to get it), and the code of your template.
-</​WRAP>​ 
-  
-<WRAP center round important 60%> 
-**Out of date** - Since the release of the beta version of Geckos, some elements of this tutorial are now obsolete. A new version is on its way. 
 </​WRAP>​ </​WRAP>​
  
Line 25: Line 21:
   "​styles":​ [   "​styles":​ [
     {     {
 +      "​key":​ "​default",​
 +      "​name":​ "​Default",​
       "​fields":​ [       "​fields":​ [
         { "​name":​ "​name",​ "​label":​ "​Name",​ "​default":​ "​Nobbla " }         { "​name":​ "​name",​ "​label":​ "​Name",​ "​default":​ "​Nobbla " }
Line 35: 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 53: 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 284: Line 290:
     "​styles":​ [     "​styles":​ [
         {         {
 +            "​key":​ "​default",​
 +            "​name":​ "​Default",​
             "​fields":​ [             "​fields":​ [
                 { "​name":​ "​name",​ "​label":​ "​Name",​ "​default":​ "​Nobbla"​ },                 { "​name":​ "​name",​ "​label":​ "​Name",​ "​default":​ "​Nobbla"​ },
Line 358: 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.1472632606.txt.gz · Last modified: 2016/08/31 10:36 by Nicolas Ronvel