从基础开始学习three.js

「这是我参与2022首次更文挑战的第12天，活动详情查看：2022首次更文挑战」 简介 本节主要讲解，通过几何体组合成一个坦克形状的物体。让这个物体按照我们规定的线路移动，并且保持头部向前。添加多个相

「这是我参与2022首次更文挑战的第11天，活动详情查看：2022首次更文挑战」 简介 本节我们简单的模拟地球绕着太阳转，月球绕着地球转。从月球的角度看，它是在地球的 "局部空间 "中绕着地球转，地球

「这是我参与2022首次更文挑战的第10天，活动详情查看：2022首次更文挑战」 右手坐标系 在three.js中使用的是右手坐标系，原因是webGL默认的就是这种坐标系。 简单理解就是，x轴正方向向

「这是我参与2022首次更文挑战的第9天，活动详情查看：2022首次更文挑战」 光源 为了模拟物体在不同情况下的样式，three.js中提供了多种光源。需要注意光源和材质是相互的，简单来说物体表面的颜

「这是我参与2022首次更文挑战的第8天，活动详情查看：2022首次更文挑战」 网格 表示基于以三角形组合成的几何体的类。 three.js中几何体是不能直接渲染的。在three.js有一种类型物体，

「这是我参与2022首次更文挑战的第7天，活动详情查看：2022首次更文挑战」 纹理 简单理解纹理就是一张图片，它是由像素点组成。 在three.js一般都是使用在材质上，和配置颜色一样。颜色是材质表

「这是我参与2022首次更文挑战的第6天，活动详情查看：2022首次更文挑战」 材质（Material） 材质简单理解就是设置几何体各个面的颜色。但它不是单纯的颜色，它能模拟在不同光照下颜色的表现。比

「这是我参与2022首次更文挑战的第5天，活动详情查看：2022首次更文挑战」 几何体 在three.js中如球体、立方体、平面、狗、猫、人、树、建筑等物体，都是几何体。它们都是根据大量顶点参数生成。

「这是我参与2022首次更文挑战的第4天，活动详情查看：2022首次更文挑战」 lil-gui 为了能够快速地搭建three.js的交互UI，社区就出现了各种UI 库，其中lil-gui 是 thre

「这是我参与2022首次更文挑战的第3天，活动详情查看：2022首次更文挑战」 简介 在three.js中，摄像机的作用就是不断的拍摄我们创建好的场景，然后通过渲染器渲染到屏幕中。想通过不同的角度观看

简介 在three.js中内置了很多渲染器，选择什么渲染器都是根据需求来判断的。本节我们详细了解最常用的渲染器 WebGLRenderer

什么是Three.js 想要了解Three.js就需要知道WebGL是什么。WebGL是一个只能画点、线和三角形的非常底层的系统