# 建筑采光模拟工具Building Sunlight Simulator

*Published:* 2026-01-26
*Author:* 客服001

#### 温馨提醒

如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢

本文最后更新于2026年1月26日，已超过 180天没有更新



Building Sunlight Simulator 是一套基于 Web 技术的楼盘规划与采光模拟工具。

[![](https://www.xarjtc.com/wp-content/uploads/2026/01/793eaf669ac6ad6.webp)](https://www.xarjtc.com/wp-content/uploads/2026/01/793eaf669ac6ad6.webp)

它允许用户直接在浏览器中通过规划图(JPG/PNG)绘制建筑轮廓，生成 3D 场景，并结合地理纬度和太阳轨迹算法，对目标建筑进行精确的日照遮挡分析。项目纯前端实现，无后端依赖，支持离线使用。

📖 使用流程

流程：规划图配置 (Editor) ➜ 导出 JSON ➜ 采光分析 (Viewer)

Step 1: 制作数据 (editor.html)

打开 editor.html，将平面的规划图转化为 3D 模拟所需的 JSON 数据。

上传底图：支持 JPG/PNG 格式的规划图或总平图。

标定比例：在图上选取已知距离的两点(如标尺)，输入实际距离(米)。

绘制楼栋：左键点击描点，双击闭合生成轮廓。

设置属性：选中楼栋，设置层数、层高、地理位置等参数。

导出配置：点击保存，生成配置文件(默认为 data.json)。

Step 2: 模拟分析 (index.html)

打开 index.html，进行 3D 可视化分析。

导入数据：点击按钮加载上一步导出的 JSON 文件(或使用仓库内的 examples/sample.json 进行测试)。

调整环境：选择预设城市或手动输入纬度，切换日期(冬至/夏至)。

观察阴影：拖动时间滑块，观察目标楼层的日照遮挡情况。

GitHub地址：https://github.com/SeanWong17/building-sunlight-simulator