大海教你学手游2015CocosLua第一季_01环境搭建与场景封装

本文主要是介绍大海教你学手游2015CocosLua第一季_01环境搭建与场景封装,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

课程地址:http://ke.qq.com/cgi-bin/courseDetail?course_id=78017

cocos2d-x直播课交流群: 461039382(发布每节课视频和资料)

网盘资料下载:http://pan.baidu.com/s/1dDvZvAp ( 密码要进群才有)

         Cocos是一款跨平台移动游戏引擎,实际上是把不同平台的图形处理、交互事件通过

C++实现了统一Api,见下图:


中间蓝色的部分Cocos2d-x就是通过C++调用ios、Android等平台的图形库OpenGL,同时平台的用户交互事件传递给Cocos2d-x的导演类,这样开发者就可以在Cocos2d-x基础上使用C++的Api开发跨平台的手机游戏和应用了。

         当然开发者可以选择三种语言

1.  使用C++

a)        语法严谨,代码高效

b)        方便定制对于底层系统平台的功能调用(C++可以调OC,C++可以调Java)

c)        跟别人说你会C++岂不是很牛吗!

2.  使用Lua

a)        代码简单、弱语言

b)        灵活的代码结构

c)        高效开发

d)        可以动态更新(这个最吊,不用重装App就能更新)

3.  使用JavaScript

a)        可以让原来做网页的开发者上手

b)        可以将游戏发布到H5浏览器

好吧!我们从Lua学起,先入门,再精通,从Lua入门是不错的选择,从C++开始对于开发者来讲有一定难度。

第一课要解决以下问题:

1.  要解决如何搭建开发环境

a)        首先安装jdk1.7

b)        再安装Python2.7 (不能安装高版本)

c)        安装CocosCode IDE(1.2 ,2.0版居然没有提示,后续再说吧)

d)        安装Cocos2d-x3.2源码(后面会讲cocos2d-x3.6和Quick,如果上来就是3.6 MVC估计用户都会蒙圈,不知道引擎团队怎么想的,我认为这个MVC影响了用户对CocosApi的统一理解,应该作为可选包,不应该作为默认模板)

e)        配置CocosCodeIDE

相关资源如下图,可以到网盘下载:

2.  Cocos的核心概念

a)        导演 Director(控制所有界面的显示和切换,其实还有事件分发、垃圾处理等)

b)        场景Scene(就是游戏的一个界面,每个界面都可以有很多层)

c)        图层Node(文字、图片、菜单、动画等在场景中的每一个绘图元素都是一个图层)

d)        动作Action(是对Node的变换的封装)

如下图:


做游戏就是定义多个场景画面,然后通过Director实现画面的切换。

3.  如何理解第一个工程的文件结构

a)        Res 文件夹保存游戏中的所有资源如图片、声音、动画、关卡文件等

b)        Src 是源码文件夹保存游戏开发的lua源代码

Main.lua 是入口文件,主要是定义了一个场景然后运行这个场景,代码如下:

 

require"Cocos2d"--引用cocos lua函数库

-- cclog

localcclog = function(...)

    print(string.format(...))

end

-- for CCLuaEngine traceback

function __G__TRACKBACK__(msg)

    cclog("----------------------------------------")

    cclog("LUA ERROR:" .. tostring(msg) .. "\n")

    cclog(debug.traceback())

    cclog("----------------------------------------")

    returnmsg

end

localfunctionmain() --入口函数

    collectgarbage("collect")

    -- avoidmemory leak

    collectgarbage("setpause", 100)

    collectgarbage("setstepmul", 5000)

    --添加文件搜索路径

    cc.FileUtils:getInstance():addSearchPath("src")

    cc.FileUtils:getInstance():addSearchPath("res")

    --设置屏幕适配 cc.Director:getInstance():getOpenGLView():setDesignResolutionSize(960, 640, 0)

    --createscene 1。创建一个场景

    localMS=require("MyScene")

    localms_scene=MS:create()

    --2,显示这个场景

    if cc.Director:getInstance():getRunningScene()then

        cc.Director:getInstance():replaceScene(ms_scene)

    else

        cc.Director:getInstance():runWithScene(ms_scene)

    end

end

localstatus, msg = xpcall(main, __G__TRACKBACK__)

ifnotstatusthen

    error(msg)

end

 

4.  定义自己的场景

以下是场景类的封装,并在屏幕显示背景和英雄,运行结果如下:

 

代码如下:

1.--定义第一个场景

2.--定义一个类  MyScene 继承cc.Scene

3.localMyScene=class("MyScene",function ()

4.return cc.Scene:create()

5.end)

6.--创建函数

7.functionMyScene:create()

8.    print("MyScene:create")

9.localms=MyScene.new()

10.         ms:addChild(ms:init())

11.         returnms

12.     end

13.     --构造函数

14.     functionMyScene:ctor()

15.         print("MyScene:ctor")

16.        --添加成员属性

17.         self.winsize=cc.Director:getInstance():getWinSize()

18.     end

19.     --初始化函数

20.     functionMyScene:init()

21.         print("MyScene:init")

22.         locallayer=cc.Layer:create()

23.         --添加背景图片层到场景

24.         localsp_bk=cc.Sprite:create("bbg_burning_land.jpg")

25.         layer:addChild(sp_bk)

26.         sp_bk:setPosition(self.winsize.width/2,self.winsize.height/2)

27.         -- 添加人物层到场景

28.         localsp=cc.Sprite:create("kick07.png")

29.         layer:addChild(sp)

30.         sp:setAnchorPoint(0,1)

31.         sp:setPosition(self.winsize.width/2,self.winsize.height/2)

32.         sp:setRotation(40)

33.         sp:setLocalZOrder(3) --设置当前图层的显示顺序

34.         --让人物运行动作

35.         --sp:runAction(cc.RotateBy:create(5,720))

36.         --添加文字层

37.         localtxt01=cc.Label:createWithSystemFont("9秒课堂","",40)

38.         layer:addChild(txt01)

39.         txt01:setPosition(self.winsize.width/2,self.winsize.height/2+70)

40.         --添加人物层

41.         localhero01=cc.Sprite:create("hero01.png")

42.         hero01:setAnchorPoint(0.5,0.5)

43.         hero01:setPosition(480,320)

44.         hero01:setLocalZOrder(4)

45.         layer:addChild(hero01)

46.         hero01:setScale(0.3)--缩放到原有尺寸的30%

47.         returnlayer

48.     end

49.      

50.             returnMyScene

这篇关于大海教你学手游2015CocosLua第一季_01环境搭建与场景封装的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/367817

相关文章

python项目环境切换的几种实现方式

《python项目环境切换的几种实现方式》本文主要介绍了python项目环境切换的几种实现方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录1. 如何在不同python项目中,安装不同的依赖2. 如何切换到不同项目的工作空间3.创建项目

C++多线程开发环境配置方法

《C++多线程开发环境配置方法》文章详细介绍了如何在Windows上安装MinGW-w64和VSCode,并配置环境变量和编译任务,使用VSCode创建一个C++多线程测试项目,并通过配置tasks.... 目录下载安装 MinGW-w64下载安装VS code创建测试项目配置编译任务创建 tasks.js

Nginx内置变量应用场景分析

《Nginx内置变量应用场景分析》Nginx内置变量速查表,涵盖请求URI、客户端信息、服务器信息、文件路径、响应与性能等类别,这篇文章给大家介绍Nginx内置变量应用场景分析,感兴趣的朋友跟随小编一... 目录1. Nginx 内置变量速查表2. 核心变量详解与应用场景3. 实际应用举例4. 注意事项Ng

Java中接口和抽象类的异同以及具体的使用场景

《Java中接口和抽象类的异同以及具体的使用场景》文章主要介绍了Java中接口(Interface)和抽象类(AbstractClass)的区别和联系,包括相同点和不同点,以及它们在实际开发中的具体使... 目录一、接口和抽象类的 “相同点”二、接口和抽象类的 “核心区别”关键区别详解(避免踩坑)三、具体使

MongoDB搭建过程及单机版部署方法

《MongoDB搭建过程及单机版部署方法》MongoDB是一个灵活、高性能的NoSQL数据库,特别适合快速开发和大规模分布式系统,本文给大家介绍MongoDB搭建过程及单机版部署方法,感兴趣的朋友跟随... 目录前言1️⃣ 核心特点1、文档存储2、无模式(Schema-less)3、高性能4、水平扩展(Sh

一篇文章彻底搞懂macOS如何决定java环境

《一篇文章彻底搞懂macOS如何决定java环境》MacOS作为一个功能强大的操作系统,为开发者提供了丰富的开发工具和框架,下面:本文主要介绍macOS如何决定java环境的相关资料,文中通过代码... 目录方法一:使用 which命令方法二:使用 Java_home工具(Apple 官方推荐)那问题来了,

vite搭建vue3项目的搭建步骤

《vite搭建vue3项目的搭建步骤》本文主要介绍了vite搭建vue3项目的搭建步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录1.确保Nodejs环境2.使用vite-cli工具3.进入项目安装依赖1.确保Nodejs环境

Nginx搭建前端本地预览环境的完整步骤教学

《Nginx搭建前端本地预览环境的完整步骤教学》这篇文章主要为大家详细介绍了Nginx搭建前端本地预览环境的完整步骤教学,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录项目目录结构核心配置文件:nginx.conf脚本化操作:nginx.shnpm 脚本集成总结:对前端的意义很多

idea+spring boot创建项目的搭建全过程

《idea+springboot创建项目的搭建全过程》SpringBoot是Spring社区发布的一个开源项目,旨在帮助开发者快速并且更简单的构建项目,:本文主要介绍idea+springb... 目录一.idea四种搭建方式1.Javaidea命名规范2JavaWebTomcat的安装一.明确tomcat

vue监听属性watch的用法及使用场景详解

《vue监听属性watch的用法及使用场景详解》watch是vue中常用的监听器,它主要用于侦听数据的变化,在数据发生变化的时候执行一些操作,:本文主要介绍vue监听属性watch的用法及使用场景... 目录1. 监听属性 watch2. 常规用法3. 监听对象和route变化4. 使用场景附Watch 的