基于 22G101 图集的钢筋平法学习工具,输入平法标注即时生成三维配筋模型。
🌐 在线体验: https://brucelee1024.github.io/RebarViz
- 3D 交互查看 — 旋转、缩放、平移,从任意角度观察配筋构造
- 点击识别 — 点击任意钢筋,即时显示钢筋详细信息(等级、直径、位置、角色)
- 剖切视图 — 沿构件任意位置剖切,查看截面配筋
- 22G101-1 平法标注 — 完整支持柱纵筋分项标注(角筋/b边中部筋/h边中部筋)和箍筋类型编号(A/B/C/D/E/F型)
- 标注自动解读 — 输入平法标注,自动解析钢筋等级、直径、间距、肢数
- AI 平法助手 — 接入 DeepSeek / 通义千问 / Kimi,随时提问构造问题,支持自然语言生成配筋
- 截面配筋图 — 同步生成 2D 截面示意图,按角色着色标注
- 规范合规检查 — 自动校验配筋率、最小直径、箍筋间距等规范要求
| 构件 | 编号 | 说明 |
|---|---|---|
| 框架梁 | KL | 集中标注、原位标注、支座负筋、箍筋加密区、22G101 端锚构造 |
| 框架柱 | KZ | 22G101-1 分项标注(角筋/中部筋)、箍筋类型编号(A-F型)、加密区、搭接区域 |
| 楼板 | LB | X/Y 向底筋、面筋、分布筋双向配筋 |
| 梁柱节点 | Joint | 节点核心区构造、梁筋锚固、节点区箍筋加密 |
| 剪力墙 | Q | 竖向/水平分布筋、约束边缘构件 |
| 楼梯 | AT/BT | 梯板配筋、平台筋、分布筋 |
| 独立基础 | DJ | 单柱/双柱基础、底筋/顶筋、柱插筋 |
| 承台 | CT | 多桩承台、底筋配置、桩位布置 |
| 筏板基础 | FB | 柱网布置、底筋/顶筋、柱插筋 |
# 安装依赖
npm install
# 启动开发服务器
npm run devAI 助手需要配置 API Key,Key 仅保存在浏览器本地,不会上传服务器。
在应用内点击左侧导航栏「设置」,添加以下任意一个服务商的 API Key:
| 服务商 | 获取地址 |
|---|---|
| DeepSeek | https://platform.deepseek.com/api_keys |
| 通义千问 | https://dashscope.console.aliyun.com/apiKey |
| Kimi | https://platform.moonshot.cn/console/api-keys |
- Next.js 15 + React 19
- Three.js + @react-three/fiber
- Tailwind CSS v4
- Lucide Icons
CC BY-NC 4.0 — 署名-非商业性使用 4.0 国际
Copyright © 2025 BruceLee1024
本项目基于 Creative Commons Attribution-NonCommercial 4.0 International 许可证发布。
你可以自由地:
- 分享 — 以任何媒介或格式复制、发行本作品
- 演绎 — 修改、转换或以本作品为基础进行创作
但须遵守以下条件:
- 署名 — 必须注明原作者(BruceLee1024)及来源链接
- 非商业性使用 — 不得将本作品用于商业目的,包括但不限于销售、付费服务、商业培训等
- 相同方式共享 — 若对本作品进行演绎,须以相同许可证发布
仅供学习参考,计算结果不作为工程设计依据。