update

puxiao · puxiao · commit b2afd5d0db0c · 2021-06-10T11:35:29.000+08:00
diff --git a/24 Three.js解决方案之加载.gLTF模型.md b/24 Three.js解决方案之加载.gLTF模型.md
@@ -660,6 +660,34 @@ loader.load('./xxx/model.drc',
 
 
 
+<br>
+
+## 补充说明：修改模型位置偏差
+
+无论加载 .obj 文件，还是本章讲解的加载 .gltf 文件，假设模型在建模软件中位置中心并不是原点，而是非常偏远的位置。
+
+那么文件加载完成后，将模型添加到场景中，模型的位置并不在场景视角的中心位置，如果位置过于偏远，甚至有可能根本看不见模型。
+
+我们可以通过以下方式，计算模型的位置偏差，并修正模型的位置，使其出现在视野中心位置。
+
+```
+const loader = new GLTFLoader()
+loader.load('./model/lddq.gltf', (gltf) => {
+    const group = gltf.scene
+
+    const box = new Three.Box3().setFromObject(group)
+    const center = box.getCenter(new Three.Vector3())
+
+    group.position.x += (group.position.x - center.x)
+    group.position.y += (group.position.y - center.y)
+    group.position.z += (group.position.z - center.z)
+
+    scene.add(group)
+})
+```
+
+> Box3 的介绍请执行查阅官方文档。
+
 
 
 <br>
diff --git a/README.md b/README.md
@@ -83,9 +83,15 @@ Three.js 官方维护人员非常热心和严谨。
 除此之外，还有其他几个值得推荐的、国内博主写的 Three.js 系列教程：
 
 * [wjceo.com：暮志未晚写的three.js教程](https://www.wjceo.com/blog/threejs/)
+
 * [hewebgl.com：Three.js基础教程](http://www.hewebgl.com/article/articledir/1)
+
 * [webgl3d.cn：Three.js教程](http://www.webgl3d.cn/Three.js/)
 
+* 强烈推荐看一下 [图解WebGL&Three.js工作原理](https://www.cnblogs.com/wanbo/p/6754066.html)
+
+  > 可惜该作者近几年都没再更新 Three.js 相关文章。
+
 特别说明 hewebgl.com 和 webgl3d.cn 的教程存在问题就是：
 
 1. 教程内容版本有些老化，使用的并不是最新版 three.js
