我可以在 node.js（服务器端）中运行 A-Frame 吗？

Question

我想从数千个生成的 a-frame 模型中截取大量屏幕截图和 export.glb。 由于我无法在没有提示的情况下从浏览器保存文件，因此使用 node.js 在服务器端生成模型会很棒。

（作为一种解决方法，我可能会在浏览器中生成模型并将它们发布到将文件保存到磁盘的本地服务器，但如果可能的话，我更喜欢服务器端渲染）

那么，如何在 node.js 中渲染 A-Frame 模型？

Answer 1

尝试使用模拟浏览器mocking DOM（ 这在three中是必需的，更不用说基于 DOM 的a-frame ）和headless-gl用于在 node.js 中创建 WebGL 上下文。

我所做的，类似于您正在寻找的，是一个electron应用程序。

tldr：看看这个。 下载， npm install; npm run start; npm install; npm run start; 并渲染屏幕截图/将场景导出为 glb。 如果您喜欢它，请告诉我如何改进它以使其更有用。

---

非 tldr：

您可以使用 electron 加载a-frame网站，但使用主进程将屏幕截图保存在驱动器上 - 因此没有提示，并且可以自动化。

要进行渲染，您可以简单地使用原生截图组件创建一个包含截图图像的 canvas

 document.querySelector('a-scene').components.screenshot.getCanvas('equirectangular');

但不是下载 blob，而是通过渲染器将其传递到主进程到主 IPC 通道- 您可以将其保存在驱动器上。