Shadow Editor

• 名称：Shadow Editor

• 版本：v0.1.0（开发中）

• 说明：基于three.js的场景编辑器。

• 源码一：https://gitee.com/tengge1/ShadowEditor

• 源码二：https://github.com/tengge1/ShadowEditor

• 文档一：https://tengge1.gitee.io/shadoweditor/

• 文档二：https://tengge1.github.io/ShadowEditor/

• 示例一：https://tengge1.gitee.io/shadoweditor-examples/

• 示例二：https://tengge1.github.io/ShadowEditor-examples/

• 推荐使用最新版谷歌浏览器查看示例，不保证兼容其他浏览器。

主要功能

1. 3D场景在线编辑。
2. 内置多种几何体、光源，场景支持雾效、影子、反光、背景图片等。
3. 支持导入多种不同格式的3D模型。
4. 服务端使用MongoDB保存模型和场景数据。
5. 可视化修改场景、相机、几何体、材质、纹理、音频播放器、粒子发射器等属性。
6. js脚本、着色器脚本在线编辑，带智能提示。
7. 自带播放器，实时演示场景动态效果。
8. 支持补间动画、骨骼动画、粒子动画，支持mmd动画，支持lmesh动画。

使用方法

该项目仅支持Windows系统，电脑上需要安装.Net Framework 4.5。

1. 安装NodeJs，在当前目录，执行以下命令。

npm install
npm run build

2. 下载MongoDB，安装并启动MongoDB服务。MongoDB服务的默认端口为27017。

mongod --dbpath=D:\mongodb\db --logpath=D:\mongodb\log\mongoDB.log --install --serviceName MongoDB
net start MongoDB

3. 编辑文件ShadowEditor.Web/Web.config，将27017修改为你电脑上MongoDB服务的端口。

<add key="mongo_connection" value="mongodb://127.0.0.1:27017" />

4. 使用Visual Studio 2017打开项目，生成ShadowEditor.Web项目。

5. 将ShadowEditor.Web部署在iis上即可在浏览器中访问。

6. 为了保存各种类型文件能正常下载，需要在iis上添加以下两个MIME类型。

文件扩展名	MIME类型	说明
.*	application/octet-stream	各种格式后缀文件
.	application/octet-stream	无后缀文件

7. 编译文档，请安装gitbook。

npm install -g gitbook-cli

然后切换到docs-dev目录，安装gitbook插件。

gitbook install

然后切换到上级目录，执行以下命令生成文档。

npm run build-docs

项目截图

相关链接

• 更多截图：点此查看
• 更新日志：点此查看
• Three.js官网：https://threejs.org/
• Three.js源码：https://github.com/mrdoob/three.js/
• LOL模型查看器：https://github.com/tengge1/lol-model-viewer