HTML5 Apps
李先静
Only those who attempt the absurd can achieve the impossible.
展开
-
实战微信JS SDK开发:贺卡制作与播放(1)
最近同事用CanTK开发了一个基于微信的贺卡制作APP,我虽然没有参与开发,但是提供CanTK和GameBuilder的技术支持,觉得有些东西比较有意思,写几篇博客和大家分享吧。这个贺卡APP完全开源,有需要的朋友可以随意修改和发布。原创 2015-02-14 11:52:50 · 3351 阅读 · 1 评论 -
当CanTK遇到PhoneGap
有朋友问能不能在CanTK和AppBuilder开发的APP里发送UDP数据,HTML5里只能用HTTPS/HTTP/WebSocket几种通讯方式,要使用UDP需要通过phonegap打包成APK等特定平台的安装包。所以花了点时间写了篇文档介绍PhoneGap打包CanTK APP的过程。下面以一个UDPDemo为例,介绍Linux下phonegap编译APK的全过程原创 2015-03-08 17:37:41 · 3154 阅读 · 0 评论 -
phonegap插件加载与使用
有朋友问能不能在CanTK和AppBuilder开发的APP里发送UDP数据,HTML5里只能用HTTPS/HTTP/WebSocket几种通讯方式,要使用UDP需要通过phonegap打包成APK等特定平台的安装包。为此我写了一个UDP的例子,但是运行时遇到的问题,所以花了些时间去研究phonegap加载udp插件的过程。1.添加需要的插件在cordova_plugins.js中存放了APP引用的原创 2015-03-08 17:07:17 · 4801 阅读 · 0 评论 -
PhoneGap插件开发流程
前几天写了一个PhoneGap插件,这个插件的功能很简单,就是开启viewport设置。不过与其它插件相比,有好几个有意思的地方,仔细读了PhoneGap的源码才搞定。这里记录一下PhoneGap插件开发的流程,以及开发这个插件遇到的问题。原创 2015-04-05 10:49:39 · 3335 阅读 · 0 评论 -
解决PhoneGap不支持viewport的几种方法
前几天用phonegap编译GameBuilder+CanTK时,发现HTML里的viewport无效。CanTK根据devicePixelRatio检测设备的DPI,然后用viewport设置正确的分辨率。如果viewport无效,CanTK只能以最低分辨率运行。在网上查了一下, 也没有找到系统的资料,结合找到的资料和phonegap的源码,终于找到了解决问题的方法原创 2015-04-05 10:08:03 · 5499 阅读 · 0 评论 -
开源HTML5 Canvas游戏Runtime发布
Cantk-Runtime是通用的HTML5 Canvas 2D游戏引擎运行库,让HTML5游戏的性能飞起来。Cantk-Runtime以PhoneGap插件的方式提供,从此结束PhoneGap低性能的恶名!Cantk-Runtime提供高效的HTML5 Canvas绘图API、兼容HTML5 Audio的游音乐/音效播放接口和原生的编辑器接口, 让HTML5 Canvas 2D游戏只需要简单的适配原创 2015-05-17 16:59:29 · 5772 阅读 · 2 评论 -
HTML5游戏实战(2):90行代码实现捕鱼达人
捕鱼达人是一款非常流行的游戏,几年里赚取了数以千万的收入,这里借用它来介绍一下用Gamebuilder+CanTK开发游戏的方法。其实赚钱的游戏未必技术就很难,今天我们就仅用90来行代码来实现这个游戏。原创 2014-12-03 06:55:34 · 28405 阅读 · 10 评论 -
将cantk runtime嵌入到现有的APP中
Cantk-Runtime是通用的HTML5 Canvas 2D游戏引擎运行库,让HTML5游戏的性能飞起来。Cantk-Runtime以PhoneGap插件的方式提供,从此结束PhoneGap低性能的恶名。本文介绍如何将cantk runtime嵌入到现有的APP中。原创 2015-08-03 11:54:33 · 4750 阅读 · 2 评论 -
HTML5游戏实战(4): 20行代码实现FlappyBird
这个系列很久没有更新了。几个月前有位读者调侃说,能不能一行代码做一个游戏呢。呵呵,接下来一段时间,我天天都在想这个问题,怎么能让GameBuilder+CanTK进一步简化游戏的开发呢。经过几个月的努力,虽然还是做不到一行代码做一个游戏,但是GameBuilder的功能已经有了质的突破了。今天我们用FlappyBird为例介绍一下用GameBuilder +CanTK开发游戏的方法,整个游戏用了不到20行代码。原创 2015-04-07 06:46:08 · 7016 阅读 · 4 评论 -
gameui-for-phaser-js更新到最新版本
Hola Cantk是一个功能强大的游戏引擎,它拥有丰富的GUI控件,配合Hola Studio可以快速开发出游戏的UI界面。Phaser是一个流行而且强大的游戏引擎,但是它的GUI控件很少,而且缺乏界面编辑器,导出开发游戏UI界面比较低效。gameui-for-phaser-js就是为了发挥两者的长处,让你可以用Hola StudioUI界面,用Phaser开发游戏,然后把两者无缝结合起来。集成到原创 2016-04-18 16:06:00 · 9422 阅读 · 0 评论 -
实战微信JS SDK开发:贺卡制作与播放(2)
最近同事用CanTK开发了一个基于微信的贺卡制作APP,我虽然没有参与开发,但是提供CanTK和GameBuilder的技术支持,觉得有些东西比较有意思,写几篇博客和大家分享吧。这个贺卡APP完全开源,有需要的朋友可以随意修改和发布。本文介绍一下骨骼动画。原创 2015-02-15 11:16:36 · 3159 阅读 · 0 评论 -
HTML5游戏实战(3): 60行代码实现水平跑酷游戏
跑酷游戏无疑是目前最受欢迎的游戏类型之一,3D跑酷游戏可能比较难做一点(这个我不懂),2D跑酷却是非常容易的,只要有美术资源,做一个《天天酷跑》这类流行游戏也并非是什么难事。 这里通过一个松鼠跑酷的游戏介绍一下用Gamebuilder+CanTK开发游戏的方法,这个游戏的主场景仅用了60来行代码。原创 2014-12-11 09:31:07 · 14326 阅读 · 23 评论 -
HTML5游戏实战(1):50行代码实现正面跑酷游戏
前段时间看到一个“熊来了”的HTML5跑酷游戏,它是一个典型的正面2D跑酷游戏,这里借用它来介绍一下用Gamebuilder+CanTK开发正面跑酷游戏的基本方法。原创 2014-11-20 17:56:59 · 16017 阅读 · 13 评论 -
node-bindings无法在Electron中使用的解决办法
node-bindings非常好用,但是在Electron中无法使用,我查了一下,是因为fileName以file://开头导致无法定位动态库的根目录。已经提交给作者了,可以临时修改一下node_modules/bindings/bindings.js。原创 2017-01-08 11:27:02 · 10574 阅读 · 7 评论