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

SceneView3D 场景编辑器

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

场景预览 单模型预览

SceneView 产品矩阵

围绕三维内容生产、展示和演示，提供可单独使用、也可组合交付的产品能力

主产品

3D 场景编辑器

面向展厅展示、数字孪生和产品 3D 展示，覆盖场景编辑、预览、控制和后台管理。

查看核心功能
新增产品

3D PPT 编辑器

把 3D 模型、图片、视频、音频、公式和图表编排成可在线播放的三维演示文稿。

查看 3D PPT
互动体验

SceneView 小游戏

通过轻量级在线小游戏体验实时交互、可视化控制和浏览器端三维内容展示能力。

打开小游戏

与市面上产品的核心差异

不只是 3D 编辑器，更是一套完整的 3D 场景编辑器源码与展示控制解决方案

🎛️

自带后台管理

内置完整的用户、模型、资源、场景管理后台。无需额外开发，部署即用，适合 3D 编辑器源码项目快速落地。

独家优势
🖥️

预览 + 控制双页

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

独家优势
📦

单文件部署

Go 后端 + Vue3 前端编译为单个二进制文件，一个文件即可运行，适合数字孪生系统和展厅展示项目快速部署。

运维友好
🧩

功能组合灵活

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

项目友好

四大核心页面

覆盖 3D 编辑、实时预览、远程控制、后台管理全链路

🎨3D 场景编辑器

基于 Three.js 的专业 3D 场景编辑器，支持模型导入、灯光设置、相机视角、动画编排、背景配置等完整功能，适合作为 3D 编辑器源码底座继续扩展。

  • 支持 GLTF/GLB/OBJ/FBX 等多种模型格式
  • 多灯光系统（点光、聚光、平行光、环境光）
  • 相机动画与视角书签
  • 背景图片/视频支持
  • 场景多开与切换
SceneView 3D 场景编辑器前台展示界面 点击放大

👁实时预览页面

独立的只读实时预览页面，适合嵌入到官网、展厅大屏、移动端等场景供观众浏览，满足产品 3D 展示与数字孪生场景需求。

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

🎮远程控制面板

运营人员可通过控制面板实时操控预览端的场景，支持模型显隐、动画播放、视角切换等，适合展厅展示和远程演示控制。

  • WebSocket 实时双向通信
  • 模型位移/旋转/缩放控制
  • 轴动画开关（X/Y/Z）
  • 视角动画触发
  • 自动动画播放控制
SceneView 远程控制面板实时操控界面 点击放大

⚙后台管理系统

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

  • 用户注册/登录/权限管理
  • 模型上传与管理（支持预览）
  • 资源文件管理（图片/视频）
  • 场景数据管理
  • 管理员账号与权限控制
SceneView 后台管理系统界面 点击放大

如何使用

四步快速上手，从购买到部署只需几分钟

1

购买源码

通过淘宝店铺购买完整源码包，获取下载链接与部署文档。

2

上传模型

登录后台管理系统，上传你的 3D 模型（GLB/GLTf 推荐），配置场景参数。

3

编辑场景

使用在线编辑器调整灯光、相机、动画、背景，所见即所得。

4

部署上线

单二进制文件部署，启动即用。支持展厅大屏、网页嵌入、移动端访问。

适用场景

覆盖多种行业与应用场景，灵活组合满足不同需求

🏛️

展厅展示

展厅大屏 3D 互动展示，观众通过触摸屏或移动端浏览产品、场景。配合实时控制面板，运营人员可随时调整展示内容。

🏭

数字孪生

工厂、设备、建筑的数字孪生可视化。实时数据对接，支持 IoT 传感器数据驱动场景变化，运维人员远程监控。

📱

产品 3D 展示

电商、官网中的产品 3D 展示。用户可 360 度旋转查看产品细节，提升转化率。支持嵌入到现有网站中。

🎓

教学培训

3D 交互式教学内容制作平台。教师可快速搭建教学场景，学生通过预览页面进行互动学习。

🏠

房产/家居展示

户型 3D 漫游、家居产品搭配展示。客户可在线预览不同方案，提升销售转化。

🎪

营销活动

品牌营销活动中的 3D 互动页面，如新车发布、产品首发等。支持动画编排和实时控制，打造沉浸式体验。

技术架构

现代技术栈，高性能，易扩展，适合 3D 编辑器源码和数字孪生系统持续开发

技术架构围绕高性能渲染、实时联动和轻量部署设计，既适合快速交付单项目，也适合持续迭代的 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 控制预览链路和单模型展示系统的工程复盘

模型动画 音频时间轴 2026-07-06

模型动画播放到指定时间触发音频：一条可保存、可预览、可重载的时间轴方案

复盘模型动画音频时间轴的工程实现：真实时长回填、语音 cue 触发、单音频播放约束和场景重载后的播放恢复。

阅读全文 →
GLB 材质系统 2026-06-16

GLB 材质改了没反应，重置还会残留：材质覆盖键与预览重建链路复盘

复盘导入模型后两类最伤交付体验的材质问题：无名材质导致覆盖命不中目标材质，预览阶段直接叠加 patch 又让颜色和重置残留，文章完整拆开这两条链路的根因与修法。

阅读全文 →
iframe 透明背景 2026-06-13

iframe 透明背景为什么会失效：color-scheme 继承与主题同步复盘

复盘 3D PPT 模型 iframe 黑底/白底问题的最终根因：父页面和 iframe 的 color-scheme 需要保持一致，透明渲染结果才稳定。

阅读全文 →
Three.js 几何体 2026-06-12

几何体材质为什么用不上：运行时 Mesh 的默认材质链路复盘

复盘 3D 编辑器中几何体材质面板不生效的根因：运行时 Mesh 缺少 material.name、materialsMeta 和默认材质目标。

阅读全文 →
GLB 导出 性能优化 2026-06-10

3D 编辑器 GLB 导出卡顿优化：从 Invalid string length 到轻量版导出

复盘 Web 端 3D 编辑器中 GLB 导出卡顿、RangeError 和 Texture 无法序列化问题，介绍轻量版导出链路。

阅读全文 →
性能优化 Live Control 2026-06-09

完整版 3D 编辑器性能与 Live 控制链路优化复盘

复盘 GLB 大模型加载、模型复制、子级选择、爆炸中心与 Live 控制页坐标轴交互的完整优化过程，让真实模型场景更接近可交付体验。

阅读全文 →

常见问题

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

立即体验 SceneView

无需安装，在线即可试用完整 3D 场景编辑器

场景预览 部署指南