Watchmaker Wiki

The ultimate watch maker for Android Wear!

User Tools

Site Tools


bitmapfonts

This is an old revision of the document!


Bitmap Fonts

So you already have a huge library of True Type fonts … so why would you use Bitmap fonts?

Well for starters Bitmap fonts let you create Photoshop quality text effects … in Photoshop?!

What's good with Bitmap Fonts :

  • They render and update quicker on your watch as textures are pre-built
  • You can use your favorite photo editor, e.g. Photoshop, GIMP, to create high quality effects: shadows, gradients, blur, etc

What is a Bitmap Font? :

  • Made up of 2 files, e.g. Metal.fnt and Metal.png
  • 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

How to build a Bitmap Font?

Tips

  • Aim for a png resolution of under 1000×1000
  • Remember watches can crash if you send textures that are too large
  • Create text at the smallest size that will look good on your watch
  • Don't generate characters you won't use, e.g. lowercase letters, punctuation, etc.

Using Bitmap fonts in WatchMaker

  • Copy the .png and .fnt files to BeautifulWatches/fonts_bm
  • Customize a watch
  • Select a text layer
  • Select Font → Bitmap Font and you should see your new font!
bitmapfonts.1422637088.txt.gz · Last modified: 2015/01/30 17:58 by alex_curran