基于HTML5的SLG游戏开发(一）：搭建开发环境(2)

      游戏开发过程中经常需要处理各种事件，而HTML5游戏开发中，所有的场景和UI面板都是绘制在Canvas上面，假设需要对某一UI面板上的关闭按钮添加事件监听，采取的方法是对关闭按钮图片资源进行像素处理。如果只是在浏览器中打开本地图片资源文件，由于浏览器安全策略限制（跨域）无法实现对图片的像素处理（getImageData)，所以我们需要一个web容器来运行我们的HTML5游戏，解决跨域问题。详情可见文章：http://blog.project-sierra.de/archives/1577

 

      阐述这么多，只为说明一点：HTML5游戏需要放在web服务器里面运行。但是，如果HTML5游戏只能在浏览器上运行，则会受制于浏览器，值得欣喜的是市面上出现的一些加速引擎可以解决跨域问题，让我们可以把部分资源放在本地，解决玩家玩游戏过程中流量消耗过大的问题，同时也使我们打的客户端包不至于很小。

 

     现在说一下Mac OSX环境下如何搭建和配置Apache，window环境的开发者可以直接使用warmpserver。

 

     我使用的Mac OSX 10.8.5,Mac自带Apache环境。

1.打开终端，查看自带Apache版本: 

 

2.修改Apache配置文件。

      Apache的安装目录在：/etc/apache2/，根目录为：/Library/WebServer/Documents/”，我们需要把根目录修改到我们的项目目录下。

      1、首先我们通过vim打开httpd.conf(配置文件）：

 

 

      2、修改根目录：

 

       3、重启Apache:

        修改好根目录：我们执行 "sudo apachectl start"命令，启动apache服务

 

      到现在为止，我们就可以通过浏览器访问”localhost"浏览我们的HTML5游戏项目了。其他的一些Apache设定在网上搜索，同时也推荐MacOS配置Apache的文章http://www.cnblogs.com/snandy/archive/2012/11/13/2765381.html