canvas教程

Phaser实现飞机大战(3)

字号+ 作者:H5之家 来源:H5之家 2017-11-21 13:00 我要评论( )

我的需求是这样的,我希望在分享的时候,弹出一个新的场景,包含二维码,别人可以长按二维码进行识别,然后我诱导别人点击左上角菜单进行分享。当别人分享后,能够出现一个带logo和标题的消息,标题中把分数带进去

我的需求是这样的,我希望在分享的时候,弹出一个新的场景,包含二维码,别人可以长按二维码进行识别,然后我诱导别人点击左上角菜单进行分享。当别人分享后,能够出现一个带logo和标题的消息,标题中把分数带进去。

实现的时候发现几个坑,首先,微信只有img标签的图片才能进行长按识别,而phaser是在canvas中进行绘制,所以直接在phaser中画图是没有长按识别功能的;第二,想要让分享的链接带一个图标,需要有一个大小大于300x300的图片,微信会找到链接中的第一个大小大于300x300的图片,把它设置为图标;第三,分享的标题其实就是页面的title。


好了,所有的功能都实现完毕了。整个代码大概450行js,50行html,熟练的话,大概一两个小时就能编码完毕,可见用phaser开发游戏,效率之高,速度之快。

只是有一个大多数html5游戏的一个问题,就是在低端安卓机上面性能太差,基本无法正常运行,但是我相信在不久的将来,随着硬件越来越强悍,浏览器内核越来越高级,这个问题一定会被解决。


转载请注明出处:


上一篇:Phaser实现Flappybird
下一篇:没有了

更多文章推荐

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Canvas的画图板设计与实现.doc文档

    Canvas的画图板设计与实现.doc文档

    2017-11-19 18:05

  • 如何通过HTMl5 Canvas实现圆形进度条并显示数字百分比效果?

    如何通过HTMl5 Canvas实现圆形进度条并显示数字百分比效果?

    2017-11-11 14:01

  • two.js实现动画效果

    two.js实现动画效果

    2017-11-10 16:04

  • 从零开始实现书籍翻页效果(四)

    从零开始实现书籍翻页效果(四)

    2017-11-09 15:08

网友点评
l