第一步,环境搭建
这里我选择的是3.x版本的完整SDK:
解压到任意目录运行python setup.py安装即可,不过这里的python版本是2.x。
新建工程:cocos new -l js 工程名
进入工程目录运行:cocos run -p web
在浏览器上看到如下画面即可表示程序运行成功:
第二步,cocos2d-js基础
上面的环境搭建和使用命令行新建工程是一般的流程,不过如果我们想具体了解一下cocos是如何运行一个程序的话,可以手动来创建一个简单的工程,在下载好的SDK工具包中需要使用的是如下图所示的web文件夹:
运行cocos需要服务器环境,于是在服务器的www目录下新建一个game文件夹,将SDK中的web文件夹解压到此处并重命名为cocos2d-html5,下图是必要的工程结构:
cocos2d-html5是web游戏引擎应该不需要解释;
res文件夹用来存放一些音频或者图片资源;
src存放游戏的脚本资源,主要在该文件夹下编写游戏逻辑和加载游戏的媒体资源,包含app.js和resource.js;
index.html是运行游戏的默认web页面;
main.js是用于开始加载游戏cocos2d-js脚本;
project.json是运行游戏必要的配置文件。
准备好工程目录以后开始编写游戏的代码:
首先是index.html:
1
2
3
4
5
6
7
Document8
9
10
11
12
13
14