猿来这样-谢厂节的博客

在Three.js中，材质是应用于几何体（Geometry）的外观和纹理的规则。它们决定了对象在场景中如何反射光线、显示颜色、反射环境等。Three.js提供了各种类型的材质，每种都有不同的特性和用途，使开发人员能够根据需求创建出各种视觉效果。官方文档地址本文源码地码lesson5。

Three.js 提供了一些辅助类（Helpers）以帮助我们更容易地调试、可视化场景中的元素。ArrowHelepr：创建箭头辅助器；AxisHelper： 创建坐标轴辅助器；BoxHelper： 创建包围盒辅助器；Box3Helper：创建可视化Box3的辅助器；CameraHelper：用于创建相机的辅助器；DirectionalLightHelper：创建方向光源；GridHelper：创建网格辅助器；PolarGridHelper：极坐标网格辅助器；

胶囊几何体是一种有球形顶端和圆柱形部分组合的几何体。radiusTop： 胶囊体顶部的半径；radiusBottom： 胶囊体底部的半径；height： 胶囊体的总高度；radialSegments（径向分段数）： 胶囊体周围的圆柱部分的分段数；heightSegments（高度分段数）： 胶囊体的高度上的分段数；cappedTop（是否有顶部）： 一个布尔值，指示是否有胶囊体的顶部；cappedBottom（是否有底部）： 一个布尔值，指示是否有胶囊体的底部；

顶点的位置是一个浮点数数组，其中每三个元素表示一个点的x、y和z坐标。

Three.js 是一款基于JavaScript的开源3D图形库，它简化了在Web上创建复杂的3D场景和动画的过程。Three.js 由Ricardo Cabello（也称为mr.doob）于2010年创建，最初是为了填补WebGL技术在那个时候的不足而设计的。随着WebGL的普及和浏览器性能的提升，Three.js逐渐成为Web上3D图形编程的事实标准之一。官网地址： https://threejs.org/