离线开发 ​

GlowJS支持本地 离线开发 ，在本节中将描述使用GlowJS进行 离线开发 的一些基本操作步骤，使您能够快速了解GlowJS 离线开发 的流程。

登录GlowJS ​

访问 GlowJS官网 ，点击右上角 登录 ，微信扫码登录。

搭建场景 ​

点击 GlowJS官网 右上角 搭建场景 按钮，进入场景编辑器页面。导入CAD参考图纸，按图纸所示搭建3D场景。场景搭建完毕后，点击编辑器顶部的 保存 菜单项进行保存。

下载场景和模型资源文件 ​

在 工作台 → 项目管理 → 我的项目 中，找到搭建好的场景，鼠标移入项目封面上，显示项目菜单，点击 下载 图标按钮，弹出下载窗口，点击窗口中的 下载场景文件 和 下载模型资源文件 按钮下载对应文件。

创建前端项目 ​

借助 npm 和 vscode 等工具创建前端项目，安装好前端开发框架（ vue 、 react 、 angular 等），配置好自动化打包工具（ vite 、 webpack 等）。

安装GlowJS库 ​

GlowJS是一个普通的前端js库，托管在 npmjs 网站上，可以通过如下命令安装。

$ npm i @glowjs/core

<script src="/glowjs/js/glow.core.js"></script>

复制场景和模型资源文件 ​

场景和模型资源文件需要拷贝到 GlowJS专属文件夹 内。

• 场景文件重命名为 project.json ，并拷贝到 glowjs/project/file 文件夹内。
• 模型资源文件zip包解压出来，里面包含 model 、 texture 、 material 、 particle 四个文件夹，将它们拷贝到 glowjs 文件夹内。

下载通用资源文件 ​

点击 此处 下载通用资源zip包，将其解压出来，里面包含 env 文件夹，将它拷贝到 GlowJS专属文件夹 glowjs 文件夹内。

MIME类型 ​

如果您正在使用比较老旧的WEB开发技术，比如 jsp、asp.net、php 等，可能会出现 .env、.glb 文件无法加载的情况。这可能是缺少MIME类型导致的，需要在您的WEB服务器上分别添加扩展名 .env、.glb 的MIME类型，它们都是 application/octet-stream 。

开发 ​

做完以上操作后，就可以愉快地使用GlowJS来开发了。 这里 是一个简单的离线开发示例。