Method createLineForEditor

app/views/play/CampaignView.js:1485–1497

(o1, o2, options = {})

  }

  createLineForEditor (o1, o2, options = {}) {
    const mapHeight = parseFloat($('.map').css('height'))
    const mapWidth = parseFloat($('.map').css('width'))
    if (!(mapHeight > 0)) { return }
    const ratio = mapWidth / mapHeight
    const p1 = { x: o1.x, y: o1.y / ratio }
    const p2 = { x: o2.x, y: o2.y / ratio }
    const length = Math.sqrt(Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2))
    const angle = (Math.atan2(p1.y - p2.y, p2.x - p1.x) * 180) / Math.PI
    const transform = `translateY(-50%) translateX(-50%) rotate(${angle}deg) translateX(50%)`
    const line = $('<div>').appendTo('.map').addClass('next-level-line').toggleClass('thin-connection', !!options.thin).css({ transform, width: length + '%', left: o1.x + '%', bottom: (o1.y - 0.5) + '%' })
    return line.append($('<div class="line">')).append($('<div class="point">'))
  }

  createVisualConnections () {
    const visualConnections = this.campaign?.get('visualConnections') || []