编辑 · 预览 · 控制 · 管理一体化

SceneView3D 场景编辑器

面向展厅、数字孪生、产品展示和交互控制场景的一体化 3D 编辑系统。覆盖编辑器、预览页、控制页和后台管理全链路。

与市面上产品的核心差异

不只是编辑器,更是一套完整的 3D 场景解决方案

🎛️

自带后台管理

内置完整的用户、模型、资源、场景管理后台。无需额外开发,部署即用。

独家优势
🖥️

预览 + 控制双页

独立的预览页面供观众浏览,控制面板供运营人员实时操控场景,支持 WebSocket 实时联动。

独家优势
📦

单文件部署

Go 后端 + Vue3 前端编译为单个二进制文件,一个文件即可运行,部署极简。

运维友好
🧩

功能组合灵活

支持按业务需求组合编辑、展示、控制和后台能力,适配项目型交付和长期运营场景。

项目友好

四大核心页面

覆盖编辑、预览、控制、管理全链路

🎨3D 场景编辑器

基于 Three.js 的专业 3D 编辑器,支持模型导入、灯光设置、相机视角、动画编排、背景配置等完整功能。

  • 支持 GLTF/GLB/OBJ/FBX 等多种模型格式
  • 多灯光系统(点光、聚光、平行光、环境光)
  • 相机动画与视角书签
  • 背景图片/视频支持
  • 场景多开与切换

👁实时预览页面

独立的只读预览页面,适合嵌入到官网、展厅大屏、移动端等场景供观众浏览。

  • 纯展示,无编辑功能,防止误操作
  • 支持网页交互开关控制
  • 响应式布局,适配各种屏幕
  • 可通过 URL 参数直接访问指定场景

🎮远程控制面板

运营人员可通过控制面板实时操控预览端的场景,支持模型显隐、动画播放、视角切换等。

  • WebSocket 实时双向通信
  • 模型位移/旋转/缩放控制
  • 轴动画开关(X/Y/Z)
  • 视角动画触发
  • 自动动画播放控制

后台管理系统

基于 Vue3 + Element Plus 的现代化管理后台,涵盖用户、模型、资源、场景、管理员的全生命周期管理。

  • 用户注册/登录/权限管理
  • 模型上传与管理(支持预览)
  • 资源文件管理(图片/视频)
  • 场景数据管理
  • 管理员账号与权限控制

技术架构

现代技术栈,高性能,易扩展

技术架构围绕高性能渲染、实时联动和轻量部署设计,既适合快速交付单项目,也适合持续迭代的 3D 展示与控制平台。
🚀 GoFrame v2
Vue 3
🎨 Element Plus
🔷 Three.js
🗄️ MySQL
📡 WebSocket

后端采用 GoFrame v2 框架,单二进制文件部署,内置 HTTP 服务器、路由、中间件、配置管理。

前端采用 Vue 3 + Vite + Element Plus,Three.js 负责 3D 渲染,Pinia 状态管理。

前后端通过 REST API 通信,预览/控制页面通过 WebSocket 实时联动。

常见问题

是否支持二次开发与功能扩展?
支持根据业务场景扩展模型管理、控制面板、热点展示、网页组件、场景动画等能力,适合持续迭代的 3D 项目。
适合哪些应用场景?
适用于产品三维展示、展厅导览、设备数字孪生、营销互动页面、运维控制面板和需要实时预览联动的 3D 场景系统。
部署需要什么样的服务器?
最低配置:1核2G 内存即可运行。支持 Linux/Windows/macOS。单二进制文件部署,无需 Nginx 等反向代理(当然也可以配)。
支持哪些 3D 模型格式?
目前支持 GLTF/GLB(推荐)、OBJ、FBX 格式。通过 Three.js 的加载器实现,后续可自行扩展更多格式支持。