Cocos Creator 初探：修改Engine来调整FPS信息显示

Cocos Creator 刚用上，感觉这不就是Unity的孪生兄弟嘛，简单看完example，然后翻了翻手册，开始上手第一个小项目。

创建了一个TypeScript项目，刚画了个背景，调整了一下大小为1920*1080（为了适应手机屏），选择长宽自适应，然后选择在Chrome内预览：

发现左下角的FPS调试信息小的看不清，看了半天文档也没发现哪里能调整FPS字体的大小，在QQ群里咨询半天也没人鸟我，终于有人来了一句：改引擎啊。

为了这点小事就改引擎，那日子还过不过了？

求人不如求己，按F12启动开发者工具，查看前端代码，首先看能不能通过修改Css的方式来调整字体，然而事情并没有这么简单，FPS信息居然是直接在Canvas上绘制出来的，并不能直接修改Css，看来只能另辟蹊径。

由于FPS信息是由一个ShowFPS的Btn组件控制是否显示的，顺着这个线索往下走，查看它调用的js：

<button id="btn-show-fps" class="checked">Show FPS</button> ，id为btn-show-fps，搜索了一下：

 var btnShowFPS = document.getElementById('btn-show-fps');
 btnShowFPS.addEventListener('click', function () {
            var show = !cc.debug.isDisplayStats();
            cc.debug.setDisplayStats(show);
            setCSSChecked(btnShowFPS, show);
            setCookie('showFPS', show.toString());
        });

 查找API手册：setD