craftyjs 창에서 다시 그리기 크기 조정

Question

나는 craftyjs에 정말 새롭고 전체 화면 캔버스를 만든 새로운 게임을 만들었습니다. 나는 보드가 새 창 크기에 따라 크기 조정에 변경하고자하는

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

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

:이 게임은 boardSize X boardSize의 크기의 보드를 그리기 보드의 인스턴스를 만듭니다. 어떻게해야합니까?

Answer 1

윈도우 크기 조정 이벤트에 가입하고 이에 따라 보드 구성 요소 크기를 변경할 수 있습니다. 예 :

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