Cocos2d-html5入门

原文链接：http://www.cocos2d-x.org/wiki/Getting_Started_with_Cocos2d-html5

介绍：

Cocos2D-html5是Cocos2D-html5组最新的分支，它使用Javascript语言来支持HTML5兼容的浏览器，由于API是完全从Cocos2d-X衍生出来，所以如果你之前对Cocos2d
游戏开发引擎熟悉的话，就知道该怎么用Cocos2D-html5了。如果你从来没有使用过Cocos2d游戏引擎，不要担心，本文将会教会你入门所需要的所有基本知识。

由于Cocos2D-html5是基于网页的，因此只要会用文本编辑器，那么你就可以自己写出运行于任何平台的APP，因为是基于网页的，所以你的APP可以运行于任何的设备上，只要你的设备能够访问网络浏览器即可。看，多么方便！这也是为什么说“未来在你的浏览器上！”

Javascript?

对于“脚本语言”的效率大家都比较关心，尽管它比C++要慢，但类似于V8 Javascript引擎和硬件加速引擎的出现使得游戏开发变得可能。同时，在移动手机上的硬件运行javascript时仍然是较慢、效率低，所以Cocos2d-x组正致力于一种被称为“Javascript捆绑”的技术。这意味着只需要更改很少的代码或者是完全不做修改，就能够让你的Cocos2d-html5引擎上的相同的代码也可以完美的运行在Cocos2d-X及Cocos2d-iPhone上。并且是“几乎和移动手机上的一样快”。

未来，我们会看到手机性能越来越强大，并且越来越多的手机是运行在四核多G Hz CPU上，并且还有专用的图形芯片。我们期待着在手机上运行的HTML5游戏能够和桌面机上运行的一样流畅。

WebGL怎么样?

WebGL意味着应用于Web的OpenGL,这意味着3d硬件加速。

安装Cocos2d-html5

安装Cocos2d-html5就像解压缩它一样容易，运行“index.html”!

1.     从官网“html5.cocos2d-x.org”上下载Cocos2d-html5

2.     解压缩至任意目录

3.     打开“index.html”来运行Hello World

4.     如果你看到在页面上的Hello World

5.     Profit !

如果Hello World运行时出现黑屏，不要惊慌，你的浏览器可能是处于安全考虑把某些本地文件的部分API给封了。

 

有两种方式来处理：

1.    使用firefox12，Opera,或者是Safari浏览器，这种浏览器对于本地文件来说更加友好。

2.    在你的PC上安装一个网络服务器

安装网络服务器（可选）

有几个备选项供选择：

*XAMPP：适于windows,Mac，Linux系统

*WAMP：适于windows

*MAMP：适于Mac系统

 

1.     下载你想安装的服务器中的一个

2.     按照指令安装

3.     找到安装目录

4.     找到根目录，应该是类似于“htdocs”或者“www”的

5.     拷贝解压缩的Cocos2d-html5文件

6.     将你的浏览器指向“localhost”

你会看到如下所示的：