开源HTML5 Canvas游戏Runtime发布

Cantk-Runtime是通用的HTML5 Canvas 2D游戏引擎运行库,让HTML5游戏的性能飞起来。Cantk-Runtime以PhoneGap插件的方式提供,从此结束PhoneGap低性能的恶名!

Cantk-Runtime提供高效的HTML5 Canvas绘图API、兼容HTML5 Audio的游音乐/音效播放接口和原生的编辑器接口, 让HTML5 Canvas 2D游戏只需要简单的适配就可以跑起来。

欢迎加入QQ群 :223466431

特色

  • 0.开源。开放全部源码,可用于商业和非商业的环境。
  • 1.小巧。支持全部ABI的情况下,最小APK仅仅600K左右。
  • 2.高效。用OpenGL ES 2.0 C API实现绘图操作,接近原生游戏引擎的性能。
  • 3.强大。实现HTML5 Canvas 2D常用操作,让任何HTML5游戏引擎,只需少量适配代即可运行。
  • 4.多平台支持。目前支持Android平台,以后逐步支持iOS, Tizen等其它移动平台。
  • 5.遵循标准。PhoneGap是HTML5与Native混合编程的事实上的标准,cantk-runtime以PhoneGap插件形式提供,让你可使用数千计的PhoneGap插件。绘制API以标准的HTML5 Canvas 2D API方式提供,音乐和音效以兼容HTML5 Audio的方式提供。
  • 6.支持所有HTML5 Canvas 2D游戏引擎。cantk-runtime并非为cantk专用,其它游戏引擎如egret.js, pixi.js, phaser.js, panda.js, egret.js, lufy.js, soya2d和其它基于有HTML5 Canvas 2D游戏引擎都可以在上面运行。

使用方法

phonegap plugin add https://github.com/drawapp8/cantk-runtime.git

API描述:https://github.com/drawapp8/cantk-runtime/wiki/API%E6%8F%8F%E8%BF%B0

相关链接

CanTK是开源的HTML5 APP/Game Engine。

TangIDE是在线开发HTML5游戏和应用的平台。

cantk-runtime-demos 几个使用cantk-runtime的示例项目,目前有松鼠跑酷,小红帽快跑和FlappyBird。

其它类似平台

APK示例

时间: 2024-11-10 07:43:30

开源HTML5 Canvas游戏Runtime发布的相关文章

HTML5 Canvas游戏开发(四)lufylegend开源库件(下)

一.文本 LTextField对象是lufylegend库件中专门用于显示文本信息的一个对象. 1.文本属性 创建的文本框对象不会自动加入可视化对象列表中.只有手动调用addChild()方法才能使它显示. var layer = new LSprite(); //初始化LSprite对象 addChild(layer); //将对象添加进canvas画布中 var field = new LTextField(); //创建文本框对象 field.text = "Hello World!&qu

HTML5 Canvas游戏开发(一)基础知识

一.绘制基本图形 在每次用canvas画布时,都有几步是“套路” 1.在HTML中创建Canvas画布: <canvas id="mycanvas" width="960px" height="580px"> 浏览器不支持canvas <!-- 如果不支持会显示这段文字 --> </canvas> 2.获取画布标签,并得到一个2D对象: var c = document.getElementById('myca

HTML5 Canvas游戏开发(二)高级功能

一.变形 1.放大和缩小 scale(X,Y)函数. 当使用该函数时,其起始坐标值也被放大或缩小.当X.Y为负值时,可以实现翻转. 2.平移变换 translate(X,Y)函数. 表示水平方向向左移动,竖直方向向下移动. 3.旋转变换 rotate(角度)函数. 旋转一定角度,是以canvas的起始坐标坐标(0,0)为中心旋转.可使用translate修改canvas的中心. 4.setTransfrom函数实现倾斜效果 可使用transfrom()函数代替上述三种函数的功能. 二.图形的渲染

国内开源html5游戏引擎全收录

本文引自<国内开源html5游戏引擎全收录> 游戏开发这潭水太深,英文水平太差,不敢看国外的, 而且这几年国内技术水平也挺高了不少,特别是JS方面.(我个人感觉) 最近看了几个国产的js游戏引擎,有点想开发个游戏玩玩, 毕竟搞编程这么多年,开发过各种类型的程序,就是没搞过游戏, 人生是不完整的... 就先收录一下我所知道的国产开源h5游戏引擎吧. cocos2d-js http://cn.cocos2d-x.org/ egret http://www.egret-labs.org/ Siriu

如何制作一款HTML5 RPG游戏引擎——第一篇,地图类的实现

一,话说天下大事 前不久看到lufy的博客上,有一位朋友想要一个RPG游戏引擎,出于兴趣准备动手做一做.由于我研究lufylegend有一段时间了,对它有一定的依赖性,因此就准备将这个引擎基于lufylegend.暂时命名为lufylegendRPG.毕竟基于lufylegend,如果名称中不加上lufylegend这几个字的话,有点说不通啊...最近发布了0.1.0版,但是不理想,连一惯都是鼓励和赞赏我的lufy老先生都是出于真心的表示不满意.想了解0.1.0版的朋友可以看看这里(其实最好别看

开源HTML5 APP开发神器CanTK发布

CanTK是一套基于HTML5 Canvas的GUI系统,它提供了完整的控件库,事件分发系统,窗口管理系统和不同的平台的适配.CanTK是为解决HTML5 App开发的两个基本难题而生的: 开发真正Native体验的APP. HTML的基因是文档,它的长处是呈现内容,而不是与用户交互,所以不管怎么努力,都很难开发出与Native媲美的应用.即使拿目前最优秀的HTML5 Mobile Framework(如Sencha touch和KendoUI)开发出来的App来看: 与网页相比,它们确实像AP

HTML5 Canvas核心技术—图形、动画与游戏开发.pdf8

第6章 精灵 精灵(sprite),它是一种可以集成入动画之中的图像对象,赋予它们各种行为,精灵并非Canvas API的一部分,,但都是从它衍生而来 本章将会实现三种设计模式:策略模式(精灵与绘制器解耦).命令模式(精灵的动作).享元模式(一个实例表示多个精灵) painter属性是一个指向Painter对象的引用,使用paint(sprite,context)方法来绘制精灵,behaviors属性指向一个对象数组,数组中每个对象都会以execute(sprite,context,time)方

HTML5 Canvas核心技术—图形、动画与游戏开发.pdf5

文本的定位 水平与垂直定位:当使用strokeText()和fillText()绘制文本时,指定了所绘文本的X与Y坐标,还有textAlign与textBaseline两个属性 textAlign:start(默认) center end left right,当canvas元素的dir属性是ltr时,left效果与start相同,right与end相同,如果dir属性是rtl,则相反 textBaseline:top bottom middle alphabetic(默认,基于拉丁字母) id

HTML5 Canvas核心技术—图形、动画与游戏开发.pdf4

CanvasRenderingContext2D对象中用于平移.旋转坐标系的方法 镜像 scale(1,-1)绘制垂直镜像:scale(-1,1)绘制水平镜像 自定义的坐标变换 transform(),多次调用会叠加效果 setTransform(),每次调用都会清除上次的效果 两个方法都用于旋转.缩放.及平移坐标系(可以根据公式传入0或其他数据) x'=ax+cy+e y'=bx+dy+f 坐标系旋转公式(angle弧度) x'=x×cos(angle)-(y×sin(angle)) y'=y