喜欢 +关注 +收藏夹=学习
本文中使用的版本：137
本文使用本地三件套件来学习。
3.JS官方网站
三。吉特布地址
通过上述地址，您可以下载
这是下载和解压缩的文件
我习惯于编写前端代码。如果我使用本地三件套件学习，我还将使用插头辅助开发。
创建一个目录以存储此示例代码。
目录如下所示
包装刚刚从三分下载后，找到并复制它
即使在这里创建了项目。
在其中打开，然后介绍
请注意，使用上述标签，并且在撰写本文时得到了支持。这篇文章使我们能够引入第三方包裹。
正确 - 单击，选择运行页面。
每当您保存此插头时，该页面都会自动刷新。删除许多手动操作。
在学习之前，您需要了解一些概念，毕竟这是一个3D库。
场景（场景）是对象，光源和其他元素的容器。您可以使用插头 - 使用它来实时抛出OBJ的信息和物质信息。相机（相机）场景中的相机而不是观察人们的眼睛。场景中只能添加一个。通常，透视摄像头（）通常使用。对象（网格）包括两个维度（点，线，面，面），三维对象，模型等。没有添加照明场景，它将是黑暗的，包括全局光，平行光，点光源等。Renderr（渲染器）场景渲染方法，例如，。控制（控制）可以控制相机的运动通过键盘和鼠标。
除上述属性外，还有其他知识点，例如材料，音频和动画。这些知识将在后面提及。
对于第一个时间的同学，对浏览器进行一点浏览是最重要的事情。
因此，只需了解以下属性以渲染浏览器中的内容：
在理解上面提到的基本概念之后，我们根据上述官方文件的案例创建第一个场景。
本文的第一个场景将比官方网站简单。步骤如下：
该代码将基于上面的6个步骤
首次不关心这些详细用法。首先了解上述6个步骤。
如果您不想显示动画，也可以删除功能并直接编写。
有场景，相机，对象和渲染。在这4个页面上，页面上会显示一些东西。
跟随它两次，然后查看官方示例，以深入了解每个用法。
sthree.js开始
？
？“纯CSS实现117个加载效应（第1部分）”
？“读取Skeleton.css源代码以提高睡眠质量（尽管它只有419行代码）”
？“从入口到____的织物。”
？“ vite + vue3 + openlayers”
？“ [vue2＆g6]快速位”
？“ Console.log也可以说明！交叉截面”
?“控制台的样式”
原始：https：//juejin.cn/post/7101683178741432356