javascript - ウィンドウのサイズ変更時に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);
};