【WebGL】1.WebGL简介

时间 2019-11-19

标签 WebGL 1.webgl webgl 简介繁體版

原文原文链接

OpenGL和WebGL基本概念javascript

OPEN GL:一个跨编程语言、跨平台的编程接口规格的专业的图形程序接口。它用于三维图像（二维的亦可），是一个功能强大，调用方便的底层图形库。java

WebGL:一个3D图形标准融合了Javascript和OPEN GL ES2.0为HTML5 Canvas提供了硬件3D加速渲染Web开发人员就能够借助系统显卡来在浏览器里更流畅地展现3D场景和模型了，还能建立复杂的导航和数据视觉化git

OpenGL是一个底层库，他是一个和语言和平台无关图形程序接口（包括二维和三维）能够有多种实现方式，而WebGL则是跟Web有关，是一个Web层面的标准，在WebGL标注下，咱们能够经过javascript来实现调用OpenGL等底层图形库进行三维动画制做，是否是至关coolgithub

固然目前因为硬件的限制，Web层面的三维动画开发才刚刚开始，也许几年以后硬件有了很大的发展，说不定WebGL会火热起来web

他们之间的关系如上所示编程

WebGL的特色浏览器

1. WebGL最大的特色就是他是浏览器自带的标准，也就是不须要安装任何插件和组件，不一样于flash和siverlight，这对于他来讲是一个很大的优点框架

2. 其次WebGL经过统一的、标准的、跨平台的OpenGL接口实现，从而能够利用底层的图形硬件加速功能进行的图形渲染编程语言

支持状况动画

从图中能够看到，Webkit浏览器基本都是支持的，IE直到11才开始支持

效果展现

三维动画说展示出来的效果比二维动画要丰富的不少，甚至惊艳来形容：

TankWorld :一个Web三维坦克游戏

Clouds：一个云雾效果

HelloRacer ™ WebGL:一个方程式赛车游戏

Google Body Browser：google人体解剖

pearl boy：一个场景

http://helloracer.com/racer-s/：一个很是酷的赛车效果

开发框架：

WebGL常见的开发框架如Three.js，目前寄托于https://github.com/mrdoob/three.js，目前比较火热，可是中文文档比较少，官网http://threejs.org 截图以下：