|
CanTK是一套基于HTML5 Canvas的GUI系统，它提供了完整的控件库，事件分发系统，窗口管理系统和不同的平台的适配。CanTK是为解决HTML5 App开发的两个基本难题而生的： 开发真正Native体验的APP HTML的基因是文档，它的长处是呈现内容，而不是与用户交互，所以不管怎么努力，都很难开发出与Native媲美的应用。即使拿目前最优秀的HTML5 Mobile Framework(如Sencha touch和KendoUI）开发出来的App来看: 与网页相比，它们确实像APP，但是与真正的APP相比，它们又更像网页。这就是目前HTML5 APP最尴尬的地方。 HTML难以胜任APP开发的主要原因有： HTML的基因是文档，文档内容微小的改变都会导致界面重排，而用户操作过程有反馈是现代APP最基本的要求，这些反馈都导致界面需要不断重排，消耗大量的CPU时间，所以HTML APP有了性能不佳的名声。 HTML本身并没有窗口管理机制，通常都是通过加载不同的页面来模拟不同的窗口。由于页面加载本身需要时间，HTML5 APP界面切换时通常都要启用等待动画，这也极大的影响了用户体验。 HTML控件本身的局限让模拟Native效果变得非常困难，HTML只提供了最基本的控件，虽然可以通过CSS来模拟一些控件，但是和原生GUI库相比那就差得太远了。 HTML5用来开发APP本身也是很困难的。很多外行都会说HTML不是很简单吗? HTML是很简单！但是用它开发APP却是很难的，否则Sencha touch这些库就不可能卖这么贵了。 上面有些原因可以通过工具或库来解决，有些原因则完全无法解决的。HTML5的出现确实为HTML APP带来了转机，因为HTML5 Canvas元素为开发者带来了巨大的灵活性，但是大部分厂商都是在CSS上是动脑子，所以几年之后HTML5 APP仍然不死不活。 CanTK则是完全放弃CSS和HTML控件，在HTML5 Canvas元素上实现的一套完整的GUI系统。虽然CanTK不是第一个在Canvas上做控件的，但是CanTK却是目前唯一一个完整的GUI系统。 为HTML5游戏引擎提供UI支持 任何一个游戏玩家都知道，游戏场景是只是游戏的一部分，稍微的复杂一点的游戏都有其它界面，比如设置，装备和商店等等。仔细观察这些界面， 我们会发现它们除了皮肤外，与普通APP的界面没有太大不同。HTML5游戏引擎都是基于HTML5 Canvas实现的，它们的优势是挖掘硬件图形渲染潜力（拼的就是速度），而GUI控件方面几乎都很弱。HTML控件表现力不佳，而且很难与HTML5 Canvas无缝集成，这让HTML5游戏开发者不得不花大量时间去做游戏界面。 CanTK解放了HTML5游戏开发者在UI的工作，让他们专注于游戏本身的开发。CanTK为目前流行的HTML5游戏引擎做了适配，其中包括cocos2d-html5, egret, pixi.js, panda.js和phaser.js，以后还会增加其它游戏引擎的支持。 CanTK的特色：
在线演示： 基本控件:http://gamebuilder./apprun.php?appid=511409555747143 连连看:https://jsgames.sinaapp.com/animal-link/ 拼图游戏:https://jsgames.sinaapp.com/puzzle-1/ |
|
|
