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
环境就搭建完成了,
在下一节我们继续