为Canvas而生:开源2D HTML5渲染引擎CutJS

标签: canvas 开源 2d | 发表时间:2014-05-13 20:47 | 作者:
出处:http://news.cnblogs.com/

CutJS 是一款专门用于跨平台游戏开发的开源 2D HTML5 渲染引擎,轻量级、快速、可交互,CutJS 的优势可谓颇多。CutJS 基于 MIT 许可协议发布,由 Piqnt 软件工作室推出,支持现代浏览器和移动设备,可用于 Web、iOS、Android、Win8、Facebook、Chrome Web Store 等平台游戏应用开发。

作为 HTML5 中新晋的标签元素,Canvas 提供了基于 JavaScript 的 2D 和 Bitmap 图形 API,但却没有像 DOM 之类的数据模型来帮助开发者编写应用,开发者必须手动绘制应用并对渲染循环进行管理以实现播放 Canvas 图形。此外,鼠标事件也只适用于整个 Canvas 层,并且还需手动处理。

而 CutJS 可以非常良好地解决这些问题。CutJS 为开发者提供了一个类似于 DOM 树的数据模型来编写应用程序,并在内部管理渲染周期和应用绘制,还能处理并向目标树节点分发鼠标事件。

本文链接

相关 [canvas 开源 2d] 推荐:

为Canvas而生:开源2D HTML5渲染引擎CutJS

- - 博客园_新闻
CutJS 是一款专门用于跨平台游戏开发的开源 2D HTML5 渲染引擎,轻量级、快速、可交互,CutJS 的优势可谓颇多. CutJS 基于 MIT 许可协议发布,由 Piqnt 软件工作室推出,支持现代浏览器和移动设备,可用于 Web、iOS、Android、Win8、Facebook、Chrome Web Store 等平台游戏应用开发.

html5 canvas入门

- - Marshal's Blog
可以把canvas看做div,不过,它的长和宽不能通过css来定义,要使用标签属性:. 或者javascript对象属性设置:. 使用canvas,只有一种操作方式,使用javascript. 获得canvas对象的上下文对象,该对象是操作canvas的主要对象:. 使用canvas画最简单的线, 点击运行示例,结果看起来是这样:.

html5 canvas 图像处理

- - HTML5研究小组
前两天无意中看了下《pro html5 programming》,发现html5竟然也能很好的支持图像处理,在此稍稍交代一下. 与matlab处理图像类似的是,这里也是采用图像矩阵的形式. 下面就介绍一个简单的例子:. context1.drawImage(image,0,0);//绘制原始图像,(0,0)表示图像的左上角位与canvas画布的位置.

备份:html5 canvas cheat sheet

- - 膘叔
纯备份资料,HTML5的canvas资料.

HTML5 Canvas双缓存实例

- - Web前端 - ITeye博客
转自:http://www.108js.com/article/article3/30046.html?id=255. 下面是用HTML5的标签写的一个视差滚动动画的示例. 采用了制作动画或者游戏编程中常用的双缓冲技术:获取到页面中的Canvas对象之后,创建了一个与页面Canvas同样大小的Canvas对象.

使用 Fabric.js 玩转 H5 Canvas

- - V2EX - 技术
之前使用这个框架写过一个卡片 DIY 的项目,中间遇到很多问题都只能通过 google 或 github issues 才能解决,国内资料较少,所以才想写这篇文章来简单的做下总结,希望可以帮到其他人哈. 附上个人项目地址: vue-card-diy 欢迎 star~ ✨. 什么是 Fabric.js?.

HTML5 Canvas: 测试浏览器是否支持Canvas

- - CSDN博客Web前端推荐文章
本文翻译自Steve Fulton & Jeff Fulton. 在获取HTML页面上Canvas元素的引用后,我们需要测试一下该元素是否包含“上下文”(context). Canvas的上下文指的是由浏览器定义的用于绘画的平面. 简单地说,如果上下文不存在的话,Canvas也就名存实亡了. 测试浏览器是否支持Canvas有好几种方法.

使用JavaScript和Canvas开发游戏(一)

- iVane - 为之漫笔
原文作者:Matthew Casperson • 编辑:Michele McDonough. 原文链接: Game Development with JavaScript and the Canvas element. 3、通过Canvas元素实现高级图像操作. 4、通过Canvas实现视差滚动. 8、JavaScript键盘输入.

HTML5 Canvas开发框架:CasualJS Framework

- Jimmy - ITeye论坛最新讨论
CasualJS Framework是根据ActionScript3?.0的架构开发的一套适用于HTML5 Canvas的面向对象的开发框架. 虽然Canvas提供了强大的绘图功能,但满足不了高级开发的需要. 利用CasualJS的显示对象架构及渲染机制,你可以轻松的在Canvas中操控各种位图、图形、影片剪辑等显示对象.

25 超棒的 HTML5 Canvas 游戏

- 迎客松 - LinuxEden开源社区-Linux伊甸园
Canvas 元素作为HTML5标准的一部分,允许你通过脚本动态渲染点阵图像. 这是为了基于浏览器的矢量图形而设计. HTML Canvas 把一个绘图 API 展现给 JS 客户端,使得脚本能够把想绘制的东西都绘制到一块画布上. 阅读全文 | 邮件推荐 | 评论回复.