我所理解cocos2d-x 3.6 lua -- 初识MVC

简单说几句:

最近的游戏项目中使用了lua脚本来开发,项目中用到了MVC框架. 从cocos2d-x 3.6 创建lua demo, 简单分享一下思路和一些开发中的技巧。

先简单说说MVC,即Model View Controller。

Model(模型):一般负责数据的处理

View(视图):一般负责界面的显示

Controller(控制器):一般负责前端的逻辑处理

比如 :拿一款手机游戏来说,界面UI的显示、布局等就是View负责;点击了按钮,手势的滑动等操作由Controller来处理;游戏中需要的数据资源就交给Model。

游戏实例:

我创建项目的目录结构:

在讲解代码时,先介绍下该demo是做什么来的,没错,其实它就是介绍一款《杀虫》游戏,如:

玩法:初始化5个血量,随机生机向爬入洞的蚂蚁或蜘蛛,直到积累进入5个虫子,就结束游戏。

那么怎么实现该游戏呢?请看设计序列图及类图:

序列图:

类图:

具体代码:

新建之后,你首先看到的main.lua启动到MyApp.lua。

require("app.MyApp"):create():run()

看MyApp.lua文件:
1、require("app.MyApp")
这里执行的MyApp.lua的代码是:

local MyApp = class("MyApp", cc.load("mvc").AppBase) -- 继承cc.mvc.AppBase

function MyApp:onCreate()
    math.randomseed(os.time())
end

return MyApp

2、require("app.MyApp").create()
MyApp.create()执行后,执行的代码是:

function MyApp:ctor()
    MyApp.super.ctor(self)
end

为什么create()了之后会执行MyApp:ctor()?请看function.lua下的function class(classname, super)方法:

cls.new = function(...)
        local instance
        if cls.__create then
            instance = cls.__create(...)
        else
            instance = {}
        end
        setmetatableindex(instance, cls)
        instance.class = cls
        instance:ctor(...)
        return instance
    end
    cls.create = function(_, ...)
        return cls.new(...)
    end

可以看到,在class的实现方法里面,给每个创建的类声明了一个new()方法,方法里面调用了ctor()构造方法(ctor只是个名字,所以不是有些人认为的create了之后,当然会调用构造方法,lua没有类,只是我们模仿了类)

3.require("app.MyApp").create():run()

function AppBase:run(initSceneName)
    initSceneName = initSceneName or self.configs_.defaultSceneName
    self:enterScene(initSceneName)
end

其实:self.configs_.defaultSceneName = “MainScene”,就是进入初始界面。

对于MyApp.lua文件,如果我修改成下面的样子,是不是你就理解了上面所做的事情:

local AppBase = class("AppBase")

-- 初始化调用
function AppBase:ctor(configs)
    self.configs_ = {
        viewsRoot  = "app.views",
        modelsRoot = "app.models",
        defaultSceneName = "MainScene",
    }

    for k, v in pairs(configs or {}) do
        self.configs_[k] = v
    end

    if type(self.configs_.viewsRoot) ~= "table" then
        self.configs_.viewsRoot = {self.configs_.viewsRoot}
    end
    if type(self.configs_.modelsRoot) ~= "table" then
        self.configs_.modelsRoot = {self.configs_.modelsRoot}
    end

    if DEBUG > 1 then
        dump(self.configs_, "AppBase configs")
    end

    if CC_SHOW_FPS then
        cc.Director:getInstance():setDisplayStats(true)
    end

    -- event
    self:onCreate()
end

-- 运行场景
function AppBase:run(initSceneName)
    initSceneName = initSceneName or self.configs_.defaultSceneName
    self:enterScene(initSceneName)
end

-- 选择场景
function AppBase:enterScene(sceneName, transition, time, more)
    local view = self:createView(sceneName)
    view:showWithScene(transition, time, more)
    return view
end

-- 选择UI,即是view
function AppBase:createView(name)
    for _, root in ipairs(self.configs_.viewsRoot) do
        local packageName = string.format("%s.%s", root, name)
        local status, view = xpcall(function()
                return require(packageName)
            end, function(msg)
            if not string.find(msg, string.format("‘%s‘ not found:", packageName)) then
                print("load view error: ", msg)
            end
        end)
        local t = type(view)
        if status and (t == "table" or t == "userdata") then
            return view:create(self, name)
        end
    end
    error(string.format("AppBase:createView() - not found view \"%s\" in search paths \"%s\"",
        name, table.concat(self.configs_.viewsRoot, ",")), 0)
end

-- 创建时调用
function AppBase:onCreate()
end

return AppBase

MainScene.lua

local MainScene = class("MainScene", cc.load("mvc").ViewBase)

function MainScene:onCreate()
    -- add background image
    display.newSprite("MainSceneBg.jpg")
        :move(display.center)
        :addTo(self)

    -- add play button
    local playButton = cc.MenuItemImage:create("PlayButton.png", "PlayButton.png")
        :onClicked(function()
            self:getApp():enterScene("PlayScene")   -- 进入游戏界面
        end)
    cc.Menu:create(playButton)
        :move(display.cx, display.cy - 200)
        :addTo(self)
end

return MainScene

PlayScene.lua

local PlayScene = class("PlayScene", cc.load("mvc").ViewBase)

local GameView = import(".GameView")

function PlayScene:onCreate()
    -- create game view and add it to stage
    self.gameView_ = GameView:create()
        :addEventListener(GameView.events.PLAYER_DEAD_EVENT, handler(self, self.onPlayerDead))
        :start()
        :addTo(self)
end

-- 游戏结束调用(注意下GameView bind绑定)
function PlayScene:onPlayerDead(event)
    -- add game over text
    local text = string.format("You killed %d bugs", self.gameView_:getKills())
    cc.Label:createWithSystemFont(text, "Arial", 96)
        :align(display.CENTER, display.center)
        :addTo(self)

    -- add exit button
    local exitButton = cc.MenuItemImage:create("ExitButton.png", "ExitButton.png")
        :onClicked(function()
            self:getApp():enterScene("MainScene")
        end)
    cc.Menu:create(exitButton)
        :move(display.cx, display.cy - 200)
        :addTo(self)
end

return PlayScene

GameView.lua

代码较长,就重点介绍几段代码:

帧频刷新

function GameView:step(dt)
    if self.lives_ <= 0 then return end

    self.addBugInterval_ = self.addBugInterval_ - dt
    if self.addBugInterval_ <= 0 then
        self.addBugInterval_ = math.random(GameView.ADD_BUG_INTERVAL_MIN, GameView.ADD_BUG_INTERVAL_MAX)
        self:addBug()   -- 随机生成虫子
    end

    for _, bug in pairs(self.bugs_) do
        bug:step(dt)    -- 虫子爬动
        if bug:getModel():getDist() <= 0 then
            self:bugEnterHole(bug)  -- 进入洞穴
        end
    end

    return self
end

加载虫子

function GameView:addBug()
    local bugType = BugBase.BUG_TYPE_ANT
    -- 随机选择蚂蚁、蜘蛛
    if math.random(1, 2) % 2 == 0 then
        bugType = BugBase.BUG_TYPE_SPIDER
    end

    -- 创建蚂蚁、蜘蛛模型
    local bugModel
    if bugType == BugBase.BUG_TYPE_ANT then
        bugModel = BugAnt:create()
    else
        bugModel = BugSpider:create()
    end

    -- 加载虫view选择对应模型
    local bug = BugSprite:create(GameView.IMAGE_FILENAMES[bugType], bugModel)
        :start(GameView.HOLE_POSITION)
        :addTo(self.bugsNode_, GameView.ZORDER_BUG)

    self.bugs_[bug] = bug
    return self
end

绑定事件

    -- bind the "event" component
    cc.bind(self, "event")

通过事件,若游戏结束后,直接跳转PlayScene场景。像击杀虫、扣血等代码就不多介绍,参考下类图,你就明白了,我就不一一列举了。

时间: 2024-11-02 15:39:57

我所理解cocos2d-x 3.6 lua -- 初识MVC的相关文章

(转载)我所理解Cocos2d-x 3.6(Lua):Cocos如何绑定Lua自定义类

我所理解Cocos2d-x 3.6(Lua):Cocos如何绑定Lua自定义类 热血枫叶2015-06-19 16:27:182289 次阅读 Cocos2d-x 2.x 与 Cocos2d-x 3.x 差异(tolua++) Cocos2d-x在2.x版本里就是用toLua++和.pkg文件这么把自己注册进Lua环境里的,然而从Cocos2d-x 3.x开始,用bindings-generator脚本代替了toLua++. bindings-generator脚本的工作机制是: 1.不用编写.

cocos2d的-X- luaproject的LUA脚本加密

2014/1/26 更新 近期又发现了一个非常easy的方法,事实上coco2dx已经给我们提供设置loader的方法. 注意:有个局限性,在非android平台下调用pEngine->executeScriptFile是不调用loader的,仅仅有require这样的才会调用loader.也就是说你直接executeScriptFile("main.lua")这个脚本不能加密,main.lua里面require的才干加密 过程例如以下: 1.实现自己的loader(參考int

深入理解javascript对象系列第一篇——初识对象

× 目录 [1]定义 [2]创建 [3]组成[4]引用 前面的话 javascript中的难点是函数.对象和继承,前面已经介绍过函数系列.从本系列开始介绍对象部分,本文是该系列的第一篇——初识对象 对象定义 javascript的基本数据类型包括undefined.null.boolean.string.number和object.对象和其他基本类型值不同的是,对象是一种复合值:它将许多值(原始值或者其他对象)聚合在一起,可通过名字访问这些值 于是,对象也可看做是属性的无序集合,每个属性都是一个

[原创]java WEB学习笔记19:初识MVC 设计模式:查询,删除 练习(理解思想)

本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友 微博:伊直都在0221 QQ:951226918 ---------------------------------

《深入理解Android》学习笔记(一) ——— 初识JNI

1. JNI, Java Native Interface,即 Java本地调用. 作用:JNI层作为连接Java世界与Native世界的桥梁,使Java程序中函数可以调用Native(C/C++)编写的函数,Native(C/C++)程序中可以调用Java的函数. 2. Java要调用Native函数,需要完成以下两项工作: (1)加载对应的JNI动态库.通常在Java类的static语句中调用System.loadLibrary方法动态加载JNI库. (2)声明由关键字native修饰的函数

cocos2dx + lua 中实现 lua的MVC

创建两个类,,CGMainSceneManager是单例,用于MC,CGMainScene 用于V.实现方式类似c++的类 local CGMainScene = class("CGMainScene",function() return ZnBaseScene:create() end) function CGMainScene.create() local scene = CGMainScene.new() scene:init() scene:registerScriptHand

Cocos2dx-Lua与C++混合使用

本文转载于http://www.cnblogs.com/zisou/p/cocos2dx-lua1.html 上面一个问题我觉得在我们使用Lua之前需要深入思考的,Lua有何优点?缺点又是什么?先找准自己的项目定位 在什么时候使用是很必要的: 经过自己一番摸索之后有如下结论: 优点: 1,嵌入式脚本开发可以跳过平台市场进行独立的游戏资源更新: 2,在使用Lua开发能降低在使用C++中得指针引用报错,nil类型问题: 3,可以使用Lua表结构来完成面向对象: 还有一个项目定位的问题,那就是开发游戏

Cocos2d-x下Lua调用自定义C++类和函数的最佳实践

原文地址:http://segmentfault.com/a/1190000000631630 关于cocos2d-x下Lua调用C++的文档看了不少,但没有一篇真正把这事给讲明白了,我自己也是个初学者,摸索了半天,总结如下: cocos2d-x下Lua调用C++这事之所以看起来这么复杂.网上所有的文档都没讲清楚,是因为存在5个层面的知识点: 1.在纯C环境下,把C函数注册进Lua环境,理解Lua和C之间可以互相调用的本质2.在cocos2d-x项目里,把纯C函数注册进Lua环境,理解cocos

【转】Cocos2d-x下Lua调用自定义C++类和函数的最佳实践

转自:http://segmentfault.com/blog/hongliang/1190000000631630 关于cocos2d-x下Lua调用C++的文档看了不少,但没有一篇真正把这事给讲明白了,我自己也是个初学者,摸索了半天,总结如下: cocos2d-x下Lua调用C++这事之所以看起来这么复杂.网上所有的文档都没讲清楚,是因为存在5个层面的知识点: 1.在纯C环境下,把C函数注册进Lua环境,理解Lua和C之间可以互相调用的本质 2.在cocos2d-x项目里,把纯C函数注册进L