小满（bill man）个人原创，欢迎转载，转载请注明地址，小满（bill man）的专栏地址http://blog.csdn.net/bill_man

期盼已久的cocos2d-html5版本终于在日前发布了alpha版本，从本篇文章开始我将我的自学cocos2d-html5历程与大家分享。

本篇介绍配置环境，为什么需要配置环境呢，这是由于浏览器的一些限制，浏览器禁止在本地访问诸如XMLHttpRequest函数，而cocos2d引擎中的很多文件的读取都要依赖于这些方法，所以我们需要将文件上传到一个web服务器上，或者上传到一个本地的开发环境中，如Mac的MAMP和windows的WAMP。否则浏览器就会出现如下的报错（chrome浏览器）

其实抛开引擎的角度，单纯从html5的角度讲，有些特性也需要将文件上传到一个web服务器上，或者上传到一个本地的开发环境中，比如图像的像素级操作，如果图像和控制画布的javascript不在同一个位置，那么画布对于访问这个图像的像素级操作会有严格的限制。

我这里选择的是XAMPP，另外测试的浏览器我选择的是chrome，由于其提供了很不错的开发者支持，js的编辑器我采用的事editplus。

首先从http://www.apachefriends.org/en/xampp.html下载XAMPP，我选择的是windows版本的，然后从如下列表中选择第一个

然后有三个版本可供选择，分别是安装版，zip压缩版，7zip压缩版，这里我选择的是zip压缩版。下载完成解压便可以使用

解压完成后点击