Phaser CE 2.20 letterSpacing

by Akurn

HTML

<script src="https://akurn.com/external/phaser/2.20.2-letter-spacing/phaser.js"></script>

JavaScript

let game = new Phaser.Game(400, 300, Phaser.AUTO, '', { create: create })

function create() {
  const opts = {
    fill: '#ffffff'
  }

  const titleDefault = game.add.text(10, 10, 'Hello World', opts)

  const titleWide = game.add.text(10, 50, 'Hello World', { ...opts, letterSpacing: '10px' })

  const titleWider = game.add.text(10, 90, 'Hello World', opts)
  titleWider.letterSpacing = '0.86em'
  
  const titleTight = game.add.text(10, 140, 'Hello World', { ...opts, letterSpacing: '-3px' })

  const titleMulti = game.add.text(10, 190, 'Hello World', {
    ...opts,
    letterSpacing: '20px',
    strokeThickness: 3,
  })

  titleMulti.addStrokeColor('#00ff00', 1)
  titleMulti.addFontStyle('italic', 3)
  titleMulti.addColor('#ff0000' , 5)

  titleMulti.addFontStyle('normal', 9)
  titleMulti.addStrokeColor('#000000', 9)
  titleMulti.addColor('#ffffff' , 9)

  const titleTabs = game.add.text(10,240, '	Hello	World', {
    ...opts,
    letterSpacing: '10px',
    strokeThickness: 3,
    tabs: [50, 200],
  })
}