Cocos2d-js入门学习笔记

哐哐哐，小白开工啰

先记录下如何搭建环境及第一个HELLO World

本篇励志名言：智者不只发现机会，更要创造机会。[培根]

欢迎转载转载标注出处：http://blog.csdn.net/notbaron/article/details/42434163

地点：杭州滨江

邮箱：appdevzw@163.com

微信公众号： HopToad

1.软件准备

Cocos2d-html游戏引擎下载地址：

http://cn.cocos2d-x.org/download/

解压后目录如下：

2014/12/12 00:25 1,608 .gitignore

2014/12/12 00:25 507 .gitmodules

2014/12/12 00:25 821 .travis.yml

2014/12/12 00:25 2,899 AUTHORS

2014/12/12 00:25 38,851 CHANGELOG

2014/12/12 00:25 9,791 CMakeLists.txt

2014/12/12 00:25 1,074 LICENSE

2014/12/12 00:25 8,365 README.md

2014/12/12 00:25 23,045 setup.py

2014/12/12 00:28<DIR> build

2014/12/12 00:28<DIR> docs

2014/12/12 00:31<DIR> frameworks

2014/12/12 00:28<DIR> samples

2014/12/12 14:15<DIR> templates

2014/12/12 00:29<DIR> tools

9 个文件 86,961 字节

8 个目录 79,351,980,032 可用字节

2.Sample项目

只需要复制加压目录中samples文件夹中的文件如下：

js-moonwarriors

js-tests

打开js-tess 中的index.html文件或者js-moonwarriors中的index.html文件即可。

3.配置 WebStorm 项目

A.首先解压缩 Cocos2d-html5 压缩包。

B.打开WebStorm 进入欢迎界面，选择又侧Create New Project from Existing Files项

C.Selectscenario选择最后一项一项“Source files are in a local directory …”，点击下一步

D.浏览文件夹到Cocos2d-html5目录，然后点击Project Root设定跟目录

E.点击“Finish” 完成项目导入。

F.浏览器同步编写实时刷新

这样可以在WebStorm中进行编程了。

右击项目主目录的index.html选择 调试 index.html 后，将以 Chrome 打开此页面（系统默认浏览器）

接着可以将它拷贝，然后基于它编写自己的代码程序。