最近比较忙,好久没看过ch5了。现在ch5已经正式发布,api和模板文件有挺大的变化。我相信,如果有基础的人适应新的变化是没有问题的,所以我没打算重写之前的关于ch5的博客。
看了新版本的helloworld例子,发现游戏界面自适应浏览器窗口进行缩放。认真看了这个例子后发现了一些不足之。
1. 调整缩放的函数居然写在一个scene里面
2. 缩放效果不是很好,当窗口的高宽比和目标高宽比不同时,会出现滚动条
3. 没有垂直和水平居中
于是我对其进行了修改:
1. 将调整缩放的函数抽出来发到一个单体里面
//GameFunc.js 游戏的全局函数
var Game=Game||{};
Game.Func=(function(){
var instance;
function constructor() {
return {
adjustSizeForWindow:function () {
//目标高宽比