又一个 3D 编辑器?我看完 Pascal Editor 后觉得,它更像是把建筑设计工作流搬进浏览器的一次认真尝试

这不是“网页里放个 3D 模型”那么简单

今天 GitHub Trending 上另一个让我停下来多看几分钟的项目，是 pascalorg/editor。

官方给它的简介很克制：Create and share 3D architectural projects. 但你只要顺着 README 往下翻，很快就会发现，这项目的野心并不是做一个“能在网页里拖拖拽拽的 3D 小玩具”，而是想把建筑建模、楼层编辑、几何系统、状态管理、渲染组件和协作分发这整套事情，拆成可以复用的 Web 能力。

截稿前我核对到的公开信息：

• 项目：pascalorg/editor
• 来源：GitHub Trending / GitHub 仓库
• 仓库公开 Star：12,605
• 当日 Trending 增长：1,422 stars today
• 主语言：TypeScript
• 最近提交：仓库首页显示 Apr 16, 2026 仍在更新
• 官方描述：Create and share 3D architectural projects.

说实话，现在 3D Web 项目很多，但大多数给人的感觉是“展示型”强于“生产型”。Pascal Editor 让我觉得不一样的地方，在于它从仓库结构开始，就把自己写成了一个能长期演进的产品底座。

它真正吸引人的，是工程拆分方式很成熟

README 里直接写了，这个仓库是一个 Turborepo monorepo，核心分成三块：

• apps/editor：Next.js 应用层
• packages/core：schema、状态管理、系统逻辑
• packages/viewer：3D 渲染组件

这套拆法非常像“真的准备做产品”的团队，而不是做一个演示后就不维护了的 side project。你会发现它不仅考虑了页面长什么样，也考虑了：

• 场景状态怎么存
• 节点 schema 怎么定义
• 几何生成怎么跑
• viewer 怎样独立复用
• 编辑器逻辑和渲染逻辑怎么解耦

更细一点看，README 里还提到一堆很关键的底层技术：React Three Fiber、WebGPU、Zustand、Zod、Zundo、three-bvh-csg。这几个词摆在一起，基本已经能说明这不是个轻飘飘的“炫技项目”了，而是一套认真思考过性能、状态一致性、布尔几何和可扩展性的前端 3D 架构。

为什么这类项目值得公众号读者关注

因为它切中的不是“建筑师要不要用浏览器画图”这么单一的问题，而是一个更大的趋势：

越来越多原本被桌面软件垄断的专业工作流，正在被拆成 Web 原生、模块化、可协作的前端系统。

这件事的意义非常大。

以前我们说“浏览器做不了复杂设计工具”，更多是事实；现在这个判断越来越像一种过时印象。尤其在 WebGPU、R3F、增量状态管理和现代前端构建体系成熟之后，浏览器端不只是能展示 3D，而是已经开始承接更重的编辑任务。

Pascal Editor 这类项目的价值，不只是你今天就拿它画房子，而是它给开发者展示了一种思路：

• 专业建模工具不一定非得从原生桌面起步
• 编辑器和 viewer 可以拆成包级能力
• 建筑/空间/装修/家居/数字孪生这类场景，完全可以用现代 Web 技术重构一遍

README 里给出的真实上手方式也很清楚

它没有故作玄虚，直接给了开发命令：

bun install
bun dev

README 还特地强调：要从仓库根目录执行 bun dev，这样 @pascal-app/core 和 @pascal-app/viewer 的 watch 才会一起工作，编辑 packages/core/src/、packages/viewer/src/ 时能保持热更新链路通畅。

如果你要做构建，也给了很明确的命令：

turbo build
turbo build --filter=@pascal-app/core
npm publish --workspace=@pascal-app/core --access public
npm publish --workspace=@pascal-app/viewer --access public

这组命令的价值在于，它说明 Pascal 不是只开放了一个最终应用，而是把底层能力做成了可发布、可复用的 npm 包。对前端团队来说，这一点很关键——你完全可以不照抄它的产品形态，但借它的 core / viewer 思路重建自己的空间编辑器、户型设计器或者可视化建模工具。

它适合谁，不适合谁

我觉得这项目最适合两类人：

• 做前端 3D / 可视化产品的人：你可以直接研究它的状态设计、渲染拆分和 monorepo 架构
• 做垂直行业工具的人：家装、建筑、园区、零售空间、数字孪生，这些都可能从里面借到方法论

但如果你只是想找一个“今天立刻可商用、带完整协作和生产部署方案的成品”，那就别期待过高。Pascal Editor 现在更像一套非常有参考价值的工程底盘，而不是一个所有流程都已经打磨完的 SaaS。

我的判断

很多 GitHub 热门仓库火得快，忘得也快。Pascal Editor 不一定是那种最容易被转发的项目，但它很可能是越看越有东西的那类仓库。

如果你最近在思考 WebGPU、浏览器 3D 编辑器、复杂前端系统如何拆包，或者你所在团队正想做“重交互、重状态、重渲染”的专业工具，这个项目值得收藏，而且不是那种收藏了就吃灰的收藏。

项目地址

• GitHub：https://github.com/pascalorg/editor^[1]
• npm：https://www.npmjs.com/package/@pascal-app/core^[2]

引用链接