LÖVE

Hello,

I want to create simple variation of 15 puzzle http://en.wikipedia.org/wiki/Fifteen_puzzle



I do not want to use pre-renderd images for buttons.

How do I draw an square with a number inside, so that number is centered (horizontally and vertically) inside that square?

Is there a way to have a text string and figure out what is the pixel size for this string on screen? Something like

height, width = love.graphics.getTextSize("Hello, world!")

Thank you!

Hello and welcome!

There is indeed a way, you'll have to use the Font class to do it. First create a new font like this: (Make sure you do this in love.load or similar; as in, only call it once.) Then to get the width and height, use this Font:getWidth and Font:getHeight: Hope that helps!

EDIT: Also, in future use the [ code ] (without the spaces of course) for block-style code examples.

Uh, that's one way to do it. Or you could just use love.graphics.printf with the AlignMode "center".

Taehl wrote:Uh, that's one way to do it. Or you could just use love.graphics.printf with the AlignMode "center".

Except that doesn't align vertically, does it?

Taehl wrote:Uh, that's one way to do it. Or you could just use love.graphics.printf with the AlignMode "center".

True. Then you've just got to use the height to align vertically.

I thought printf aligned it vertically? Oh well, if not, it would just be a matter of adding a fixed offset to its position.

Does getHeight() account for the height of the letter box? Or the current characters? What I mean is "a" is smaller than "l" which would have a different box than "g" and all together you'd have "alg" which would span from the top of the l to the bottom of the g. Would getHeight() return that height even if it's just "a" or "al" or "ag"? (I'm unable to test it right now)

No getHeight() doesn't account for any characters, it's a property of the font itself, because getHeight() doesn't receive any arguments (like getWidth() does). I'm not exactly sure what the number it returns relation is with the size you specify, but I do know it's the height. For example, the default font with a size of 12 has a height of 14, 14 is 16, 32 is 42, and 72 is 84, so yeah.

I'd have thought it was the X-Height of the typeface, which is most likely specified here as the number you give when you create the font object.

That's what I thought too, but it doesn't seem so.