Edge Animate CC responsive layout based on parent element width

true_responsive_animation.js

// Copy/Paste this script into your main Stage within `compositionReady`

(function(){
  var stage = sym.getSymbolElement('.' + e.compId);
  var parent = stage.parent();

  var stageWidth = stage.width();
  var stageHeight = stage.height();

  stage.css({
    transformOrigin: '0 0'
  })

  function scaleStage() {
    var parentWidth = parent.width();
    stage.css({
      transform: 'scale('+ parentWidth / stageWidth +')'
    })
  }

  window.addEventListener('resize', function(){
    if (window.requestAnimationFrame) {
      window.requestAnimationFrame(scaleStage);
    }
    else {
      scaleStage();
    }
  });

  scaleStage();
}).call(this)