Cocos-html5 初识

Cocos html5 项目环境的搭建。按照官网的文档搭建。(cocos html5、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文件的作用,它的作用就是编包导出。配合ant命令,执行build.xml文件。

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

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

正常的话,会输出编译好的js文件(很大,我的是1240kB)。

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

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

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

Cocos-html5 初识

时间: 2024-10-21 08:44:30

Cocos-html5 初识的相关文章

Cocos html5(v3.0rc2) 修改Loading加载页界面

1.Loading加载页什么时候调用的?答:在项目的main.js里调用的:代码如下:cc.LoaderScene.preload(g_resources, function () { cc.director.runScene(new StoryScene()); }, this);在preload函数里面,先启动运行了加载页.(可进入代码追踪查看) 2.怎么自定义自己的loading界面?答:进入CCLoaderScene.js文件中,由文件名可知,这个就是过渡下载的资源页面.文件位置在:co

Flask&&人工智能AI -- 8 HTML5+ 初识,HBuilder,夜神模拟器,Webview

昨日内容回顾 1.增删改查: 增: db.collections.insert({a:1}) // 官方不推荐了 db.collections.insertMany([{a:1},{b:1}]) insertOne({a:1}) 查: db.collections.find({a:1,b:1}) db.collections.findOne({a:1}) 改: db.collections.update({a:1},{$set:{b:2}}) // 官方不推荐了 db.collections.u

HTML5 初识 - Canvas

呃.. 今天开始看一下HTML5的一些东西了. 准备工作: 1.一个支持HTML5的浏览器(我用的Opera11.52和IE9),当然,火狐的和Chrome的近几个版本都能很好地支持HTML5 2.一个HTML的手册(说明书),以方便查阅. 因为发现目前用得比较多的是canvas,所以直接看了传说中很牛x的canvas标签的大概使用! 1.HTML中的canvas标签用于画图...貌似有点废话,canvas不就是个画布么 . 2.canvas标签中画图是由js控制,其中包含HTML5新添加的几个

菜鸟站长的坎坷建站经历

笔者平生自诩玩过多种编程语言,却一直视html为神级天书语言,下了好几次决心都未能攻克,更别提什么服务端客户端脚本,都是闻所未闻见所未见的.所以,笔者的自建网站起步时间可谓相当晚,刨根问底也就只能追溯到13年的夏天. 话说,那是一个天热无聊的夏天,笔者刚刚从工作了五年的公司离职,新的工作还没开始寻觅,于是决定找点事儿做.也就在那时,企鹅刚刚对微信公众账号功能做了大量更新,笔者天真地以为有个公众账户也就算进入公众人物的行列了,于是简单了解了下立马闷头扎入.微信公众账号背后是需要个人有域名和网站服务

初识html5 WebSocket

1.  WebSocket概念 WebSocket是HTML5开始提供的一种Client与Server间进行全双工(full-duplex)通讯的网络技术 双工(duplex),指二台通讯设备之间,允许有双向的资料传输 Client和Server通过WebSocket Protocol建立连接后,双方可以互传数据并且双方都可以关闭此连接 2. HTTP概念 HTTP Protocol是无状态协议的,Client和Server通过HTTP Protocol建立连接后,将采用"request-res

初识 HTML5

初识 HTML5(一) H5其实就是H4的一个增强版本,我们在利用H5进行网页的构造会更简便,标签语义更简洁明了.首先,我们要理解HTML4,它是HTML的标记+css2+JavaScript的一些基本应用,简言之,就是API+语法:而H5无非就是在原先的基础上面提供了一些新的功能. 1.H5的语义标签 1):html 的定义 ,它的一个文档声明 <!DOCTYPE html>  语法跟html4 差不多,w3c 提供了一个网站可以用来检测html 的语法.  https://validato

H TML5 之 (1) 初识HTML5

新特性 HTML5 中的一些有趣的新特性: 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素,比如 article.footer.header.nav.section 新的表单控件,比如 calendar.date.time.email.url.search 浏览器的支持 最新版本的 Safari.Chrome.Firefox 以及 Opera 支持某些 HTML5 特性.Internet Explorer 9 将支持

初识 HTML5(一)

H5其实就是H4的一个增强版本,我们在利用H5进行网页的构造会更简便,标签语义更简洁明了.首先,我们要理解HTML4,它是HTML的标记+css2+JavaScript的一些基本应用,简言之,就是API+语法:而H5无非就是在原先的基础上面提供了一些新的功能. 1.H5的语义标签 1):html 的定义 ,它的一个文档声明 <!DOCTYPE html>  语法跟html4 差不多,w3c 提供了一个网站可以用来检测html 的语法.  https://validator.w3.org/ 2)

初识HTML5

1.什么是HTML5 HTML5就是HTML网页标记语言的第五次重大更新产品,在这个版本中,新功能不断推出,以帮助Web应用程序的作者,努力提高新元素互操作性. 2.HTML5的目标 HTML5他的产生,最简单的目标就是,用更简洁的HTML代码创建更多功能的网页程序!并且HTML5让网页结构变得更加的清楚明了,增加了更加语义化的结构标签,这样一个网页的结构就非常清晰,那个部位显示的什么内容,让人一目了然 3.HTML5的好处 为开发人员节约时间,这句好话怎么理解,因为之前我们所使用的HTML/X