{"id":24315403,"url":"https://github.com/plum-k/plum-babylon-editor","last_synced_at":"2025-04-09T17:21:29.525Z","repository":{"id":271598537,"uuid":"907936646","full_name":"plum-k/plum-babylon-editor","owner":"plum-k","description":"开源的webGpu三维可视化构建工具","archived":false,"fork":false,"pushed_at":"2025-03-28T09:19:39.000Z","size":31033,"stargazers_count":69,"open_issues_count":0,"forks_count":12,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-04-02T16:06:38.967Z","etag":null,"topics":["3d","babylon","editor","react","threejs","webgl","webgpu"],"latest_commit_sha":null,"homepage":"https://babylon.plumk.cn/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/plum-k.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-24T16:39:34.000Z","updated_at":"2025-03-31T03:31:27.000Z","dependencies_parsed_at":"2025-03-11T16:30:19.529Z","dependency_job_id":null,"html_url":"https://github.com/plum-k/plum-babylon-editor","commit_stats":null,"previous_names":["plum-k/plum-babylon-editor"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/plum-k%2Fplum-babylon-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/plum-k%2Fplum-babylon-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/plum-k%2Fplum-babylon-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/plum-k%2Fplum-babylon-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/plum-k","download_url":"https://codeload.github.com/plum-k/plum-babylon-editor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248075005,"owners_count":21043510,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["3d","babylon","editor","react","threejs","webgl","webgpu"],"created_at":"2025-01-17T11:15:14.589Z","updated_at":"2025-04-09T17:21:29.505Z","avatar_url":"https://github.com/plum-k.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# plum-babylon-editor\n\n## 项目概述\n\n`plum-babylon-editor` 是一个基于 `babylon` 的三维编辑器项目, 可快速的搭建和开发三维项目。\n\n## 在线访问\n\n|       |                                  |\n|-------|----------------------------------|\n| 编辑器   | https://babylon.plumk.cn/        |\n| 文档    | https://docbabylon.plumk.cn/     |\n| sdk示例 | https://examplebabylon.plumk.cn/ |\n\n## 项目结构\n\n### [核心](./packages/core)(`core`)\n\n#### [编辑器](./packages/core/editor/README.md)(`packages/core/editor`)\n\n基于 `sdk` 的开发三维编辑器，为三维场景的创建和编辑提供基础支持。\n\n#### [sdk](./packages/core/sdk/README.md) (`packages/core/sdk`)\n\n对 babylon.js 进行了二次封装，提供了一系列工具和组件，方便开发。\n\n#### [服务端](./packages/core/server/README.md) (`packages/core/server`)\n\n编辑器的服务端，只提供最基础的应用管理功能，为编辑器的运行提供后端支持。\n\n### 相关包(`dev`)\n\n#### [调试工具](./packages/dev/debug/README.md) (`packages/dev/debug`)\n\n通过 module 引用的方式，直接在页面调试 `@plum-render/babylon-sdk`，方便开发者进行调试和测试。\n\n#### [文档](./packages/dev/document/README.md) (`packages/dev/document`)\n\n基于 docusaurus 编写的编辑器和sdk的文档网站。\n\n#### [示例工程](./packages/dev/example/README.md) (`packages/dev/example`)\n\nsdk 使用的相关示例工程。\n\n#### [存储api](./packages/dev/oss-api/README.md) (`packages/core/oss-api`)\n\n对阿里云 oss 存储的封装。\n\n### 第三方库(`packages/third`)\n\n#### [@babylonjs/addons](./packages/third/addons/README.md)(`packages/third/addons`)\n\n修改了 `index.js` 的导出内容\n\n## 快速开始\n\n```shell\ngit clone https://github.com/plum-k/plum-babylon-editor.git\ncd plum-babylon-editor\nbun install\n```\n\n## 为什么要做 plum-babylon-editor\n\n创建 Plum-Babylon-Editor 的目的是为了解决当前使用 Unreal Engine（UE）或 OSG 开发项目的高成本问题，同时 WebGPU 技术已经成熟，许多项目需要向 Web 端迁移。\n\n在过去，桌面端三维项目通常通过 UE 或 Unity 直接打包成可执行文件发布。然而，随着国产化和三维仿真的需求增加，UE 和 Unity 当时并没有提供 Cesium for Unreal 和 Cesium for Unity 这两个插件，而国产化适配也相对复杂。因此，我选择将项目转为 Qt 中嵌入 OSGEarth，并使用 QML 开发界面，利用 OSG 构建三维场景。\n\n随着需求的发展，浏览器端的展示变得必要，于是再次回到 UE，使用其像素流推流插件将 WebRTC 视频流推送到前端。\n\n在经历了多种三维应用后，并深入了解各种业务需求，我意识到对三维构建工具的要求主要包括：\n\n- **快速开发**:\n    - 使用 UE 的 UMG 或 Qt 的 QML 开发界面以还原设计图的速度较慢，尤其在制作统计图表时，过程十分繁琐。\n    - C++ 开发大型项目时，每次运行和构建都需要较长时间，尽管 UE5 引入了热重载。\n- **多端访问**:\n    - 只需安装一个浏览器即可访问三维系统，无需额外安装软件。\n    - 虽然 UE 支持云渲染推流以实现浏览器访问，但成本较高，通常一张显卡只能支持三路视频流。\n    - qt 可以通过 emcc 编译成 wasm 浏览器运行, 但是坑太多了。\n- **国产化**:\n    - UE 和 OSG 同时打包发布到 Windows 或 Linux 时，需要处理各类兼容性问题。\n    - WebGPU 只需浏览器支持，无需适配多种操作系统。\n- **系统集成**:\n    - Qt 可以使用 QtWebEngine 进行集成，其他 Web 系统可直接使用 iframe。\n    - 还可以使用 Electron 将其打包为桌面程序。\n\n明确了这些要求后，我决定使用 Web 端三维技术，仿照之前用 UE 或 Qt + OSG 开发的项目，来构建 Web 版本的三维构建工具。\n\n## plum-babylon-editor 当前的状态\n\n现在版本的 `plum-babylon-editor` 是在2022年6月 babylon.js 发布 5.0 刚支持 webGpu 时写的预研项目基础上开发的, 目前正在重构和添加新的功能。\n\n预计到今年6月初发布第一个版本。\n\n## 为什么选取 babylon.js 作为基础框架\n\n在流行的 Web 端三维框架中，Three.js 和 Babylon.js 是最常用的两个。然而，Babylon.js 更类似于 Unreal Engine（UE），并且自带粒子系统和物理系统。\n\nBabylon.js 的粒子系统能够直接使用 UE 或 Houdini 导出的特效帧序列图，而其物理系统也非常易于使用，无需像 Three.js 一样依赖第三方库。\n\n最重要的一点是，Babylon.js 在浏览器不支持 WebGPU 时，能够自动降级到 WebGL2 渲染，而 Three.js 则需要编写额外的兼容代码\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fplum-k%2Fplum-babylon-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fplum-k%2Fplum-babylon-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fplum-k%2Fplum-babylon-editor/lists"}