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

最新推荐文章于 2024-07-17 19:35:38 发布

邱笑晨

最新推荐文章于 2024-07-17 19:35:38 发布

阅读量1.5k

点赞数

文章标签： cocos creator ts调用脚本组件

本文链接：https://blog.csdn.net/weixin_42115513/article/details/113626582

版权

本文介绍了在cocos creator中创建Hello TypeScript项目，解析了.main.fire文件的结构，强调了Canvas组件在屏幕适配中的作用。文章详细阐述了如何创建组件脚本，如StartCtrl.ts，用于挂载到Canvas节点，并通过@property和@class装饰器关联界面节点。此外，还讲解了预制体prefab的制作与加载，以及TestViewCtrl.ts的编写，用于控制界面逻辑。最后提到了界面分层管理的概念。

摘要由CSDN通过智能技术生成

我们在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表示界面的高缩放到跟实际屏幕一样。另外一边相应等比例缩放，可能小于屏幕大小而出现黑边，也可能大于屏幕而被裁剪，这些可能都不是我们想要的，后面会说怎么解决。