pascalorg

pascalorg/editor

TypeScript 活跃
117
2026-03-26
7.3k
+633
#4
955

项目介绍

创建并分享三维建筑项目

Create and share 3D architectural projects.

智能解读

点击生成更详细的项目介绍

智能标签

生成技术栈、用途、特征、受众等多维度标签

使用场景

使用场景 自动生成

这是一个基于现代Web技术栈的3D建筑编辑器框架,适合需要快速开发建筑可视化、室内设计或城市规划类Web应用的项目。

1

快速搭建3D建筑编辑器

开发者需要创建一个交互式的3D建筑编辑工具,但不想从零开始处理复杂的3D渲染、状态管理和几何生成。

使用Pascal Editor的完整架构,包括核心节点系统、几何生成系统和React Three Fiber渲染层,快速构建一个功能完整的建筑编辑器。

房地产公司需要内部工具让设计师快速绘制户型图并生成3D预览,可以直接基于此项目开发,无需自己实现墙体生成、门窗开洞等复杂几何计算。

2

集成建筑可视化到现有应用

现有Web应用需要添加3D建筑可视化功能,但希望保持轻量级且易于与现有状态管理集成。

单独使用@pascal-app/viewer包,它提供了完整的3D渲染、相机控制和场景管理,通过Zustand store与主应用状态同步。

物业管理平台需要在资产详情页展示楼层的3D布局,可以引入viewer组件,通过useViewer store控制楼层显示模式(堆叠/展开/单独显示)。

3

实现建筑数据的持久化与撤销

建筑编辑场景中用户操作频繁,需要可靠的数据持久化和多步撤销/重做功能。

利用项目内置的Zustand持久化中间件(IndexedDB)和Zundo时间旅行功能,自动保存场景状态并支持50步历史记录。

用户在设计办公室布局时,可以随时撤销之前的墙体修改或家具摆放,关闭浏览器后重新打开也能恢复上次编辑的状态。

4

扩展自定义建筑组件

需要为特定行业(如医院、工厂)创建专用的建筑组件和几何生成逻辑。

基于项目的节点系统和渲染器架构,开发自定义节点类型和对应的System组件,在渲染循环中处理特定几何生成。

医院设计工具需要特殊的病房隔断和医疗设备挂载点,可以创建MedicalWallNode并实现对应的MedicalWallSystem来处理消毒材料等特殊几何要求。

项目健康度

C
50/100
一般
活跃度人气增长社区文档
活跃度 15/23

距上次更新 14 天

人气 19/25

平台 Star TOP 28% · Forks 955

增长 7/25

暂无近期增长数据

社区 5/17

4 位贡献者 · 0 条平台评论

文档 4/10

缺少 3 项内容

3 项改进建议
  • 增长:近期 Star 增长缓慢,项目热度有待提升
  • 社区:贡献者较少,可通过完善文档和社区运营吸引更多参与者
  • 文档:完善项目文档(截图、AI 分析等)可提升健康度得分
在 GitHub 上查看

项目信息

作者 pascalorg
来源 GitHub
周期 每日
仓库ID pascalorg/editor
最新提交 2026-03-26 21:09:10
第一收录 2026-03-27 08:00:59
最后更新 2026-03-27 08:00:59

赞赏支持

如果本站对你有帮助,欢迎打赏支持

微信打赏码

微信

支付宝打赏码

支付宝

评论 0

登录 后发表评论

加载评论中...

助手