【WebGL】入门

什么是WebGL

WebGL,是一项用来在网页上绘制和渲染复杂三维图形(3D图形),并允许用户交互的技术。WebGL技术结合了HTML5和JavaScript,允许开发者在网页(web浏览器)上创建和渲染三维图形。

HTML5作为最新的HTML标准,扩展了传统HTML特性,如二维图形、网络传送、本地存储等。HTML5时代的到来使浏览器正在迅速地从简单的展示工具转变为复杂的应用平台。WebGL被设计出来的目的,就是在网页上创建三维的应用和用户体验。

WebGL是内嵌在浏览器中的,我们不必安装插件和库就可以直接使用它,而且它是基于浏览器的,可以在多种平台上WebGL程序。

WebGL的起源(简单介绍下)

在个人计算机上使用广泛的三维图形渲染技术是Direct3D和OpenGL

  • Direct3D是微软DirectX技术的一部分
  • OpenGL是开源免费的软件服务,因此也被广泛使用在多个平台上。

WebGL也是起源于OpenGL的一个分支。
difashi-header-image
OpenGL规范的更新和标准化是由Khronos组织(一个非盈利的行业协会,专注于制定、发布、推广多种开放标准)负责,2009年,Khronos建立了WebGL工作小组,开始基于OpenGL ES着手建立WebGL规范,并于2011年发布了WebGL规范的第1个版本。

WebGL开发基础

  • canvas

WebGL采用HTML5中的canvas元素来定义网页上的绘图区域。如果没有WebGL,JavaScript只能在canvas上绘制二维图形,有WebGL,就可以在canvas上绘制三维图形。

  • 编程语言

通常一个WebGL程序,包括HTML、JavaScript、OpenGL ES三种编程语言, OpenGL ES? 后面细讲。

  • WebGL有哪些基础概念呢?

canvas
顶点着(zhuo)色器
片元着色器
缓冲区
矩阵运算
平移、旋转、缩放、复合变换算法
纹理
OpenGL ES,着色器编程语言
光照
层次模型
其他高级技术

坚持原创技术分享,您的支持将鼓励我继续创作!