[译]WebGL 基础系列：前言

原文地址：http://webglfundamentals.org/

WebGL fundamentals

WebGL from the ground up. No magic.

WebGL 并不复杂难懂。

These are a set of articles that teach WebGL from basic principles. They are NOT old rehashed out of date OpenGL articles like many others on the net. They are entirely new, discarding the old out of date ideas and bringing you to a full understanding of what WebGL really is and how it really works.

这个教程集合了一系列从基本概念来介绍 WebGL 的文章。但是，这些文章同网络上其他介绍 OpenGL 的文章完全不同。它们抛弃了那些过时的想法，取而代之的是，用一种全新的方式来帮助你全面理解 WebGL 的概念和工作原理　。

文章目录：

基本原理

  • WebGL Fundamentals : WebGL 基本原理
  • WebGL How It Works ： WebGL 工作机制
  • WebGL Shaders and GLSL：WebGL 着色器和 GLSL

图像处理

  • WebGL Image Processing : WebGL 图像处理
  • WebGL Image Processing Continued : WebGL 图像处理后续

2D 变换、旋转、缩放、矩阵运算

  • WebGL 2D Translation : WebGL 2D 变换
  • WebGL 2D Rotation : WebGL 2D 旋转
  • WebGL 2D Scale : WebGL 2D 缩放
  • WebGL 2D Matrices : WebGL 2D 矩阵变换

3D

  • WebGL - Orthographic 3D : WebGL - 正交 3D
  • WebGL 3D Perspective : WebGL 3D 视角
  • WebGL 3D - Cameras : WebGL 3D - 摄像头

Structure and Organization 组织结构

  • WebGL - Less Code, More Fun : WebGL - 简洁高效
  • WebGL - Drawing Multiple Things : WebGL - 绘制多个图形
  • WebGL - Scene Graphs : WebGL - 场景图形

文本

  • WebGL Text - HTML : WebGL 文本 - HTML
  • WebGL Text - Canvas 2D
  • WebGL Text - Using a Texture : WebGL Text - 使用纹理
  • WebGL Text - Using a Glyph Texture : WebGL Text - 使用图形纹理

混合

  • WebGL Boilerplate : WebGL 模板文件
  • WebGL Resizing the Canvas : WebGL 缩放 Canvas
  • WebGL - Animation : WebGL - 动画
  • WebGL 3D - Textures : WebGL 3D - 纹理
  • WebGL Using 2 or More Textures : WebGL 使用2个或更多纹理
  • WebGL and Alpha : WebGL 与透明度
  • WebGL - 2D vs 3D libraries : WebGL - 2D vs 3D 库
  • WebGL - Anti-Patterns : WebGL - 反模式

其他