真不会前端

说明 代码地址与效果 可以将APP.vue中的注释放开，来查看效果。文件名与本篇目录小节是一一对应的。 1.创建场景 前面的章节中我们有创建场景，想必你已经了解了Three.js库的基础知识。我们可以

代码地址 1.坐标轴辅助器 我们在设置场景中对象的位置时，往往会参考坐标轴来进行设置。但是我们创建的场景中却没有可见的坐标轴供我们参考，从而降低我们的编码效率。 为此我们可以通过AxesHelper类

1.本篇目标 我们这个篇章的实现效果图如下： 代码地址与演示效果 下面我们将一步一步的通过three.js来实现上面的效果。 2.实现步骤 在开始编写代码之前，让我们先看看构成每个three.js应用

衔接上一篇：第五章：颜色与纹理 收获 当你学习完下面内容后你会有如下收获： 相机的概念、定义它的三要素。 视图矩阵的概念、作用、推导思路。 可视范围的概念、正射投影与透视投影的概念、特点与使用。 如何

衔接上一篇：第四章：高级变换与动画基础 收获 当你学习完下面内容后你会有如下收获： 如何将顶点的其他坐标（非坐标）数据传入顶点着色器中（如：颜色等）。 装配、光栅化、内插过程 如何将图像（纹理）映射到

衔接上一篇：第三章：绘制和变换图形 收获 当你学习完下面内容后你会有如下收获： 什么是复合变换、如何进行复合变换（矩阵相乘）。 使用矩阵库来对图形进行变换。 如何产生动画、动画的两个关键点。 前言 上

衔接上一篇：第二章：WebGL入门 收获 当你学习完下面内容后你会有如下收获： 理解缓冲器对象、将多个顶点信息一次性传入顶点着色器。 利用顶点坐标按照不同的规则绘制图形。如：三角形、三角带、三角扇等。

承接上一篇：第一章：WebGL概述 收获 当你学习完下面内容后你会有如下收获： 初始化WebGL 理解着色器、GLSL ES语言以及如何编写着色器 理解WebGL坐标系、屏幕坐标转WebGL坐标 通过

介绍 WebGL（Web Graphics Library）是一种用于在Web浏览器中进行高性能图形渲染的技术。它是基于OpenGL ES（嵌入式系统）2.0规范的一个JavaScript API，可