cocos creator中使用PureMvc框架(一)

cocos creator中使用PureMvc框架

项目最终效果: https://github.com/kirikayakazuto/PureMvcDemo

PureMvc 因为传统的mvc框架并不适合游戏开发, 所以我们使用PureMvc进行游戏框架的开发

关于PureMvc的详细介绍我们在这里不在多讲, 有需要我会在后续的内容里详细介绍, 放一张图

图片来自网络

还是主体还是三层架构, facade作为全局单例 控制着M V C

 

重点: 在cocos creator中使用PureMvc

这里我们使用PureMvc 做一个最简单的应用, 

点击按钮, 更改数字的显示

 

step1:

    下载PureMvc, 这里我们使用的是typescript版本

     到官方的github下载就行了, 

      附上链接https://github.com/PureMVC/puremvc-typescript-standard-framework/tree/master/bin

      把js文件, 以及.d.ts文件下载到本地, 

step2:

    打开cocos creator 这里我是用的是当前的新版本 2.0.9 , 将上述的puremvc.js文件导入cocos creator, 并设置为插件(三个都打上勾) 十分重要!!! 必须允许编辑器加载

    直接导入puremvc.ts文件是没用的, 还需要进行一些修改

    打开puremvc.js文件, 

if( typeof define === "function" )
{
	define( "puremvc", [], function()
	{
        var puremvc;
        (function (puremvc) {
            "use strict";
            var Observer = (function () {

将第一行的 if() 语句删除 因为在cocos中define是undefine , 在把define() 语句删除, 删除完毕后 你的文件开头应该如下

var puremvc = {};
(function (puremvc) {
    "use strict";
    var Observer = (function () {
        function Observer(notifyMethod, notifyContext) {

在结尾处 我们在加上一条  因为var 定义的变量可能在最新版不属于全局变量了,  

window.puremvc = puremvc;

step3:

打开puremvc.d.ts文件, 将其中的内容 复制放到creator.d.ts中, ok 

环境就搭建完成了,

在下一节我们继续