mirahs的博客

状态机的核心代码就这两个类，下面写状态机的示例，控制一个方块左右和上下运动。总共两个状态，一个状态控制方块左右运动，一个状态控制方块上下运动。不知道是我理解出问题了还是 Cocos Creator 这里有问题。郁闷，代码里注释的部分即状态机退出时如果关闭键盘事件监听就会出问题，比如。，状态 key 定义，内容如下。即设计分辨率大小，颜色修改为淡黄色。，左右运动状态，内容如下。，上下运动状态，内容如下。，状态管理器，内容如下。，状态基类，内容如下。的按钮用来关闭面板。的按钮，再创建一个名为。

因为框架和核心组件在初始化和使用的过程中已经做了缓存的清除和节点是否有效的判断，所以多场景的支持是非常简单的。只需要在场景加载成功后调用。

大小 设置为 750 x 1334，颜色 设置为 黑色，透明度Opacity 设置为 160。按钮，正确情况下会弹出。目录下并从场景删除。

Size H 设置为 100，颜色 设置为 黑色，透明度Opacity 设置为 160，挂载。事件，这是因为程序在初始化的时候要确认核心的资源都是加载成功的。因为都是黑色背景所以效果不明显，可以在。脚本来初始化，并在初始化完成后发送了。方法，添加核心组件初始化代码。按钮，正确情况下会弹出。Label (文本)目录下并从场景删除。

这样的功能，每个相机渲染的内容不一样，即。对象以外的所有对象，对象，我们要设置所有。

这些定时接口，这样框架就需要提供一个自己的定时管理器。获取上一帧到这一帧的时间，内容如下。，这是单例基类，内容如下。对应的脚本是普通的类而不是。的组件，所以不能使用组件的。

抖音小游戏上线有倒计时类的程序，如果弹出了窗口，要求暂停倒计时，窗口关闭后继续倒计时。未注册事件日志输出(因为有的平台不需要监听这两个事件)。

事件管理器一般用于各模块代码之间的解耦，提高代码的可维护性。

【代码】cocos creator从零开发简单框架(21)-Panel接口完善。

是跟其它方式一样简单的，这里是因为这种加载方式可能不常用，所以就单独新建一个场景来测试。外的区域也能正常关闭面板。按钮就能打开红色面板了，再点击。面板并把背景色设置为红色。这里要说明一下，从场景加载。场景运行程序，最开始只有。的按钮，再新建一个名为。

并修改背景颜色为绿色(不是必须，只是用来区分黄色面板)。配置为 Bundle。

先是打开，过 1 秒后又自动关闭，再看控制台，发现。这个节点还存在，但是是隐藏的，说明缓存成功了。设置是否缓存的选项，当开启缓存时关闭。切换频繁，为了避免频繁加载资源，给。方法，判断是否开启了缓存。，开启缓存，内容如下。对象隐藏，打开时显示。

虽然框架已经提供了几种显示方式，但对程序来讲是远远不够的，所以要有自定义显示方式。按钮，发现黄色面板打开时同时有。

的位移显示包括从 上、下、左、右 到中间的移动，因为只有初始点位置不一样，这里抽成一个方法。按钮，发现黄色面板从底部移动到中间了，再点击关闭面板，又从中间移动到底部了。按钮，发现打开和关闭不是硬生生地移动效果了。

的打开和关闭是直接显示和隐藏节点，本章添加一个打开时从中间放大，关闭时从中间缩小的效果。按钮，发现黄色面板从中间慢慢变大显示了，再点击关闭面板，又从中间慢慢缩小隐藏了。

按钮能够点击，其它按钮都是不能点击了的。其实这个原理很简单，就是在面板的最下层生成一个透明的跟程序窗口一样大小的节点，再添加。按钮以外的地方，面板没任何反应，但点击黄色面板外的地方，就会关闭黄色面板了。半透明遮罩跟其它两个不一样，它会在面板显示完成后再出现，在面板关闭时先隐藏。按钮，发现面板既有半透明又能点击面板区域外关闭面板了。遮罩类型不仅可以单独设置，还可以以组合的方式设置。这个组件，这样就能阻止它下层所有的节点事件了。，增加遮罩相关成员变量及初始化方法。界面后，如果点击黄色面板上。

这一步调用比较繁琐，二是打开面板后还能点击黄色面板区域以外的按钮。我们先解决第一个问题，第二个问题下个章节处理。按钮，也能正确关闭面板。虽然面板的打开和关闭都正常了，但还存在两个问题，一是。关闭面板，发现是一样的效果，因为目前面板打开和关闭就是设置面板为。的显示方式和遮罩类型，遮罩类型可以叠加，即可同时拥有。，再次运行程序，一样能正确关闭面板。目录下并从场景删除。

的时候不需要在编辑器拖拽和代码动态加载资源。

有这样一个场景，当点击了某个按钮，但它可能要跟后端交互并且会花费一定时间，这个时候不能再次点击按钮。要实现这个功能，一般是添加一个标志位，当点击后设为一个状态，当处理完逻辑后设为初始状态。这个实现如果项目多处用到就比较麻烦，换一种方式，直接在顶层添加一个。主要就是生成一个节点，把它挂载在。方法时，显示这个节点拦截所有点击事件，调用。按钮的，等过了 10 秒后就能点击了。资源可能有延迟的地方调用。层级并铺满屏幕，调用。方法，结束的地方调用。界面刚开始是不能点击。

打开后，别的地方数据更新了可能要通知。运行程序，在合适的时机切换。同时更新，这时需要有更新。界面，查看日志输出。

打开和退出目前是直接显示和隐藏，给它加个渐入渐出的效果。，定义显示方式为渐入渐出。界面有渐入渐出的效果了。显示方式和过度时间。

设置是否缓存的选项，当开启缓存时关闭。切换频繁，为了避免频繁加载资源，给。时从缓存获取，否则从资源加载。方法，初始化时清空缓存数据。是隐藏的，说明缓存成功了。，开启缓存，内容如下。方法，用于打印节点信息。对象隐藏，开启时显示。

这个接口就不方便了。，当换到主页的时候就清空这个数据。接口并用一个堆栈数据记录打开过的。会从很多地方切换过来，如果再用。添加堆栈记录相关成员并添加。推入栈，返回时显示上一个。的按钮，再创建一个名为。按钮，现在已经切换到了。目录下并从场景删除。

即设计分辨率大小，再在节点下新建按钮节点并重命名为。已经显示了，并且把它挂载到了。按钮也输出了日志信息。目录下并从场景删除。

的基类，有一些基本的属性和方法。

都是预设资源，需要动态加载，而引擎只提供了回调方式加载资源的接口，而回调层次多了会造成代码难以理解，所以需要自己封装异步接口。这样同时返回了需要加载的资源和错误信息，如果有错误信息，说明资源加载失败，只要处理错误就行，而没错误信息就正常处理。加载不存在的资源，会发现程序崩溃了(后续代码逻辑不能正常运行)，因为没有处理出现错误的情况。一下的话代码太啰嗦了，所以把这个错误处理封装一下。，封装一些其它常用的加载资源的函数，完整代码如下。再次运行程序，发现错误已经捕捉到了，但每个地方都。函数代码，如果提示找不到。

版本不能直接在编辑器运行，导致不能实时看到运行中的对象节点信息，所以这里写了个。，用于初始化框架，内容如下。节点上，然后运行程序，可以看到。，用于启动程序，内容如下。这 3 个层级已经创建了。

目前有3个层级，数值大的层级会显示在数值小的层级上面，中间间隔。，这个脚本是一些常用的函数，供框架内部和用户使用，内容如下。可以让用户使用代码在中间动态插入自定义的层级。

然后在属性检查器把 Size 的 W 和 H 都设置为 0(这里是个人喜好，因为不设置时把鼠标移动到它之后会显示它的边框，看着很不爽)。(这个大小在实际项目中是由美术设计然后告诉程序)并且勾选了。设计分辨率设置好后，以后新建场景默认大小是。场景，这样不管什么情况下运行程序都是先运行。编辑器顶部中间播放按钮右边框选中。

Cocos Creator 2.4.8，安装参考。教程对应的框架版本为。