ShadowEditor: 基于three.js的在线3D场景编辑器，使用mongodb保存3D模型和场景数据。

[](#shadow-editor)Shadow Editor

[](#%E4%B8%BB%E8%A6%81%E5%8A%9F%E8%83%BD)主要功能

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

[](#%E7%BB%84%E4%BB%B6)组件

ShadowEditor.UI：ShadowEditor UI框架。

[](#%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95)使用方法

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

  1. 安装NodeJs，在当前目录，执行以下命令。
npm install npm run build
  1. 下载MongoDB，安装并启动MongoDB服务。MongoDB服务的默认端口为27017。
mongod --dbpath=D:\\mongodb\\db --logpath=D:\\mongodb\\log\\mongoDB.log --install --serviceName MongoDB
net start MongoDB
  1. 编辑文件ShadowEditor.Web/Web.config，将27017修改为你电脑上MongoDB服务的端口。

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

  1. 使用Visual Studio 2017打开项目，生成ShadowEditor.Web项目。
  2. 将ShadowEditor.Web部署在iis上即可在浏览器中访问。
  3. 为了保存各种类型文件能正常下载，需要在iis上添加以下两个MIME类型。
文件扩展名MIME类型说明
.*application/octet-stream各种格式后缀文件
.application/octet-stream无后缀文件
  1. 编译文档，请安装gitbook。
npm install -g gitbook-cli

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

gitbook install

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

npm run build-docs

[](#%E9%A1%B9%E7%9B%AE%E6%88%AA%E5%9B%BE)项目截图

image

点击此处查看更多截图

[](#%E5%BC%80%E5%8F%91%E6%97%A5%E5%BF%97)开发日志

v0.0.8

  • 发布日期：2018年10月27日
  • 更新日志：
  1. 编辑器文档更新。
  2. 立体贴图上传服务端，并可设置为场景背景。
  3. 所有场景一键发布静态网站，便于部署到GitHub Pages服务上。
  4. 柏林地形组件、序列化和反序列化，并可在播放器中展示。
  5. 上传mp4视频贴图，并可以设置到材质上，在三维场景中播放视频。
  6. 增加液体组件（测试）。

v0.0.7

  • 发布日期：2018年10月14日
  • 更新日志：
  1. 场景、模型、纹理、音频、mmd资源编辑功能，可上传预览图。
  2. 材质纹理属性编辑功能。
  3. 播放器重新架构。
  4. 粒子发射器、天空、火焰、烟保存、载入、播放优化。
  5. 刚体组件不再默认添加，改为从组件菜单中手动添加。

v0.0.6

  • 发布日期：2018年9月30日
  • 更新日志：
  1. 提供补间动画支持。可以在时间轴上可视化修改补间动画，并在播放器中播放。
  2. 新增上传mmd模型（pmd和pmx格式）和mmd动画，可以在播放器中播放。
  3. 新增上传lmesh模型，可在播放器中播放。
  4. 基本几何体、光源、地形封装，便于进一步开发。

v0.0.5

  • 发布日期：2018年9月16日
  • 更新日志：
  1. 布局修改：右侧改为两栏，左边栏提供场景层次图和js脚本管理功能，右边栏是属性、设置和历史面板。 在编辑场景下方新增动画编辑（未完成），并把日志查看移动到这里。
  2. 属性面板组件化改造，新增基本信息、相机、几何体、光源、材质、粒子发射器、物理配置、场景、影子、 位移、音频监听器、背景音乐等多个组件。
  3. 背景音乐支持保存载入，提供音频管理。
  4. 修复编辑着色器程序功能，实时查看着色器效果。
  5. 新增茶壶参数编辑组件。
  6. 各种几何体都可以开启反射。

v0.0.4

  • 发布日期：2018年9月2日
  • 更新日志：
  1. 脚本编辑优化，脚本不再跟物体绑定，可以跟场景一起保存载入，提供javascript、vertexShader、fragmentShader、programInfo示例脚本。自定义脚本支持init、start、update、stop、onClick、onDblClick、onKeyDown、onKeyUp、onMouseDown、onMouseMove、 onMouseUp、onMouseWheel、onResize 13种事件。
  2. 背景支持纯色、背景图片、立体贴图三种不同类型，可以保存载入。
  3. 新增网格、相机、点光源、平行光、聚光灯、半球光、矩形光、帮助器、骨骼9种帮助器的显示隐藏设置。
  4. 新增日志面板。
  5. 平板新增镜面特效。

v0.0.3

  • 发布日期：2018年8月15日
  • 更新日志：
  1. 使用asp.net开发web服务端，使用MongoDB保存模型和场景数据。
  2. 15种格式3D模型的上传，并可以保存到场景。
  3. 场景的创建、保存、载入。
  4. 组、12种内置几何体、5种光源可以保存场景并载入。
  5. 85种three.js对象的序列化和反序列化。

v0.0.2

  • 发布时间：2018年6月9日
  • 更新日志：
  1. 使用rollup重构three.js自带编辑器的代码。

v0.0.1

  • 发布时间：2017年6月21日
  • 更新日志：
  1. 主要完成three.js自带编辑器的翻译。

[](#%E7%9B%B8%E5%85%B3%E9%93%BE%E6%8E%A5)相关链接

原网址: 访问
创建于: 2018-11-07 02:06:29
目录: default
标签: 无

未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到

请先后发表评论
  • 最新评论
  • 总共0条评论