简介
stlreader 是一款由 JavaScript 语言编写的 Node.js 模块，它可以读取 STL 格式的三维模型文件，并将其转化为 JavaScript 中的对象。本文将为大家介绍如何使用 stlreader 来进行三维模型的读取与展示。
安装
安装 stlreader 只需要使用 npm 依赖管理工具即可：
npm install stlreader --save
基于 Node.js 运行环境的缘故，需要注意使用 stlreader 前需要在您的项目中安装 Node.js 环境。
读取文件
首先需要使用 Node.js 中的文件系统模块来对 STL 文件进行读取。在获得文件的二进制数据后，即可使用 stlreader 中的包装类来进行解析和转化。下面是一个简单的读取并输出文件内容的示例：
const fs = require('fs');
const STLReader = require('stlreader');
const stlFilePath = 'path-to-stl-file.stl';
const stlFileData = fs.readFileSync(stlFilePath);
const stlFile = new STLReader(stlFileData);
console.log(stlFile);得到的 stlFile 对象便包含了所有 STL 文件中的图形信息。您可以使用该对象进行三维模型的后续操作。
读取文件结构
在一个 STL 文件中，通常包含了许多三角形的数据以及法向量的信息。使用 stlreader 可以轻松地读取这些信息。下面是一些例子：
-- -------------------- ---- -------
----- --------- - -----------------------
---------------- ------------------- --------
-------------------------- -- -
----- ------ - ----------------
------------------------------------------------------------
----- -------- - ------------------
--------------------------
---------------------- -- -
-------------- -----------------------------------
---
---在上面的例子中，我们使用了 getTriangles() 方法获取了所有的三角形信息，并通过循环来逐一输出每个三角形的法向量和顶点坐标。
渲染模型
stlreader 可以轻松地将读取到的模型渲染到浏览器中，只需要使用另外一个 JavaScript 库 Three.js 即可。这里的例子使用 Three.js 的 BufferGeometry 类来进行渲染：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
--------------- -- --- ----------
-------
----- ---- -
------- --
-------- --
--------- -------
-
------ -
------ -----
------- -----
-
--------
-------
------
------- ---------------------------------------------------------------------------------
------- ------------------------------------
--------
----- ----------- - -----------------------
----- --- - --- -----------------
--------------- ------------ ------
---------------- - --------------
---------- - ---------- -
----- ----------- - --------------
----- ------- - --- -----------------------
----- --------- - -----------------------
----- -------- - ---
-------------------------- -- -
------------------------------------
------------------------------------
------------------------------------
---
----- -------- - --- -----------------------
----- ----------------- - --- -------------------------------------------- - -- ---
--- ---- - - -- - - ---------------- ---- -
--------------------------- -------------- -------------- ---------------
-
--------------------------------- -------------------
----- -------- - --- ------------------------- ------ -------- ---
----- ---- - --- -------------------- ----------
----- ----- - --- --------------
----------------
----- ------ - --- --------------------------- ----------------- - ------------------- ---- ------
----------------- - --
----- -------- - --- ----------------------
----------------------------------- --------------------
-----------------------------------------------
-------- --------- -
-------------------------------
--------------- -- -----
--------------- -- -----
---------------------- --------
-
----------
--
-----------
---------
-------
-------在本例中，我们通过使用 XMLHttpRequest 对读取到的 STL 文件进行了异步读取。取得了模型数据后，通过将模型的所有顶点坐标均放入 positionAttribute 中，并创建了一个一个 Mesh 对象，最终通过 WebGLRenderer 将其渲染至浏览器上。
总结
stlreader 是一款简单易用的 Node.js 模块，可以将 STL 文件转化为 JavaScript 对象，并支持三维模型的读取和展示。使用 stlreader，对于喜欢制作三维模型的前端开发者而言，是一款极其方便的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055eae81e8991b448dc384