WebGL编程指南

层次模型就是由多个简单的部件组合成的复杂模型，有了层次模型，可以在三维场景中处理复杂模型，比如游戏角色、机器人、甚至是人类角色，其关键之处在于如何处理模型之间的变换关系。 本文将从以下几个方面介绍 有

前言 本文将讨论如何在三维场景中实现不同类型的光照，以及其产生的效果。光照使场景更具有层次感。 主要内容如下： 明暗、阴影、不同类型的光：点光源光、平行光和散射光 物体表面反射光线的方式：漫反射和环境

前言 前面介绍的都是二维图形，本文将从以下几个方面介绍三维图形： 以用户视角进入三维世界 控制二维可视空间 裁剪 处理物体的前后关系 绘制三维的立方体 1 立方体由三角形构成 三维物体也是由二维图形组

前言 GLSL ES（Open Graphics Library Shading Language for Embedded Systems ）是一门着色器语言，是在GLSL的基础上，删除和简化一部分

1 高级变换 平移加旋转 这里会使用到一个旋转工具库matrix 示例程序 效果图 2 动画 动画原理就是不断擦除和重绘三角形，并且每次重绘时轻微地改变其角度。 效果

前言 该章节将通过以下三个问题展开讨论 1、 将顶点的其它数据——如颜色等——传入顶点着色器 2、发生在顶点着色器和片元着色器之间的从图形到片元的转化，又称为图元光栅化 3、将图像（或称纹理）映射到图

1 绘制三角形 效果图 gl.drawArray方法的参数为gl.TRIANGLES，0，3，就相当于告诉WebGL，从缓冲区的第一个顶点开始，是顶点着色器执行三次，用这三个顶点绘制一个三角形，这样缓

WebGL（WebGL）是Web Graphics Library的缩写，它是一种用于在浏览器中渲染3D图形和2D图形的JavaScript API。WebGL使开发者可以在无需安装插件的情况下，通过