CocosCreator使用state-machine

小鱼儿 2022-07-13 13:43 221阅读 0赞

本教程适用于2.4.0版本的状态机 (3.X版本用到promise，前端可能会用兼容问题)

在官方下载https://github.com/jakesgordon/javascript-state-machine

或者在我网盘也可以链接：http://pan.baidu.com/s/1nvDSYYt 密码：hovp

先将state-machine.js或者state-machine-min.js放入工程中

然后新建脚本，代码如下：

var StateMachine = require('state-machine');
    /*
    fsm.current ：返回当前状态。
    * fsm.is(s) ：返回一个布尔值，表示状态s是否为当前状态。
    * fsm.can(e) ：返回一个布尔值，表示事件e是否能在当前状态触发。
    * fsm.cannot(e) ：返回一个布尔值，表示事件e是否不能在当前状态触发。
    
    
    callbacks:
    * onbeforeevent ：任一事件发生之前触发。例：onbeforeplay
    * onleavestate ：离开任一状态时触发。例：onleavegame
    * onenterstate ：进入任一状态时触发。例：onentergame
    * onafterevent ：任一事件结束后触发。例：onafterplay
    */
    
    
    cc.Class({
        extends: cc.Component,
    
    
        properties: {
            label: cc.Label,
        },
    
    
        // use this for initialization
        onLoad: function () {
            var self = this;
            var fsm = this.fsm = StateMachine.create({
    
    
                //设置了event为init后，会先调用onentermenu或onmenu，再调用oninit(如果oninit有效的话)
                //当defer为true时，需要手动调用fsm.init()来初始化状态机
                initial: { state: 'menu', event: 'init', defer: true },
    
    
                //错误捕获
                error: function (eventName, from, to, args, errorCode, errorMessage, originalException) {
                    // cc.log('event ' + eventName + ' was naughty :- ' + errorMessage);
                },
                events: [
                    { name: 'play', from: 'menu', to: 'game' },
                    { name: 'play', from: 'game', to: 'menu' }
                ],
    
    
                callbacks: {
                    onbeforeplay:function(){cc.log(cc.log('onbeforeplay'));},
                    onafterplay:function(){cc.log(cc.log('onafterplay'));},
    
    
    
    
                    oninit: function () { self.label.string = 'oninit'; cc.log('oninit'); },
    
    
                    onmenu: function () { self.label.string = 'onmenu'; cc.log('onmenu'); },
                    ongame: function () { self.label.string = 'ongame'; cc.log('ongame'); },
    
    
                    //onenter事件与on事件只能同时响应一个，onenter事件优先级高
                    // onentermenu: function () {
                    //     cc.log('onentermenu');
                    // },
                    // onentergame: function () {
                    //     cc.log('onentergame');
                    // },
    
    
                    onleavemenu: function () {//离开menu之后不马上将状态game，而是开始异步模式，1秒后将状态变为game
                        setTimeout(function () {
                            fsm.transition();
                        }, 1000);
                        return StateMachine.ASYNC;
                    },
    
    
                    onleavegame: function () {
                        setTimeout(function () {
                            fsm.transition();
                        }, 1000);
                        return StateMachine.ASYNC;
                    }
                }
            });
            fsm.init();
        },
        click: function (event) {
            if (this.fsm.can('play')) {//是否能执行play
                this.fsm.play();
            }
        }
    });

再在场景中添加一个label和一个button

发表评论取消回复

表情：

评论列表（有 0 条评论，221人围观）

还没有评论，来说两句吧...

相关阅读

相关 CocosCreator压缩纹理使用总结

如[前文][Link 1]所说，和原始的PNG图片相比，压缩纹理在内存和包体上都有巨大的优势，但由于移动设备的硬件和OpenGL ES支持不同，目前还没有一种压缩纹理格式既能发

╰半橙微兮°/ 2022年10月29日 11:17/ 0 赞/ 380 阅读

相关 CocosCreator使用state-machine

本教程适用于2.4.0版本的状态机 (3.X版本用到promise，前端可能会用兼容问题) 在官方下载https://github.com/jakesgordon/javas

小鱼儿/ 2022年07月13日 13:43/ 0 赞/ 222 阅读

相关 spring Spring StateMachine状态机

[http://blog.didispace.com/spring-statemachine/][http_blog.didispace.com_spring-statemac

快来打我*/ 2022年06月13日 06:43/ 0 赞/ 198 阅读

相关 CocosCreator下websocket使用protobuf

一、环境操作系统 mac 10.12.2 CocosCreator 1.5.1 二、正文如果有人在上篇的文章中并没有理解，或者可以正常运行。大家可以

旧城等待，/ 2022年06月12日 05:44/ 0 赞/ 750 阅读

相关 CocosCreator使用protobuf

一、环境操作系统 mac 10.12.2 CocosCreator 1.5.1 protobuf.js 6.7.0 二、正文 1、把与服务器

素颜马尾好姑娘i/ 2022年06月12日 05:44/ 0 赞/ 661 阅读

相关 andorid状态机StateMachine

状态机的代码android并没有开放使用，在源码的frameworks/base/core/java/com/android/internal/util里StateMachin

叁歲伎倆/ 2022年06月09日 11:54/ 0 赞/ 260 阅读

相关 CocosCreator PageView组件使用

在Cocos2dx中，ListView或者PageView都是继承自ScrollView的。然而在CocosCreator中，ScrollView就是ListView，Pa

╰+攻爆jí腚メ/ 2022年06月05日 10:25/ 0 赞/ 966 阅读

相关 CocosCreator使用自定义shader

文章转载自：[https://blog.csdn.net/xufeng0991/article/details/72973664][https_blog.csdn.net_xu

忘是亡心i/ 2022年05月08日 05:52/ 0 赞/ 949 阅读

相关 Spring statemachine-实际项目应用

1. 公司里一个项目真实的应用，需求如下： ![image][] > 创建的一个user或group，需要不同人员去approve，user 或group状态就会发生变

向右看齐/ 2022年04月22日 10:54/ 0 赞/ 313 阅读

相关 Spring Statemachine 简介

Spring Statemachine 简介 Spring Statemachine是Spring官方提供的一个框架，供应用程序开发人员在Spring应用程序中使

柔情只为你懂/ 2021年09月21日 12:36/ 0 赞/ 845 阅读