03月
01日

3D Canvas 即时演算

类归于: 做东西 Hbomb 写于 15:47

来自于Incredible JavaScript+Canvas 3D demos from Japan! 的报道。
主要使用了JavaScript+Canvas实现了3D 的及时演算,真的很惊人的多边形显示,在chrome上显示的非常完美,但是在safari和firefox显示还是比较卡的。
演示# 1 : 3D贴图映射物理计算
您可以点击画布,使其摇晃。

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

演示 #2: 面向对象的Hatsune Miku 3D 人物

可以拖拽场景,变化观察角度,点击人物,人物会挥动下手中的大蒜

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

演示 #3: 3D iPod touch 的材质环境反射

可以在材质上反射周围环境的颜色

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

12月
08日

学习canvas

类归于: 做东西 Hbomb 写于 15:23

这个是简介

<canvas>是一个新的HTML元素,这个元素可以被Script语言(通常是JavaScript)用来绘制图形。

<canvas>最先在苹果公司(Apple)的Mac OS X Dashboard上被引入,而后被应用于Safari。基于Gecko1.8的浏览器,例如Firefox 1.5,也支持这个新元素。元素<canvas>WhatWG Web applications 1.0也就是大家都知道的HTML 5标准规范的一部分。

<canvas>目前IE不支持,也是canvas推广不怎么样的原因,也许大家会和svg以及vml来比较,的确很像,但是仔细看过canvas渲染的图片,其实是png的位图,至少在火狐和Safari是一样的。

具体的教程:在https://developer.mozilla.org/cn/Canvas_tutorial上有,我就不转载了,关键是如何让IE也支持canvas,不热真的,用的人不会很多,至少现在是IE的天下,幸好,google有个项目让IE也支持canvas,而且只是应用一段js就可以了,就是这个http://excanvas.sourceforge.net/做了canvas的适配,看了下代码,主要用canvas的写法来适配成vml的实现。

完全遵循HTML5对于canvas的描述:

http://www.w3.org/TR/2008/WD-html5-20080122/#the-canvas