- 名称:Shadow Editor
- 版本:v0.0.8(开发中)
- 说明:基于
three.js
的场景编辑器。 - 源码:https://github.com/tengge1/ShadowEditor
- 示例:https://github.com/tengge1/ShadowEditor-examples
- 文档:https://tengge1.github.io/ShadowEditor/
- 截图:请点击此处
- 资源(见截图):https://pan.baidu.com/s/1yk7luPAdRB9sAH2-Byghww
- 提取码: qdds
- 3D场景在线编辑。
- 内置多种几何体、光源,场景支持雾效、影子、反光、背景图片等。
- 支持导入多种不同格式的3D模型。
- 服务端使用
MongoDB
保存模型和场景数据。 - 可视化修改场景、相机、几何体、材质、纹理、音频播放器、粒子发射器等属性。
- js脚本、着色器脚本在线编辑,带智能提示。
- 自带播放器,实时演示场景动态效果。
- 支持补间动画、骨骼动画、粒子动画,支持mmd动画,支持lmesh动画。
该项目仅支持Windows系统,电脑上需要安装.Net Framework 4.5。
- 安装
NodeJs
,转到ShadowEditor.Web
目录,执行以下命令。
npm install
npm run build
- 下载
MongoDB
,安装并启动MongoDB服务。MongoDB服务的默认端口为27017。
mongod --dbpath=D:\mongodb\db --logpath=D:\mongodb\log\mongoDB.log --install --serviceName MongoDB
net start MongoDB
- 编辑文件
ShadowEditor.Web/Web.config
,将27017
修改为你电脑上MongoDB服务的端口。
<add key="mongo_connection" value="mongodb://127.0.0.1:27017" />
-
使用
Visual Studio 2017
打开项目,生成ShadowEditor.Web
项目。 -
将
ShadowEditor.Web
部署在iis上即可在浏览器中访问。
点击此处查看更多截图
v0.0.7
- 发布日期:2018年10月14日
- 更新日志:
- 场景、模型、纹理、音频、mmd资源编辑功能,可上传预览图。
- 材质纹理属性编辑功能。
- 播放器重新架构。
- 粒子发射器、天空、火焰、烟保存、载入、播放优化。
- 刚体组件不再默认添加,改为从组件菜单中手动添加。
v0.0.6
- 发布日期:2018年9月30日
- 更新日志:
- 提供补间动画支持。可以在时间轴上可视化修改补间动画,并在播放器中播放。
- 新增上传mmd模型(pmd和pmx格式)和mmd动画,可以在播放器中播放。
- 新增上传lmesh模型,可在播放器中播放。
- 基本几何体、光源、地形封装,便于进一步开发。
v0.0.5
- 发布日期:2018年9月16日
- 更新日志:
- 布局修改:右侧改为两栏,左边栏提供场景层次图和js脚本管理功能,右边栏是属性、设置和历史面板。 在编辑场景下方新增动画编辑(未完成),并把日志查看移动到这里。
- 属性面板组件化改造,新增基本信息、相机、几何体、光源、材质、粒子发射器、物理配置、场景、影子、 位移、音频监听器、背景音乐等多个组件。
- 背景音乐支持保存载入,提供音频管理。
- 修复编辑着色器程序功能,实时查看着色器效果。
- 新增茶壶参数编辑组件。
- 各种几何体都可以开启反射。
v0.0.4
- 发布日期:2018年9月2日
- 更新日志:
-
脚本编辑优化,脚本不再跟物体绑定,可以跟场景一起保存载入,提供javascript、vertexShader、fragmentShader、programInfo示例脚本。 自定义脚本种支持
init
、start
、update
、stop
、onClick
、onDblClick
、onKeyDown
、onKeyUp
、onMouseDown
、onMouseMove
、onMouseUp
、onMouseWheel
、onResize
13种事件。 -
背景支持纯色、背景图片、立体贴图三种不同类型,可以保存载入。
-
新增网格、相机、点光源、平行光、聚光灯、半球光、矩形光、帮助器、骨骼9种帮助器的显示隐藏设置。
-
新增日志面板。
-
平板新增镜面特效。
v0.0.3
- 发布日期:2018年8月15日
- 更新日志:
- 使用
asp.net
开发web
服务端,使用MongoDB
保存模型和场景数据。 - 15种格式3D模型的上传,并可以保存到场景。
- 场景的创建、保存、载入。
- 组、12种内置几何体、5种光源可以保存场景并载入。
- 85种three.js对象的序列化和反序列化。
v0.0.2
- 发布时间:2018年6月9日
- 更新日志:
- 使用
rollup
重构three.js
自带编辑器的代码。
v0.0.1
- 发布时间:2017年6月21日
- 更新日志:
- 主要完成three.js自带编辑器的翻译。
- Three.js官网:https://threejs.org/
- Three.js源码:https://github.com/mrdoob/three.js/
- LOL模型:http://www.lolking.net/models