Cocos2d-js入门学习笔记

Cocos2d-js入门学习笔记

 

         哐哐哐，小白开工啰    

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

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

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

地点：杭州滨江

邮箱：[email protected]

微信公众号： 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 打开此页面（系统默认浏览器）

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