craftyjs在窗口重新调整大小

Question

我对craftyjs非常陌生，我写了一个创建全屏画布的新游戏。该游戏创造板的实例绘制电路板与boardSize X boardSize尺寸：

var Game = { 
     start: function() { 
      Crafty.init(); 

      var boardSize = Math.min(window.innerWidth, window.innerHeight); 
      Crafty.e('Board').board(boardSize); 
     } 
    }; 

我想董事会关于调整大小根据新的窗口大小而改变。我怎样才能做到这一点？

Answer 1

您可以在窗口调整大小事件上订阅并相应地更改电路板组件大小。示例：

window.onresize = function() { 
    var boardSize = Math.min(window.innerWidth, window.innerHeight); 
    Crafty(Crafty('Board')[0]).board(boardSize); 
};