当前位置:  软件>JavaScript软件

开源HTML5 APP开发工具 CanTK

    来源:    发布时间:2015-02-07

    本文导语:  CanTK是一套基于HTML5 Canvas的GUI系统,它提供了完整的控件库,事件分发系统,窗口管理系统和不同的平台的适配。CanTK是为解决HTML5 App开发的两个基本难题而生的: 开发真正Native体验的APP HTML的基因是文档,它的长处是呈现内容...

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的特色:

  • 完全开放源码给公司和个人免费使用(Under LGPL 2.0)。

  • 完整的GUI系统满足APP开发的需要。

  • 开发真正的Native-Like的应用程序。

  • 比传统HTML5 APP更好的性能和体验。

  • 无缝集成到HTML5各种游戏引擎。

  • 超强扩展性,可以实现任何你想要的控件。

  • 提供可视化开发工具,在线开发HTML5 APP和游戏。

  • 根据Layout参数自动适配不同分辨率和密度的屏幕。

  • 用JSON取代HTML和CSS,全部界面数据放到一个压缩的JSON文件,一次加载全部界面(数据很少,30个窗口小于40K),界面切换瞬间完成。

  • 支持各种Mobile平台,测试过的平台包括iOS, android, windows phone, firefox, blackberry和tizen。

开源HTML5 APP开发工具 CanTK[图片]

在线演示:

基本控件:http://gamebuilder.duapp.com/apprun.php?appid=511409555747143

连连看:https://jsgames.sinaapp.com/animal-link/

拼图游戏:https://jsgames.sinaapp.com/puzzle-1/

计算器:http://dapp8.sinaapp.com/calculator/

秒表:http://dapp8.sinaapp.com/stopwatch/


    
 
 

您可能感兴趣的文章:

  • 在linux下开发不开源的商业软件用什么开发工具最好?前5位有分
  • 在linux下开发非开源的商业软件用什么开发工具最好?前5位有分
  • 开源 EGL 语言开发工具 EDT
  • Java开源报表工具 JasperReports
  • 开源ETL工具 Apatar
  • 开源CAD/CAE工具 FreeCAD
  • 开源CDN加速管理工具 OpenCDN
  • 开源ETL工具 Kettle
  • 开源磁盘整理工具 UltraDefrag
  • 开源集成工具 Jitterbit
  • 开源ETL工具 KETL
  • 大家推荐一下linux下面开源的文件加密工具,谢谢了
  • 开源乐纹工具 Echoprint
  • 开源讲课记录工具 Matterhorn
  • 开源数据库管理工具 MonoQL
  • 开源建模工具 Open ModelSphere
  • 开源GPU HASH密码破解工具 Whitepixel
  • 有哪些开源Linux C测试工具
  • 开源项目名检查工具 OSPNC
  • 开源数据库性能测试工具 osdb
  • A卡开源超频工具 OverDriveCtrl
  • 开源数据恢复工具 Ext3grep
  • 开源跨平台SQL注入漏洞扫描工具 Hexjector
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • tcmalloc内存泄露优化c++开源库下载,安装及使用介绍
  • 新手如何加入开源项目 有什么好的c++,java 开源适合新手 请指点!
  • apache的开源小组怎么生存的?比如struts的开源小组,他们的成果被商用也没人付钱
  • 建议建立一个面向开源软件组织和准备参与开源组织者的交流通道
  • 飞思卡尔I.MX53处理器硬件开源 联永羲和开源硬件系统
  • 开源软件和不开源软件哪个质量更高?
  • 建议建立一个面向开源软件组织和准备参与开源组织者的交流通道 iis7站长之家
  • 开源专家:企业级开源软件大盘点
  • 企业不用开源产品的原因??
  • [讨论]自由软件之于开源软件
  • linux开源软件
  • 参与开源项目
  • 开源力量ConcourseConnect
  • 开源门户平台 GateIn
  • 开源CRM软件 Daffodil CRM
  • linux下的软件都必须是开源的么
  • 开源VPN软件 Freelan
  • 开源潜水设备 OpenROV
  • 开源串口通信程序 linucom
  • 免费开源图形API Mesa3D
  • 开源Flash播放器 Lightspark


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3