JavaScript为HTML 5提供的3D加速渲染

开发 前端
WebGL可以为 HTML5 Canvas 提供硬件3D加速渲染,这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了。

WebGL 是一项在网页浏览器呈现3D画面的技术,有别于过去需要安装浏览器插件。

通过 WebGL 的技术,只需要编写网页代码即可实现3D图像的展示。WebGL可以为 HTML5 Canvas 提供硬件3D加速渲染,这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了。今天,本文向大家展示8个惊艳的  WebGL 应用实验。

TankWorld

使用WebGL技术开发的一款坦克射击游戏。

Clouds

结合Javascript 和 WebGL 技术模拟立体的云层效果。

HelloRacer™ WebGL

WebGL实现的一辆很帅的高仿真汽车。

WebGL Aquarium

一个美丽的水族馆,此实验演示了高品质的纹理,场景动画,反射,折射的3D模型。

Fractal Lab

这个 WebGL 示例实验探索和呈现3D分形(fractals)。

Chrysaora

这个 WebGL 实验实现绘制水母形态。

Visual Random

演示随机下降的彩色立方体。

Sintel Goes Boom

演示三维视频纹理效果。

原文地址:http://www.cnblogs.com/hnyei/archive/2012/03/20/2408309.html

责任编辑:张伟 来源: hnyei-WEB的博客
相关推荐

2012-02-27 10:00:50

HTML 5

2015-06-26 11:51:26

HTML5JavaScript

2012-04-01 15:14:52

2015-10-08 08:48:37

HTML53D网络拓扑树

2014-09-12 10:30:51

HTML5热力图

2022-09-14 09:23:51

Java3D引擎

2014-02-24 11:43:44

HTML5机房监控

2023-05-03 09:01:41

CanvasWebGL

2009-12-14 08:58:25

HTML5网页3DWebGL

2009-02-02 08:50:42

SilverlightRIA3D图像

2018-01-17 08:39:45

SSD3D NANDECC

2013-07-31 15:06:58

未来的WebWebGLWeb

2023-09-01 09:30:22

Three.js3D 图形库

2021-11-24 18:33:26

微软远程办公

2015-12-07 09:05:37

HTML5动画源码

2011-05-26 10:08:14

2021-04-01 06:23:24

CSS33D3D Web 动画

2023-12-06 13:36:00

模型数据

2009-03-26 09:00:12

Mozilla浏览器3D图形加速

2015-04-22 16:17:41

3D互联网优锘
点赞
收藏

51CTO技术栈公众号