Differences

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

--- bitmapfonts [2015/01/30 17:00] – [Using Bitmap fonts in WatchMaker] alex_curran
+++ bitmapfonts [2015/01/30 20:37] – [How to build a Bitmap Font?] alex_curran
@@ Line 6: / Line 6: @@
 {{:bmfont.png?200|}}
-====What's good with Bitmap Fonts :====
+====What's good about Bitmap Fonts :====
-  * They render and update quicker on your watch as textures are pre-built
+  * They render and update quicker on your watch!
   * You can use your favorite photo editor, e.g. Photoshop, GIMP, to create high quality effects: shadows, gradients, blur, etc
@@ Line 14: / Line 14: @@
   * The .fnt file is the font definition which specifies supported characters, e.g. A-Z, and the size of each character in the spritesheet
   * The .png file is a spritesheet with all your characters - this can be edited in Photoshop
+  * See example files at the bottom
 ====How to build a Bitmap Font?====
   * There are apps for PC, Mac and web that will help :
-  * [[http://kvazars.com/littera/|Littera]] Web Based Free
+  * [[http://kvazars.com/littera/|Littera]] Web Based Free ... (Use Format: Text .fnt)
   * [[http://www.bmglyph.com|bmGlyph]] Mac Paid
   * [[http://www.angelcode.com/products/bmfont|AngelCode]] PC Free
@@ Line 32: / Line 33: @@
   * Select a text layer
   * Select Font -> Bitmap Font and you should see your new font!
+====Example Bitmap Font====
+  * You can play with this metal font, e.g. change the png file and save to WatchMaker :
+  * [[http://androidslide.net/images/metal.txt|Metal.fnt]]
+  * Metal.png:
+  * {{:metal.png?200|}}