How can character vertical align LabelTTF?

cocos2d-x JavaScript
1

Hi everyone,

I m developing Math Games. and I m using math operator with LabelTTF. But I cannot align operator. But its look like this.

77790aa406d66dc8.jpg750×273 

   var myLabel33 = new cc.LabelTTF("-*+",  'Futura', 90, cc.size(320,120), cc.TEXT_ALIGNMENT_LEFT);
      myLabel33.setVerticalAlignment(cc.VERTICAL_TEXT_ALIGNMENT_CENTER);
      myLabel33.setPosition(cc.p(size.width / 2 - 100, size.height - 700));
      myLabel33.setAnchorPoint(cc.p(0.5,0.5));
2

Most fonts do not align these operators, as you are seeing here (Arial, Futura, Consolas, etc all show * character above the horizontal centerline). You’re probably better off using a bitmap font or find a font like OSX’s Menlo that aligns operators like you’re expecting. Create the BMFont either by hand (create one and then edit the PNG yourself) or use a font that you know has correctly aligned operators.

You could also just use images for this. I’m not sure what math applications or games use.

3

Thanks @stevetranby . I made sprite with these operator. I will do BMFont after this version :smile: