JavaScript強化教學 —— Cocos2d-JS的螢幕適配方案

本文為H5EDU 機構官方HTML5培訓教程，主要介紹：JavaScript強化教程—— Cocos2d-JS的屏幕適配方案 

1. 設定螢幕適配策略（Resolution Policy） 

如果你還沒用過Resolution Policy，只需要在遊戲載入過程完成之後（cc.game.onStart函數回呼中），調用下面的程式碼： 

cc.view.setDesignResolutionSize(320, 480, cc.ResolutionPolicy.SHOW_ALL); 
setDesignResolutionSize函數的前兩個字個參數是你想要在你的程式碼中使用的遊戲分辨率，第三個參數就是你選擇的適配方案。引擎中內建了5種適配方案，每種都有自己獨特的行為，詳見下文。

如果你已經設定了設計分辨率，那麼你可以直接設定你的Resolution Policy： 

cc.view.setResolutionPolicy(cc.ResolutionPolicy.NO_BORDER); 
原生遊戲中遊戲總是使用全部螢幕空間，但是WEB端你的網頁中也許除了遊戲還有別的視覺或文字元素，或者也許你需要為你的遊戲設計一個漂亮的邊框。所以Cocos2d-JS中Web引擎的適配方案會預設適配遊戲Canvas元素的父節點，如果你希望遊戲場景適配瀏覽器螢幕，那麼只需要將Canvas直接放置到body下就可以了：