基于HTML5的SLG游戏开发(一):搭建开发环境(2)
2013-09-29 11:15
309 查看
游戏开发过程中经常需要处理各种事件,而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的文章/article/4664429.html
阐述这么多,只为说明一点: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的文章/article/4664429.html
相关文章推荐
- 基于HTML5的SLG游戏开发(一):搭建开发环境(1)
- tcp server学习之1 :搭建基于libevent的开发环境
- windows 基于docker下的 spark 开发环境搭建
- 搭建基于SSI(struts2,spring,ibatis)的javaEE开发环境
- [Android] Step 1: 基于Windows的Android开发环境搭建
- 最新基于adt-bundle-windows-x86的android开发环境搭建
- Android开发环境搭建(二)——基于Eclipse的开发环境搭建
- HTML5 APP开发环境的框架搭建
- 最新基于adt-bundle-windows-x86的android开发环境搭建
- 搭建Windows下基于Eclipse 的 PHP 开发环境
- ok6410开发板基于Ubuntu9.10开发环境搭建-串口
- 基于mac上搭建python开发环境
- Hadoop伪分布配置与基于Eclipse开发环境搭建
- mini6410基于linux2.6.36内核通过NFS启动根文件系统总结(一搭建开发环境——建立NFS服务器)
- 基于Centos搭建 Mono 开发环境
- Windows平台上iPhone SDK基于Cygwin开发环境搭建
- JEECG - 基于代码生成器的J2EE智能开发框架 续一:开发环境搭建步骤
- 跨平台移动开发实战(三)------HTML5开发环境搭建
- 基于adt-bundle-windows-x86-20140702的android开发环境搭建
- 详解基于Linux与lpc3250开发板的交叉开发环境搭建