微软出品 Html5 的吃豆人

Blog picture template artx 530x185 px 1

Html5 游戏开始初露锋芒,在终端上渐现优势的Html5 game 或许瞄准了一个非常号的平台。微软的加入更加让Html5的普及加上更多的动力。

看看微软做的html5游戏吧,这个在FC上的经典游戏,也跨平台到了HTML5上,不过借助网络的力量,这个版本的吃豆人可以自创关卡哟~

这个游戏由澳大利亚的网页游戏工作室Soap Creative开发,发布于微软的MIX11开发者大会上。

查看更多...

Tags: html5 canvas

分类:Note | 固定链接 | 评论: 53 | 引用: 0 | 查看次数: 8031

Mockingbird 在线的原型设计工具

Mockingbird 是基于 Cappuccino 开发的一个在线原型设计工具。

比较喜欢它自动对齐的体验:P 不考虑ie的web app 可以让开发者更加大胆了。

No Flash, No IE, All in Canvas, Apple Style

Tags: NonIE canvas

分类:Web Design | 固定链接 | 评论: 8 | 引用: 0 | 查看次数: 3795

canvas视频处理

canvas越来越有才了, 现在我们可以用video和canvas结合在一起,实现电影拍摄常用的手段-绿幕抠图的效果.


Mozilla Firefox 3.1 Beta 2.jpg

先来看看这个例子 (需要firefox 3.1)

看似复杂的表现,其实代码才42行

查看更多...

Tags: canvas

分类:Javascript | 固定链接 | 评论: 4 | 引用: 0 | 查看次数: 2565

Canvas 3D 演示

Canvas 3D 演示, 其实这是个日本人开发的3D的衣服和贴图演示, 效果很不错, 第二个演示中,由于三角形面积太多,目前的浏览器渲染有点慢.

目前目测结果看,safari 4.0速度最优.

http://gyu.que.jp/jscloth/

js cloth.jpg

查看更多...

Tags: canvas

分类:Javascript | 固定链接 | 评论: 8 | 引用: 0 | 查看次数: 3678

javascript物理引擎

Box2DJS 是一个javascript的物理引擎。当然它需要浏览器支持canvas

官方站点上有一些不错的演示: http://box2d-js.sourceforge.net/index2.html

不知道canvas会不会是浏览器的下一个优化的目标呢?从这些例子上看,物体多后还是比较卡的。

Tags: Physics canvas

分类:Javascript | 固定链接 | 评论: 8 | 引用: 0 | 查看次数: 3270

用javascript获取图片颜色

html 5.0的canvas可以获取到图片的像素点了。这样,我们可以做很多以图片有关的操作和渲染了。当然今后也会给浏览器渲染引擎更高的要求。(YY, 什么时候html渲染引擎也支持多核和GPU呢?)
 

利用canvas的2d对象,我们可以获取图片每个像素点的数据 CanvasPixelArray
 

舜子这里也写了一个简单的 getImageData 的演示 图片取色演示。这个演示目前只能在ff3下运行。

能够获取像素点后,是不是以后的OCR文字识别系统都直接online了呢?

查看更多...

Tags: canvas

分类:Javascript | 固定链接 | 评论: 15 | 引用: 0 | 查看次数: 4809