致力于读者，我绝对不是在考虑标题来吸引所有人排干我并阅读阅读量。文章中仍然有更少的部分使每个人都理解。如果本文确实可以帮助您喜欢您，那么您可以喜欢它并支持我生产更多出色的内容。如果有一个需要改进的地方，您可以在评论领域留下宝贵的意见。我必须努力学习并仔细地改进它
封面是一个。Aike是英雄联盟中非常有力的刺客。Aike踩在滑板上，冲向您。您是否回想起那些被AK EQA第三枚戒指带走的人，加上“来吧！”田野的记忆如何？三j的文章都是消息来源和三台中文。我根据上面的文章曲线进行了研究。学习后，我还同时发布了我的代码和操作效果。进行Intetsection Thrim JESHISS网站的链接和我引用的文章的链接最终放置在参考文献中。每个人都可以去找更多信息。现在就像MDN一样。当然，我认为我将来可以做的比这些知识共享网站更好。如果您认为面试官会掌握某些知识未来。最好来这里直接转到这里，不是吗？
代码仓库：https：//gitee.com/gmlcj/three-rearn.git在昨天的研究中，我们学会了如何使用最基本的三js，并通过threethjs.today创建了一个恒定的旋转块，我们将学习其他基本的基本基础三分之一的组件，并对其使用进行更详细的摘要。以及以上内容，我根据我昨天撰写的内容在Gitee上建立了一个新的代码仓库。将来，本系列编写的所有代码和案例都将放置在上方。您可以通过上面的链接访问它
假设您要绘制圆或线而不是线框模型，或者不是网格（网格）。我们要做的第一步是设置渲染器（渲染器），场景（场景）和相机（相机）
这是我们将使用的代码：
我们接下来要做的是定义材料。对于线条，我们可以使用的材料仅是线性基质或衬里的材料。
定义材料后，我们需要一些几何形状或一些顶点的几何图形或缓冲区。（建议使用缓冲区计，因为它的性能会表现更好；但是在这里，为简单起见，我们使用几何学）：
请注意，该线是在每对连续顶点之间绘制的，而不是第一个顶点和最后一个顶点之间的绘制线（未关闭线）。
现在，我们已经有了可以绘制两行的点和一种材料，现在我们可以将它们结合在一起以形成一条线。
其余的是将其添加到场景中并调用渲染（渲染）功能。
现在，您应该看到一个由许多蓝线组成的广场，然后我们将其添加到昨天的旋转效果中：
有时，您可能需要在三个js应用程序中使用文本，并且在这里有几种方法。
使用HTML通常是添加文本的最简单和最快的方法。这是一种用于在大多数三个示例中添加描述性叠加文本的方法。
您可以在这里添加内容
然后，使用CSS将其绝对放置在具有z索引的其他元素上，尤其是当您在全屏中运行三分。
如果您想在三个平面上轻松绘制文本，请使用此方法。
如果您希望使用3D建模软件和导出模型为三。JS，请使用此方法。
如果您喜欢使用纯trix.js，或者创建可以从程序更改的3D文本，则可以创建其几何体实例的网格作为三。
但是，为了使其能够工作，您的文本测量法需要在其“字体”参数上设置三个实例。接收参数，以及分发的JSON字体列表，并带有三分。
WebGL /几何 /文本画布 /几何 /文本WebGl / Shadowmap
如果字符面关闭或不使用字体，则有一个教程：http：//www.jaanga.com/2012/03/blener-threejs-3d-text-with.html.a Python脚本运行在Blener上，您可以将文本导出到三个.js JSON格式。
BMFONTS（位图）可以将字形处理为单个缓冲区计。BMFONT的渲染支持自动更改，字母间距，单词调整，带有标准导数的签名距离字段，多通道签名的距离字段，以及多条纹字体。三bmfont文本。
现有的库存字体也可以在项目中使用，就像A框架字体一样，您可以通过任何TTF字体创建自己的字体。优化时，您只需要包括项目所需的字符即可。
这是一些有用的工具：
为了使用鼠标操作三个维度场景，您可以在下载的文件中使用tix.js的众多控件之一，然后在HTML文件中介绍控件，例如简介文件不加深解释。一方面，主要目的显示了三j的功能。另一方面，它通常在研究过程中使用小鼠旋转和缩放模型。
该控件支持鼠标的右右 - 单击操作和键盘方向键操作。特定代码如下。使用以下代码在1.1节中替换。
OrbitControls.js控件提供了一个构造函数。当将相机对象用作参数时，浏览器将自动检测鼠标键盘的更改，并根据鼠标和键盘的更改来更新相机对象的参数。LEFT -BUTTON，浏览器将检测鼠标事件。根据某种算法，将小鼠的距离转换为相机的旋转角度。您可以在生活中联系相机拍照。即使场景没有变化，您的相机射击角度也发生了变化。自然，渲染器更改的结果。通过定义监视事件，如果您继续操作鼠标，则摄像机参数正在不断变化，并且渲染函数将在同一时间连续调用。
构造函数浏览器的执行将同时执行两件事。一种是将鼠标和键盘事件定义为浏览器，并自动检测鼠标键盘的更改。如果更改对象可以将监视事件添加到对象中。只要鼠标或键盘更改，就会触发渲染函数。您可以遵循有关侦听功能简介的文章“ HTML5事件”。
如果通过渲染方法实现了三js代码中渲染方法的定期调用，则当通过OrbitControls操作更改摄像机状态时，无需通过监视鼠标事件调用渲染函数，因为渲染函数将会连续称呼。
请注意，在开发过程中不同时使用或调用相同的功能，这会发生冲突。
原始：https：//juejin.cn/post/7096331643274657829