Shadow Editor Pro 三维场景编辑器商业授权源码 | Vue3 + TypeScript + NestJS + WebGPU 工业级 3D 可视化平台

真正用过大场景三维编辑器的人都知道，模型一多、场景一复杂，操作就容易变得拖沓、卡顿。鼠标转个视角，往往都要等半天。

Shadow Editor Pro 先解决的，就是这个问题。

它是开源版 Shadow Editor 的专业升级版，基于最新版本的 Three.js 开发。前端换成了 Vue 3、TypeScript 和 Vite，服务端也用 NestJS 重新搭了一遍。整套架构和开源版相比，已经不是简单增加几个功能那么回事了。

操控方式，像地图一样跟手

操控方式的变化很明显。

鼠标操作更像地图软件，平移、缩放、旋转都比较顺手。面对超大型三维场景时，也能保持流畅。数字孪生、智慧园区、工业仿真这类项目，往往最先考验的就是这一点。

WebGL / WebGPU 双渲染器，一键切换

渲染器可以在 WebGL 和 WebGPU 之间切换。设备配备合适的现代显卡时，WebGPU 能利用显卡的并行计算能力，在复杂场景下带来更高的帧率。

服务端重写，文件存储、部署更省心

服务端也换了思路。

专业版不再依赖 MongoDB，而是采用文件存储。项目部署和迁移都简单了不少，整个项目拷贝一个文件夹就能带走。

模型上传也不用再逐个压缩、打包。现在可以直接上传整个文件夹。对经常导入大量模型资产的团队来说，能少掉不少重复操作。

Monaco Editor，脚本与着色器编辑更顺手

代码编辑器从原来的简单文本框换成了 Monaco Editor，也就是 VS Code 使用的那套编辑器。写脚本和着色器时，智能提示、语法高亮、代码折叠等功能都在。

数据可视化，三维不止于展示

三维场景不只是拿来展示模型。

Shadow Editor Pro 里还放进了场站管理、设备管理、量测管理、属性管理、字典管理，以及图层管理、标注管理、流水线管理、漫游管理等模块。

设备数据和业务数据可以跟三维场景连在一起。做数据驾驶舱、设备监控、态势感知，也会方便很多。

模型格式，拖进来就能用

模型格式也不用太担心。

FBX、OBJ、GLTF、GLB、STL、Collada、DRACO、3DS、PMX、VTK 等三十多种格式，都能直接拖进来。内置几何体、灯光、材质、组件和后期特效，还接入了 Bullet 物理引擎。

火焰、水、烟、天空、柏林地形、粒子发射器这些常用的三维可视化组件，基本都能直接使用。

源码质量，是学习也是生产力

这套源码采用商业授权模式，购买后可以用于商业项目开发。

代码结构比较清楚，注释也比较规范。服务端采用 NestJS 的企业级分层架构，前端则是 Vue 3 组合式 API 的工程化实践。

想学习现代三维引擎开发的人，可以拿它研究整套项目结构。

需要一套三维可视化底座，后续还要自己做功能和业务集成的人，也能直接在上面二次开发，省下从零搭框架的时间。

相关地址

文档：https://www.hylab.cn/product?parent_id=7413018085055139840

Demo：https://www.hylab.cn/demo/shadow-editor-pro/

购买与支持

本商品为商业授权源码，购买后可获得源码用于商业项目开发，不限制项目个数。如果第三方客户索要源码，需要为客户单独购买一份源码。如需技术支持或定制开发，请联系客服。

注意：本商品不包含图片所示场景、模型和贴图。