ThreeJs

正投影相机 正投影相机和透视相机的区别 如果都以高处俯视去看整个场景，正投影相机就类似于 2d 的可视化的效果，透视相机就类似于人眼观察效果 调整 left, right, top, bottom 范

准备 首先我们需要两个模型，一个是场景模型，另一个是人物模型。 人物模型我这里用的Threejs官网中的给的模型，名称是Xbot.glb。 当然人物模型也可以自己去这个网站下载sketchfab，下载

深度冲突 两个模型重叠的模型，通过浏览器旋转预览，会发现模型旋转的时候会发生闪烁。 这种情况，主要是两个模型重合，电脑分不清谁在前谁在后，这种情况，可以理解为深度冲突Z-fighting。 效果： 两

画布全屏以及自定义大小画布 画布随窗口变化 UI 交互按钮与 3D 场景交互 通过按钮点击事件设置模型颜色,我这里使用 element-plus 的按钮 效果： 背景透明度 .setClearAlph

MeshPhysicalMaterial清漆层 MeshPhysicalMaterial和MeshStandarMaterial都是拥有金属度metalness、粗糙度roughness属性的PBR材

Three.js——十一、PBR材质金属度、粗糙度以及环境贴图的使用 metalness金属度 金属度属性.metalness表示材质像金属的程度, 非金属材料,如木材或石材,使用0.0,金属使用1.

创建纹理贴图 color 和 map 同时使用会出现重叠混合的现象，最好就是设置了 color 就不用设置 map，设置 map 就不用设置 color。color 的默认颜色为白色 尝试不同形状的模

世界坐标.getWorldPosition() 基础坐标也就是模型的.position属性 世界坐标：就是模型资深.position和所有父对象.position累加的坐标 用.getWorldPos

关于Group Group 层级模型 通过 THREE.Group 类创建一个组对象 group,然后通过 add 方法把网格模型 mesh1、mesh2 作为设置为组对象 group 的子对象，然后

模型对象/材质 三维向量 Vector3 与模型位置 该类表示的是一个三维向量（3D vector）。 一个三维向量表示的是一个有顺序的、三个为一组的数字组合（标记为 x、y 和 z）， 可被用来表示

我正在参加「掘金·启航计划」 关于几何体BufferGeomety 球体SphereGeometry，立方体BoxGeometry等都是属于几何体的一部分 几何体顶点位置数据和点模型 偏底层，往下看

我正在参加「掘金·启航计划」 续上篇： Three.js 常见的几何体： 常见的几何体： 这里拿平面做示例： 双面可见 Three.js 的材质默认正面可见，反面不可见,对于矩形平面PlaneGeom

我正在参加「掘金·启航计划」 Vue3——v-md-editor安装使用教程 安装 EditorMarkdown.vue页面用来封装此编辑器组件 Test.vue作为接受EditorMarkdown.

我正在参加「掘金·启航计划」 动画渲染循环 threejs 可以借助 HTML5 的 API 请求动画帧 window.requestAnimationFrame 实现动画渲染。 请求动画帧windo