作为一款基于 Vue 3 + Three.js 构建的Web3D 场景编辑器，Astral 3D Editor 近期迎来重磅升级，正式推出全新参数化热力图渲染功能！
官网地址：www.astraljs.com/#/
视频教程：www.bilibili.com/video/BV17H…
💡 核心亮点速览
1. 拖拽即用，平面与 3D 高度热力图无缝切换
- 一键生成：在 Astral 3D 的资源中心扩展面板中，只需将热力图组件轻松拖拽至场景中，即可瞬间生成基础热力图。
- 双模式切换：通过右侧的属性面板，可以动态修改热力图类型，在平面热力图与高程（3D立体）热力图之间秒级切换，完美匹配不同的业务场景。
2. 细腻的视觉参数调节
Astral 3D 提供了极其丰富且直观的参数化配置面板，无需编写复杂的 Shader 即可动态调整：
- 尺寸控制：支持动态修改热力图的整体宽度和高度。
- 点位半径：轻松调整半径大小，控制单个热力点位的影响范围。
- 模糊度与透明度：通过模糊值控制热力点之间的平滑过渡半径；通过 Alpha 值精准掌控热力图最暗处与最亮处的透明度，让热力图与底层场景完美融合。
3. 高度自定义色阶与数据映射
- 个性化色彩：支持自定不同热力值对应的颜色。点击色阶右侧的“添加”按钮，即可自由创建新的色阶映射（例如：一键将特定区间的颜色改为科技蓝、警示红等）。
- 范围控制：可直接修改数据中的最大值和最小值，精准控制数据的整体映射范围，让数据趋势一目了然。
4. 动态数据管理
- 弹窗可视化编辑：点击最下方的数据输入框，会弹出直观的“数据点位修改”弹窗。
- 灵活增删改：开发者可以直接在弹窗内实时修改坐标与权重数据，或者直接粘贴/替换全部点位数据，极大地提升了动态数据对接和前后端联调的效率。
5. 专属 3D 高度热力图高级渲染
针对三维立体空间展示，Astral 3D 的高度热力图还特别提供了更高级的网格控制：
- 不仅拥有平面热力图的全部调节能力，还额外支持高度缩放、宽度分段以及高度分段的修改。
- 这些精细化的参数用来控制高度类地图的高度渲染，能让你的 3D 立体起伏更平滑、层次更丰富，带来震撼的立体空间视觉体验。
🛠 实际应用场景
- 智慧城市/园区：车流、人流密度热力分析。
- 智慧工业/机房：设备表面温度场、环境温湿度监控等。
