var app
      var input

      function init(){
        app = new PIXI.Application(
          { 
            width: 1000,
            height: 600,
            antialias: true,
            backgroundColor: 0xffffff
          }
        )
        document.getElementById('canvas-placeholder').appendChild(app.view)


        input = new PIXI.TextInput({
          input: {
            fontSize: '36px',
            padding: '12px',
            width: '500px',
            color: '#26272E'
          },
          box: {
            default: {fill: 0xE8E9F3, rounded: 12, stroke: {color: 0xCBCEE0, width: 3}},
            focused: {fill: 0xE1E3EE, rounded: 12, stroke: {color: 0xABAFC6, width: 3}},
            disabled: {fill: 0xDBDBDB, rounded: 12}
          }
        })
        
        input.placeholder = 'Enter your Text...'
        input.x = 500
        input.y = 300
        input.pivot.x = input.width/2
        input.pivot.y = input.height/2
        app.stage.addChild(input)
      }