HTML5技术

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

字号+ 作者: 来源:51cto    2014-11-17 18:29 我要评论( )

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

\

演示三维视频纹理效果。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    2017-05-02 11:02

  • HTML5 进阶系列:indexedDB 数据库 - _林鑫

    HTML5 进阶系列:indexedDB 数据库 - _林鑫

    2017-04-27 14:02

  • HTML5 高级系列:web Storage - _林鑫

    HTML5 高级系列:web Storage - _林鑫

    2017-04-27 14:01

  • HTML5和CSS3 - 奔跑在起跑线佼佼者

    HTML5和CSS3 - 奔跑在起跑线佼佼者

    2017-04-20 13:00

网友点评
m