Crafty.viewport.clampToEntities = false

Crafty.viewport.follow(Crafty.e('2D, Canvas')
  .attr {
    x: 0
    y: 0
    w: 1 * CONF.playmat.w
    h: 2 * CONF.playmat.h
  }
  .origin('center')
)

Crafty.bind 'ViewportResize', ->
  sX = @viewport._width / 1600
  sY = @viewport._height / 1800

  @viewport.scale Math.min(sX, sY)
  return

Crafty.trigger 'ViewportResize'

# Testing playmat
# custom playmats at https://imgur.com/a/VSosu#cwGQdAS
Crafty.sprite 997, 582, '//i.imgur.com/cwGQdAS.png',
  playmat: [
    0
    0
  ]

Crafty.e('playmat, 2D, Canvas')
  .attr {
    x: 0
    y: 900
    w: 1600
    h: 900
  }

Crafty.e('playmat, 2D, Canvas')
  .attr {
    x: 0
    y: 900
    w: 1600
    h: 900
  }
  .origin('top middle')
  .attr {
    rotation: 180
  }

# Testing some entities
Crafty.sprite 480, 670, '//www.fftcgmognet.com/images/cards/hd/1/1/107.jpg',
  shantotto: [
    0
    0
  ]

card = Crafty.e('shantotto, AllyCard')
  .attr {
    x: 0
    y: 0
  }
  .bind 'DoubleClick', ->
    @destroy()
    return

Crafty.e('shantotto, AllyCard')
  .place 300, 0

Crafty.e('shantotto, AllyCard')
  .place 600, 0

Crafty.e('shantotto, EnemyCard')
  .place 900, 0

# Crafty.e("shantotto, AllyCard")
#   .attr({ x: 0, y: 0, w: 1200, h: 1675 });