20261102 tvt.js 动态组件服务更新通告

⚡ 开源动态组件服务更新

dynamic-component-service 是 tvt.js 生态下的动态组件发布、加载与调试服务，可与 tvt.js、区域场景编辑器及 GIS 地图编辑器配合使用。

• 项目地址：gitee.com/ice-gl/dynamic-component-service
• 在线预览：dcser.icegl.cn
• 使用文档：动态组件服务介绍

本次整理 2026 年 4 月 8 日至 10 月 27 日的仓库更新，新增 28 个组件演示，覆盖元素卡片、三维图表、场景模型、动态特效与地图投影。

✨ 新增组件

元素卡片

1、新增 元素卡片 · 火焰 Ember

• 白热火冠、卷曲火舌与火星共同组成火焰单卡，可调整火焰高度、宽度、流速和亮度。
• 在线演示

2、新增 元素卡片 · 太阳 Solar

• 以日冕、金色光束和漂移光环呈现太阳能量，可调整光束数量、长度、日冕亮度与速度。
• 在线演示

3、新增 元素卡片 · 风流 Breeze

• 青色流线与粒子构成有纵深的风场，可调整流速、尾迹、扩散和风线间距。
• 在线演示

4、新增 元素卡片 · 花瓣 Bloom

• 莲花形花瓣逐层展开，配合亮边、花瓣碎屑和心形粒子，支持调节展开、卷曲与动画速度。
• 在线演示

三维图表

5、新增 霓虹立体环形图

• 通透的三维环形图支持按数据设置扇区占比、颜色和高度，并可调整圆角、反射、磨砂与统计卡片。
• 在线演示

6、新增 流光立体面积图

• 多系列渐变面积曲面搭配玻璃侧面与峰值卡片，可通过 JSON 配置分类、数值和颜色。
• 在线演示

7、新增 艺术三维饼图

• 立体饼图支持通过 JSON 更新数据，并可调整渐变色系等视觉参数。
• 在线演示

8、新增 圆形动态粒子图表

• 发光粒子排列为圆形图表，配合扫描动画、中心标题和单位文字，适合数据展示。
• 在线演示

模型、场景与材质

9、新增 IsoGlowModel 三维模型风格化

• 对 GLB 模型提供 ISO-GLOW、工程蓝图和 X-Ray 三种风格，可调整颜色、透明度和发光，关闭后恢复原始材质。
• 在线演示

10、新增 GNM 参数化人头

• 支持通过参数调整人头身份、表情、头部与眼睛姿态，以及皮肤透明度和解剖部位显隐。
• 在线演示

11、新增 模型生三维粒子器

• 加载 GLB 模型后对网格表面采样，生成随风飘动的粒子和拖尾效果，支持 DRACO 压缩模型。
• 在线演示

12、新增 高级动态草地

• 起伏地形、动态风场、草叶与程序化野花组合为可调节的草地场景。
• 在线演示

13、新增 芯片地板

• 以电路与芯片纹理构成科技感地面，适合科技场景和展示空间。
• 在线演示

14、新增 机械科技地面

• 由模型模块拼接形成机械地面，保留模型纹理，可用于科技空间和工业场景。
• 在线演示

15、新增 dom-canvas

• 将 HTML 内容转换为场景中的 Canvas 纹理平面，支持透明背景、深度遮挡和普通元素的模糊效果。
• 在线演示

16、新增 献花卡片

• 纪念主题卡片结合红色镭射、五角星压纹和寄语，适合纪念展示场景。
• 在线演示

动态特效

17、新增 喷火组件

• 沿指定方向呈现喷射火焰，可调整长度、扰动和颜色渐变。
• 在线演示

18、新增 三维流体火焰

• 基于 GPU 体积模拟生成三维火焰，可调整颜色和模拟质量相关参数。
• 在线演示

19、新增 光速护盾展开

• 展示能量核心与护盾展开效果，可用于防护罩和技能演示。
• 在线演示

20、新增 聚能光球汇聚

• 光球与粒子由周围向中心汇聚，可调节光球、粒子和播放过程。
• 在线演示

21、新增 充能爆裂环

• 以运动的发光圆环构成充能与发射特效。
• 在线演示

22、新增 充能爆裂炮弹

• 带光球和拖尾的运动炮弹，可用于技能发射表现。
• 在线演示

23、新增 充能爆裂释放

• 将爆裂环与炮弹组合，形成完整的释放特效。
• 在线演示

24、新增 魔法炫光技能

• 从散射光叶逐渐汇聚为能量环和核心光球，支持自动播放与手动进度。
• 在线演示

地图与视频投影

25、新增 公交线网

• 基于 GeoJSON 数据展示三维公交线路，支持分层高度、采样和脉冲效果，并适配 GIS 编辑器。
• 在线演示

26、新增 光晕线

• 使用 GeoJSON 数据生成发光线网，可用于道路、轨迹等地图场景。
• 在线演示

27、新增 视频 2D 投射

• 通过视频纹理将画面投射到视锥远端平面，用于展示二维视频投射效果。
• 在线演示

28、新增 三维视频投影

• 视频可贴合墙面、地面和立体模型，并处理遮挡；可选择宿主场景中的接收目标。
• 在线演示

🔧 组件与服务优化

1、流动烟雾效果优化

• 调整烟雾组件效果，可设置密度、颜色、方向、扩散、透明度和粒径等参数。
• 在线演示

2、地图和编辑器适配

• 公交线网增加远程数据地址，并优化线宽调节和 GIS 编辑器适配。
• 能量爆裂系列完善组件通用性，修复释放组件在编辑器中无法移动的问题。

3、模型加载与组件资源

• 模型粒子器支持本地 DRACO 解码资源，并完善模型加载和粒子效果。
• 修复视频 2D 投射、光晕线等组件的资源引用。

4、预览体验

• 更新组件目录页面和组件预览效果，提供搜索、主题切换与组件信息。
• 目录预览支持静态封面与悬停动图，方便在进入演示前浏览效果。
• 部分组件补充动作按钮，可从参数面板触发对应操作。

整理依据：项目截至 2026-10-27 的 Git 提交和组件注册配置；