Starling Forum

1. 

   polon
   

   Competent Bird
   Joined: Mar '12
   Posts: 30

   Hello

   I have this xml generated by Bitmap font generator

   <?xml version="1.0"?>
   <font>
   <info face="Comic Sans MS" size="32" bold="0" italic="0" charset="" unicode="1" stretchH="100" smooth="1" aa="4" padding="0,0,0,0" spacing="1,1" outline="0"/>
   <common lineHeight="32" base="26" scaleW="256" scaleH="256" pages="1" packed="0" alphaChnl="1" redChnl="0" greenChnl="0" blueChnl="0"/>
   <pages>
   <page id="0" file="comboCounter.png" />
   </pages>
   <chars count="3">
   <char id="49" x="24" y="0" width="7" height="18" xoffset="2" yoffset="8" xadvance="10" page="0" chnl="15" />
   <char id="50" x="0" y="0" width="11" height="18" xoffset="1" yoffset="8" xadvance="14" page="0" chnl="15" />
   <char id="51" x="12" y="0" width="11" height="18" xoffset="1" yoffset="8" xadvance="14" page="0" chnl="15" />
   </chars>
   </font>

   And now i need to create name for TextureAtlas.getTexture(name) but i don't know how.
   Can you help me ? for example for char code 51 ?

   Many thanks

   Posted 1 year ago #
2. 

   Jeff
   

   Moderating Owl
   Joined: Nov '11
   Posts: 1,312

   You should also have a .png generated by the tool and along with the .fnt XML above you will want to create and register a Starling BitmapFont. Then use Starling TextFields with that font name in your app.

   The Starling docs and demo code have examples of embedding both XML and .png and registering a BitmapFont as well as the code posted in this topic:

   http://forum.starling-framework.org/topic/bitmap-fonts-autoscale-problem#post-978

   Posted 1 year ago #
3. 

   polon
   

   Competent Bird
   Joined: Mar '12
   Posts: 30

   Ofcourse i have png file --> comboCounter.png
   But I don't want to use TextField, because i need to create a counter which is changing
   very often like game score.
   And i read that TextField is not good for that see http://www.adobe.com/devnet/flashplayer/articles/creating-whack-with-starling.html

   Textfields: Be careful with TextFields. Under the hood they are Flash TextFields. Starling then uses BitmapData.draw to get the texture and uploads it. If you have text that is updating all the time like a score field, there is a lot of unnecessary loading of textures to the GPU. For a potential workaround, you can get an idea from the "Whack!" source in the com.byxb.extensions.starling.display.NumberField class which uses textures from the textureAtlas. Another workaround is that the BitmapFont API can also be used which uses a ghyphes spritesheet for fast text drawing and does not rely on BitmapData.draw and the native TextField.

   So I used something like NumberField what you can find here (http://www.whacksite.com/srcview/index.html) in src/byxb.extensions.starling.display
   and its created in src/ui HUD.as

   So I have XML and .png file but i don't know how to create name.

   Posted 1 year ago #
4. 

   Jeff
   

   Moderating Owl
   Joined: Nov '11
   Posts: 1,312

   Look at the last sentence from the quote you posted from that article:

   Another workaround is that the BitmapFont API can also be used which uses a ghyphes spritesheet for fast text drawing and does not rely on BitmapData.draw and the native TextField

   Buy using this XML and TextureAtlas you are using this BitmapFont API and not Flash TextFields and BitmapData.draw (which is only used if you are using traditional built-in vector fonts and not Bitmap fonts) so the warning against TextField slowdown is avoided.

   Sounds like you can also certainly use the custom NumberField class from the Whack sources but that might not follow Starling's BitmapFont usage (maybe you can trace how Whack sets up their bitmap fonts in their source and do the same).

   The topic link in my second message does show you where to use both the XML and .png file and the 'name' is your font name passed as one of the arguments to the Starling TextField constructor. There is no creation of a name (font name?), the name comes from the <info face="_" ... in the XML.

   Posted 1 year ago #
5. 

   polon
   

   Competent Bird
   Joined: Mar '12
   Posts: 30

   I sorted out this problem by creating the png files manually.
   Each png file contains one number. Then I used TexturePacker to create Atlas from them. Then I can simply pass the name to getTexture as png names included in AtlasTexture (xml).

   Thanks for answers.

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.