对web前端图像渲染和动画的理解


1)实现复杂动画,flash和html5说白了都是用一种语言调用图形渲染库实现的。此外还有java语言实现的java applet,后来被淘汰了。html5的javascript实现和as实现都是用自己的语言实现的图形绘制,可能内部调用的事同一个图像渲染底层库。其他桌面应用的图像、动画多采用c++,其实都是一个道理。都是不同语言调用的底层渲染库。

2、图形绘制库介绍。

html5的图形绘制技术叫canvas,它适合于按位渲染的图像,比如游戏开发。另外一种较早的图形绘制技术叫svg,没记错的话,svg从ie7就开始支持。svg适合保真图像,比如谷歌地图。html5的3d是canvas调用的webgl库。

那么3d类库有哪些呢?查了下,有directX和opengl。

那么webGL和他们的关系是:(以下为摘录:)

   WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。显然,WebGL技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等等。

作为 HTML5 大家庭中的一员,相比 CSS3 和 WebSocket 等大家早已熟知的新技术,WebGL 可以说是其中最神秘的一员。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值