WebGL上车指南

手把手用three.js教大家如何实现一个3D看车功能，具体到每一行代码！并从three.js实现中往底层原理上靠，在学习3D应用层开发的同时回顾之前学习的底层WebGL知识。

哈喽大家好啊，我是广州小井。前面我们已经对点光源的光照效果进行初步学习和实战了，也亲自体验了一番点光照效果！但是你是否还记得之前我留下的一个问题——用顶点着色器来处理点光源是有点不足呢？

哈喽大家好啊，我是广州小井。经过前面三节的学习与实战，相信大家对光照已经有所了解了，但是不知道在之前的学习中你有没有想过一个法向量相关的问题，法向量在不断变化中的光照效果应该如何处理？

哈喽大家好啊，我是广州小井。前面两节，我们学习并实战了平行光、环境光的光照效果，了解了计算漫反射光、环境反射光的公式，这一节我们来学习另外一种光源类型——点光源，并且实战点光源的光照效果

哈喽大家好啊，我是广州小井。上一节的学习中，我们初步认识了光照并实战了平行光的漫反射效果，并且在文章的最后我也留下了一个疑问：现实中即使光线直射垂直X的面，但其余的面应该不至于是纯黑色的吧？

哈喽大家好啊，我是广州小井。经过前一章节的学习，相信大家跟我一样已经初入3D的大门了，也对MVP变换有所了解了。这一章，我们开始进入跟3D图形效果息息相关的另一个知识点——光照的学习。

哈喽大家好啊，我是广州小井。在前面学习中，我们分别掌握了模型矩阵（M）、视图矩阵（V）、投影矩阵（P）的相关知识，但我们并没有完整地将三者的作用体验一通。所以本文，我们通过MVP变换实战粒子动画！

哈喽大家好啊，我是广州小井。经过上一节的学习，我们已经了解并实战使用了投影之一的正交投影！那么本节，我们趁热打铁，把更贴近生活场景、更接近视觉效果，并且也是更难的透视投影也一探究竟吧！

哈喽大家好啊，我是广州小井。经过前几节的学习，我们已经了解相机的概念，明白了相机对于 3D 图形绘制的重要的作用。但是我们仅仅分析了相机是如何观察图形的，却还没有提到可视范围，这一节我们接着学习！

哈喽大家好啊，我是广州小井。上一节我们深入地了解并推导了视图矩阵，完全的数学推导多少有点枯燥无味了，所以我们想办法让其炫酷起来。推导得这么辛苦，当然是得实战体验一波效果啦！

哈喽大家好啊，我是广州小井。上一节我们初步了解了相机和视图矩阵，并且通过改变相机位置观测图形的变换效果。这一节我跟大家一起来推导一下视图矩阵，以加深对相机这个概念的理解！

哈喽大家好啊，我是广州小井。从上两个小节我们已经掌握了立方体的绘制方式，这一节我们来了解3D世界中相机的概念！

哈喽大家好啊，我是广州小井。上一小节中，我们实战了一个渐变色立方体的绘制，学习了新的绘制api，但是在文章的结尾，我留下了个疑问，就是如何绘制一个6面为不同纯色的立方体呢？

哈喽大家好啊，我是广州小井。在学习和铺垫了很多枯燥无味的基础知识后，我们终于要开始接触到 WebGL 神奇的另外一面——三维图形了！

哈喽大家好啊，我是广州小井。经过上两个小节的学习，我们基本掌握了矩阵在 WebGL 中的应用，2D的图形变换实现也不在话下了。那么这一小节，我们接着以上学习的变换效果，来实战图形动画！

哈喽大家好啊，我是广州小井。上一小节我们初步用矩阵实战了图形平移，但它的应用远不如此！本文，我们将继续深入矩阵，看看它是如何在复合变换中发光发热的吧～

哈喽大家好啊，我是广州小井。上一小节我们初步接触了矩阵的数学基础，但我们还不知道学来干嘛？那这一节我们马不停蹄的来应用矩阵进行实战！

哈喽大家好啊，我是广州小井。上一小节我们初步接触了图形的二维变换，但每一个变换我们都是通过不同的数学公式计算顶点坐标实现的，那有没有统一的计算方式呢?不急，我们先来学点数学知识吧！

哈喽大家好啊，我是广州小井。继上一章节了解 WebGL 颜色和纹理后，接着来学习图形的二维变换。从本文开始我们将逐步了解 WebGL 中的图形二维变换、动画的实现。

哈喽大家好啊，我是广州小井。继上节实现了深入纹理 FILTER 后，本文将继续深入WRAP和多纹理的细节，探讨各种配置参数的效果，多纹理实战。文中附有大量实战案例在线演示，通俗易懂～