How to create an image with both pictures and text

[drmindflip]

I'm creating a card game and I want the cards to consist of:
(a) An image of the card, art, etc.
(b) Some text overlayed onto it - because I want this to possibly change in-game

I've got all my card images displaying nicely using Composite...

Code: Select all

image beast hunter = im.Composite (None,
    (0, 0), im.FactorScale("beast hunter.png", 0.8))

...but I just can't manage to get any text in there! Can you add text to a composite? If not, is there a better way of doing this? I'm going mad trying to get this going! Thank you

[hell_oh_world]

Another way to do this is by using screen, and use `use` statement to reuse the screen.

Code: Select all

image card1 = "c1.png"

screen card(image_name, description):
  frame:
    xysize (100, 250)
    background image_name
    
    text description align (0.5, 0.75)

screen cards:
  hbox:
    use card("card1", "Card 1")
    use card("c2.png", "Card 2")

label start:
  show screen cards
  "Some dialogue..."

[philat]

You can also add text to a composite image using Text().

[Imperf3kt]

Imagebuttons can also take a Text displayable for their various idle and hover foreground states.

[drmindflip]

Thanks so much for your help folks. I ended up using this:

Code: Select all

image an odd welcome = Composite (
    (750, 1050),
    (0, 0), Image("an odd welcome.png"),
    (60, 780), Text("card text"))

Should I be using Composite or LiveComposite? Finding it hard to get a clear idea of the difference