如何用cocos2d js 教程-JS制作一个微信报名宣传页

Sina Visitor System收藏,5.2k 浏览
问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
最近在微信上尝试些web app的东西,用微信上自带的浏览器会有顶端和低端的工具栏和状态栏,如何将这两个隐藏?在iphone上还有自带的拖拽问题,手势会造成整个屏幕的拖拽,这个问题怎么解决,因为“打飞机”是可以在屏幕上随意move的?
它使用的是什么引擎?框架?
怎么入门html5游戏的开发?
微信分享到朋友圈的接口文档?
新手!谢谢大家!
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
下面我会拆分解决你这个大部头问题。请你用心,耐心,仔细的读完它,保证有收获。
首先这两个东西你是无法通过普通手段去除的。
我没有研究过微信的游戏SDK,可能会有相关的设置。
不过看你这么说,应该是想通过外部链接进行的,所以 无法做到隐藏顶部、底部栏 。
iPhone拖拽问题,你确定只是iPhone上会出问题?
据我所知,应该要在&head&中加入这一条
&meta name="viewport" content="width=device-width, initial-scale=1" /&
这样才适合手机使用。这个是html5开发的基本啊!
他们用的是什么引擎我不太清楚,因为经过别人反编译后得出,这玩意儿是微信一种插件式的APP,也就是脱离
了微信就存活不了了(待考证),因此他不是纯HTML5+js开发的。
具体资料来源于这里,你能在这里看到关于打飞机的一些详细情况。
怎么入门html5游戏的开发?
看来你应该是个初学者,具体怎么开发我也不知道,因为目前Html5刚起步,有些东西还没有完善。但是Html5还是很有看头的,我自己都在学,不过不是学游戏方面的而已。
因此这类问题很没有意义,你不自己去动手看看文档,在这里光问是没有用的。SF有关于这方面的讨论,你可以去看看。
点击去慢慢看,你会收获挺多的。
微信分享到朋友圈的接口文档?
好吧。直接上链接给你了。
这个是一个取巧的方法,不知道目前还有没有用,你可以试试。代码也贴上来:
function WeiXinShareBtn() {
if (typeof WeixinJSBridge == "undefined") {
alert("请先通过微信搜索 wow36kr 添加36氪为好友,通过微信分享文章:)
WeixinJSBridge.invoke('shareTimeline', {
"title": "36氪",
"link": "",
"desc": "关注互联网创业",
"img_url": "/assets/images/apple-touch-icon.png"
然后是微信官方的文档,只有iOS和Android的SDK文档。
写了这么多给你,如果你不给我赞我真心无语了。如果你没有耐心读完,那我也没办法了..
希望你能早日模仿出来~
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
隐藏微信底部栏
可以在代码中加入一段js
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {WeixinJSBridge.call('hideToolbar');});
这一功能一般使用在下述公众号页面:
公众号认为该页面中,用户一般不需要频繁的前进后退操作
公众号人为该页面中的内容已经能够帮助用户进行前进后退导航
隐藏网页显示在微信中右上角的按钮
可以通过在网页中增加以下JavaScript代码:
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {WeixinJSBridge.call('hideOptionMenu');});
这一功能一般使用在下述公众号页面:
公众号认为该页面不适合被用户分享给其他人的
公众号认为该页面不适合被用户收藏的
公众号认为该页面不适合通过其他外部浏览器打开的
其他基于谨慎和安全的考虑
在网页中获取用户的网络状态
为了方便开发者根据用户的网络状态来提供不同质量的服务,公众号可以在公众号内部的网页中使用JavaScript代码调用来获取网络状态。
调用代码如下:
WeixinJSBridge.invoke('getNetworkType',{},
function(e){
WeixinJSBridge.log(e.err_msg);
返回结果:
network_type:wifi wifi网络
network_type:edge 非wifi,包含3G/2G
network_type:fail 网络断开连接
window.onload = function () {
document.addEventListener("WeixinJSBridgeReady", onWeixinReady, false);
function onWeixinReady() {
WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
WeixinJSBridge.log(e.err_msg);
network = e.err_msg.split(":")[1];
//结果在这里
我只能帮你到这了。不过html5游戏开发,我感觉腾讯后期肯定会开放平台,也许会专门为微信游戏出一些对应的api哦。
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
android 版的微信飞机大战不是 html5 ,而是 libGDX ,主要采用 java 方式开发
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
打飞机不是html5的。
可以使用cocos2d-html5,但是html5在小游戏上还可以接受,低端一点的设备上随便都很卡的。
你就想一下所有移动设备都跑flash游戏。 而且html5 还没有图像差分,
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
同步到新浪微博
不要错过该问题的后续解决方案
如果你没找到答案,记得登录关注哦,大家会尽全力帮你解决的 ^___^
分享到微博?
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
内容质量差,或不适合在本网站出现
讨论型问题
其他原因(请补充说明)
举报理由:
推广(招聘、广告、SEO 等)方面的内容
带有人身攻击、辱骂、仇恨等违反条款的内容
与已有问题重复(请编辑该提问指向已有相同问题)
内容质量差,或不适合在本网站出现
答非所问,不符合答题要求
其他原因(请补充说明)
补充说明:如何用Cocos2d-JS制作一个微信报名宣传页_百度知道
如何用Cocos2d-JS制作一个微信报名宣传页
提问者采纳
1.实现上述五个页面的切换。2.实现5个页面的入场和出场动画。3.添加背景音乐4.屏幕适配5.添加微信分享的API可以到cocos官网上去下载,此处我们用的是3.0final,或者,我们可以下载Lite版本的Cocos2d-JS,lite版本可以很方便的根据需求去下载所需要的模块,可以很大的减少代码的体积,可在此下载,我们畅珐扳貉殖股帮瘫爆凯需要用到的模块有core?actions?menuprogress-timer,在该页面中选择Customized Version然后勾选上述几个模块,并点击下载。
其他类似问题
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁您所在的位置: &
15.2.2 Cocos2d-JS的Socket.IO客户端(1)
15.2.2 Cocos2d-JS的Socket.IO客户端(1)
清华大学出版社
《Cocos2d- x实战:JS卷――Cocos2d-JS开发》第15章基于Node.js的Socket.IO网络通信,本章我们给大家推荐更加轻便的通信方式Socket.IO,它是基于Node.js技术,随着Node.js技术蓬勃发展,Socket.IO通信越来越受到广大开发人员的青睐。本节为大家介绍Cocos2d-JS的Socket.IO客户端。
15.2.2 Cocos2d-JS的Socket.IO客户端(1)
在Web应用开发过程中,Socket.IO客户端也是使用JavaScript语言开发的,运行环境是在浏览器中运行。Cocos2d-JS引擎提供了Socket.IO客户端开发所需SocketIO库,这样在游戏中开发网络通信的相关应用就变得比较简单了。
下面我们看看代码部分,app.js中初始化HelloWorldLayer的代码如下:
var&_sioC&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&① &var&SocketIOSocketIO&=&SocketIO&||&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&② &&var&HelloWorldLayer&=&cc.Layer.extend({ &&&&&ctor:function&()&{ &&&&&&&&&this._super(); &&&&&&&&&var&size&=&cc.director.getWinSize(); &&&&&&&&&&var&lblSendMsg&=&cc.LabelBMFont.create(&Send&Message&,&res.fnt_fnt);&&&&&&&& &&&&&&&&&var&menuItemSendMsg&=&cc.MenuItemLabel.create(lblSendMsg,& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&this.onMenuCallback,&this); &&&&&&&&&&var&mn&=&cc.Menu.create(menuItemSendMsg); &&&&&&&&&mn.alignItemsVertically(); &&&&&&&&&this.addChild(mn); &&&&&&&&&&_sioClient&=&SocketIO.connect(&http://localhost:3000/&);&&&&&&&&&&&&&&&&&&&&&&&&③ &&&&&&&&&_sioClient.tag&=&&Cocos2d-JS&Client1&;&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&④ &&&&&&&&& &&&&&&&&&//注册服务器端事件 &&&&&&&&&_sioClient.on(&callClientEvent&,&this.callClientEvent);&&&&&&&&&&&&&&&&&&&&&⑤ &&&&&&&&& &&&&&&&&&_sioClient.on(&connect&,&function()&{&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&⑥ &&&&&&&&&&&&&cc.log(&connect&called.&); &&&&&&&&&});&&&&&&&& &&&&&&&&&_sioClient.on(&message&,&function(data)&{&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&⑦ &&&&&&&&&&&&&&&&&log(_sioClient.tag&+&&&message&received:&&&+&data);&&&&&&&&&&&&&&&&&&&&&&&&&⑧ &&&&&&&&&});&&&&&&&& &&&&&&&&&_sioClient.on(&error&,&function()&{&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&⑨ &&&&&&&&&&&&&log(&error&called..&); &&&&&&&&&}); &&&&&&&&&&&&& &&&&&&&&&return& &&&&&}, &&&&&&&& &});&
上述代码第①行是声明一个SocketIO类型的全局变量_sioClient。代码第②行是创建一个SocketIO全局对象,语句SocketIO || io表示SocketIO对象不存在情况,则把io对象返回。
代码第③行通过SocketIO的connect函数创建SocketIO对象,connect函数第一个参数服务器端地址。第④行代码是设置SocketIO请求对象的标签属性,我们利用这个标签属性判断是哪个SocketIO请求返回调用。
第⑤行代码是注册服务器端调用事件,服务器端可以调用到客户端callClientEvent事件。
第⑥行代码是注册connect事件,监听Socket连接事件。第⑦行代码是注册message事件,监听接收消息事件,其中第⑧行代码中的data是接收从服务器端传递过来的数据。第⑨行代码是注册error事件,监听错误发生事件。
HelloWorldLayer中的Send Message菜单项回调函数代码如下:
onMenuCallback:function&(sender)&{ &&&&&&&&&cc.log(&onMenuCallback&); &&&&&&&&&//向服务器发出消息 &&&&&&&&&_sioClient.send(&Hello&Socket.IO!&);&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&① &&&&&&&&&//触发服务器callServerEvent事件 &&&&&&&&&_sioClient.emit(&callServerEvent&,&{\&message\&:\&Hello&Server.\&}&);&&&&&&&&&&&&&&&② &&&&&},&
在该函数中做了两件事情:向服务器发出消息和触发服务器callServerEvent事件。第①行代码_sioClient.send(&Hello Socket.IO!&)是向服务器发出消息,SocketIO的send函数发出消息后,会触发服务器端的message事件,服务器端对应代码如下:
socket.on('message',&function&(data)&&&& &{ &&&&&&console.log(data); &});&
第②行代码_sioClient.emit(&callServerEvent&,&{\&message\&:\&Hello Server.\&}&)是触发服务器callServerEvent事件,服务器端对应代码如下:
socket.on('callServerEvent',&function&(data)& &{ &&&&&&&&&console.log(data);& &&&&&&&&&socket.emit('callClientEvent',&{&message:&'Hello&Client.'&}); &});&
HelloWorldLayer中服务器端回调callClientEvent事件代码如下:
//服务器端回调客户端事件 &callClientEvent:&function(data)&{ &&&&&&&&&var&msg&=&&Server&CallBack:&&+&_sioClient.tag&+&&&&Data&:&&+& &&&&&&&&&cc.log(msg);&&&&&&&& &}&
与这callClientEvent事件相互对应的服务器端代码如下:
socket.emit('callClientEvent',&{&message:&'Hello&Client.'&});&
最后我们要修改project.json文件,添加external模块声明,代码如下:
{ &&&&&&project_type&:&&javascript&, &&&&&&&debugMode&&:&1, &&&&&&showFPS&&:&true, &&&&&&frameRate&&:&60, &&&&&&id&&:&&gameCanvas&, &&&&&&renderMode&&:&2, &&&&&&engineDir&:&frameworks/cocos2d-html5&, &&&&&&&&&&&modules&&:&[&cocos2d&,&&external&],&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&① &&&&&&&jsList&&:&[ &&&&&&&&&&src/resource.js&, &&&&&&&&&&src/app.js& &&&&&] &}&
喜欢的朋友可以添加我们的微信账号:
51CTO读书频道二维码
51CTO读书频道活动讨论群:【责任编辑: TEL:(010)】&&&&&&
关于&&&&&&的更多文章
Cocos2d是一个开源框架,用于构建2D游戏、演示程序和其他图形界
本书描述了黑客用默默无闻的行动为数字世界照亮了一条道路的故事。
讲师: 0人学习过讲师: 0人学习过讲师: 43人学习过
本书从计算机的内部结构开始讲起,以图配文的形式详细
这是一本技术深度与企业实践并重的著作,由百度顶尖的
仔细阅读了本书从字里行间可以感受到作者的认真,在当
本书全面深入地介绍网络安全的配置与实现技术,包括系统管理、用户账户、病毒防御、灾难恢复、文件备份、安全策略、注册表等服务
51CTO旗下网站}

我要回帖

更多关于 cocos2d js开发指南 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信