WebGL

萌宠菠菠乐园
2024-12-01 22:30

简述

WebGL（Web Graphics Library）是 Web 上 3D 图形的新标准，专为渲染 2D 图形和交互式 3D 图形而设计。本教程首先介绍了 WebGL、OpenGL 和 HTML-5 的 Canvas 元素，然后是示例应用程序。本教程包含编写基本 WebGL 应用程序所需的所有步骤的专门章节。它还包含解释如何使用 WebGL 进行仿射变换（例如平移、旋转和缩放）的章节。

本教程对于所有想要学习 WebGL 编程基础知识的读者来说都非常有用。

这是一个初级教程，只要具备 JavaScript 或 HTML-5 编程的基础知识，就可以轻松理解此处解释的概念。但是，如果您之前接触过与 3D 图形相关的 OpenGL 语言和矩阵运算，将会有所帮助。

几年前，Java 应用程序——作为小程序和 JOGL 的组合——被用于通过寻址 GPU（图形处理单元）来处理 Web 上的 3D 图形。由于小程序需要 JVM 才能运行，因此很难依赖 Java 小程序。几年后，人们不再使用 Java applet。

Adobe 提供的 Stage3D API（Flash、AIR）提供了 GPU 硬件加速架构。使用这些技术，程序员可以在 Web 浏览器以及 IOS 和 Android 平台上开发具有 2D 和 3D 功能的应用程序。由于 Flash 是专有软件，因此并未用作 Web 标准。

2011 年 3 月，WebGL 发布。它是一个可以在没有 JVM 的情况下运行的开放软件。它完全由网络浏览器控制。

新版本的 HTML 5 具有多项支持 3D 图形的功能，例如 2D Canvas、WebGL、SVG、3D CSS 转换和 SMIL。在本教程中，我们将介绍 WebGL 的基础知识。