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

您可以订阅窗口大小调整事件并相应地更改Board组件大小。例如：

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