RenJS


start:
  - play morningBGM:
  - show room: WITH FADE CONTINUE
  - show deuzi: AT RIGHT WITH FADE CONTINUE
  - show liz: AT LEFT WITH FADE FLIP
  - text: Your GUI can have many different message and name boxes.
  - liz says: I'm using the usual message and name box, called 'default', but you can change this per character in the Setup file.
  - deuzi says happy: My character is configured with the 'pink' message and name boxes.
  - text IN pink: Normal text can be displayed in any message box with the reserved word IN.
  - choice:
    - You can have different choices boxes too:
  - choice IN pink:
    - Like this:
  - deuzi says normal: But there's another feature related to message boxes.
  - marco says normal: Message boxes can now display character portraits.
  - marco says happy: Isn't it great?
  - endgame:


backgrounds:
  room: assets/backgrounds/room_day.jpg

characters:
  deuzi:
    displayName: Deuzilene
    color: "#FFFFFF"
    nameBox: pink
    messageBox: pink
    looks:
      normal: assets/characters/Char3NormalSchool.png
      happy: assets/characters/Char3HappySchool.png
      angry: assets/characters/Char3AngrySchool.png
  liz:
    displayName: Liz
    color: "#d5e6e7"
    looks:
      normal: assets/characters/Char2NormalSchool.png
      happy: assets/characters/Char2HappySchool.png
      angry: assets/characters/Char2AngrySchool.png
  marco:
    displayName: Marco
    color: "#FFFFFF"
    nameBox: pink
    messageBox: pinkWithPortrait
    portraits:
      normal: assets/characters/portraits/p1.png
      happy: assets/characters/portraits/p2.png


	...
	hud:
    - id: default
      type: choices
      asset: asset31
      x: 42
      'y': 300
      alignment: centered
      separation: 10
      sfx: none
      chosenColor: '#535050'
      text:
        x: 0
        'y': 0
        style:
          font: fontsaudimat-mono
          fontSize: 32px
          fill: '#FFFFFF'
          align: left
          boundsAlignH: center
          boundsAlignV: middle
    - id: default
      type: messageBox
      asset: asset19
      x: 40
      'y': 449
      sfx: none
      text:
        x: 24
        'y': 24
        style:
          font: fontsaudimat-mono
          fontSize: 20px
          fill: '#89BAA8'
          align: left
          wordWrap: true
          wordWrapWidth: '550'
      ctc:
        x: 570
        'y': 91
        asset: asset21
    - id: default
      type: nameBox
      asset: asset20
      x: 84
      'y': 400
      text:
        x: 0
        'y': 0
        style:
          font: fontsaudimat-mono
          fontSize: 26px
          fill: '#FFFFFF'
          align: left
          boundsAlignH: center
          boundsAlignV: middle
    - id: pink
      type: choices
      asset: choice2
      x: 42
      'y': 300
      alignment: centered
      separation: 10
      sfx: none
      chosenColor: '#535050'
      text:
        x: 0
        'y': 0
        style:
          font: nakula
          fontSize: 28px
          fill: '#FFFFFF'
          align: left
          boundsAlignH: center
          boundsAlignV: middle
    - id: pink
      type: messageBox
      asset: messagebox2
      x: 36
      'y': 446
      sfx: none
      text:
        x: 20
        'y': 20
        style:
          font: nakula
          fontSize: 20px
          fill: '#FFFFFF'
          align: left
          wordWrap: true
          wordWrapWidth: '550'
      ctc:
        x: 570
        'y': 91
        asset: ctc2
    - id: pinkWithPortrait
      type: messageBox
      asset: messagebox2
      x: 36
      'y': 446
      sfx: none
      text:
        x: 150
        'y': 20
        style:
          font: nakula
          fontSize: 20px
          fill: '#FFFFFF'
          align: left
          wordWrap: true
          wordWrapWidth: '440'
      ctc:
        x: 570
        'y': 91
        asset: ctc2
      portrait:
        x: 78
        y: 128
    - id: pink
      type: nameBox
      asset: namebox2
      x: 36
      'y': 381
      text:
        x: 0
        'y': 0
        style:
          font: nakula
          fontSize: 30px
          fill: '#FFFFFF'
          align: left
          boundsAlignH: center
          boundsAlignV: middle
  ...

Multiple Boxes and Portraits