cocos creator ts调用脚本组件_cocos creator主程入门教程（一）—— 初识creator

我们在cocos creator新建一个Hello TypeScript项目，都会有一个assets/Scene/helloworld.fire文件。使用cocos creator开发游戏时，项目可以只有一个.fire文件。一般地，我会把这个文件夹改名为assets/scene，下面只有main.fire文件：assets/scene/main.fire。

双击main.fire文件，在层级管理器可以看到它的结构，

根节点是一个Canvas，点击Canvas节点，在右边的属性面板可以看到Canvas组件有Design Resolution属性，作为屏幕适配的尺寸。例如设置为1334x750，那么美术出资源时一屏界面的大小就是这个尺寸。不同的手机屏幕引擎自动做等比例缩放，具体缩放倍数，当勾选Fix Width表示界面的宽缩放到跟实际屏幕一样，当勾选Fix Height表示界面的高缩放到跟实际屏幕一样。另外一边相应等比例缩放，可能小于屏幕大小而出现黑边，也可能大于屏幕而被裁剪，这些可能都不是我们想要的，后面会说怎么解决。

cocos creator2.1.0版本默认Canvas下面有Main Camera子节点，其他子节点是模版示例，直接删除。一般我还会给Canvas添加两个子节点，一个sceneLayer作为场景根节点，一个popupLayer作为弹窗根节点。因为场景我们宁愿超框被裁剪，