Cocos-html5 初识

Cocos html5 项目环境的搭建。按照官网的文档搭建。(cocos html5 v2.2.3、webStorm、google chrome、谷歌商店的jet-brain插件)

迫不及待的打开cocos html5的文件结构。找到栗子,HelloHTML5World,点击index.html,看到了熟悉的画面...(不过它是个静态的)

使用web storm导入整个html5项目。

html5程序启动过程是:

index.html -> cocos2d.js -> ./../cocos2d/jsloader.js -> main.js

main.js调用代码:

var myApp = new cocos2dApp(HelloWorldScene);

进入src的场景js代码中,显示游戏界面。

添加新的场景时,【注意】需要在cocos2d.js的appFiles里声明创建的js文件。

写的比较好的博客:

http://blog.csdn.net/honghaier/article/details/8642553

官网的cocos html5 教程、文档等。

 ________________________打包___________________________

既然写了cocos html5 的小代码一段(图像repeat震动效果)

果断拿到配置好的服务器上试试。(本地可以用wamp,但是我开始用本地测,竟然wamp不给面子的挂了。原因不明(端口什么的)。)

一直不知道项目里面的build.xml文件的作用,它的作用就是编包导出。将自己创建的游戏js文件写到build.xml中,配合ant命令,执行build.xml文件。

我用的ant是apache-ant-1.9.4。把这个ant命令配置到环境变量path里面。

cmd命令行,进入build.xml文件所在的目录,输入ant,执行。

正常的话,会输出编译好的js文件(文件很大(因为包含了cocos2d的js库),我的是1240kB)。

接着,修改cocos2d.js文件中的部分代码。如下图:

部署项目到服务器。很简单。把下面红框中的四个文件放到web访问目录内(保持路径的平级)即可运行cocos html5游戏了。

比如将这四个文件放到了服务器的文件目录里,在浏览器上只需要执行:www.****.com/index.html就可以看到运行的效果啦!
虽然效果跟开发时一样,但是放到了服务器上,那感觉还是~~~~

(     写的是粗略过程,不够详细:)    )

posted @ 2014-08-19 16:15  Mr轨迹  阅读(1245)  评论(0编辑  收藏  举报