#特色-灯带涂抹

#功能介绍

• 灯带涂抹能力主要用于灯带品类，允许用户自定义的去给灯带进行上色，丰富灯带的可玩性。
• 涂鸦彩光 DP 色值采用 HSV 颜色模型，通过面板下发 HSV 模型颜色对应的字符串值。
  1. 色调（H） 色调调节范围：0-360，面板下发的值的范围0-360，色环调节范围和面板下发的值为线性对应关系。
  2. 饱和度（S） 饱和度调节范围：0%-100%，面板下发的值的范围0-1000，色环调节范围和面板下发的值为线性对应关系。
  3. 明度（V） 明度调节范围：1%-100%，面板下发的值的范围10-1000，色环调节范围和面板下发的值为线性对应关系。
• 彩光支持展示：
  1. 三路
  2. 四路
  3. 五路

#DP 协议

---

---

• paint_colour_data DP 详情

• 白光模式：

• 彩光、色卡模式：

• 组合模式

#如何开发

• 灯带组件实现参考
  • 安装后在 node_module/@ray-js/lamp-strip-light-smear/src/README.md 中描述了具体实现的逻辑
• 根据 UI 交互进行 DP 的监听上报与下发
  • 具体监听与下发示例

#注意事项

• 涂抹灯带的ui实现:
  1. 小程序中可以使用 Canvas/SVG + 碰撞💥检测来实现。
  2. 在 RN 中则是使用对应的图片然后动态修改颜色以及其渐变色实现。
• 灯带状态与设备状态同步问题
  1. 因为 DP 点只保存最近一次涂抹的数据，白光与彩光的数据需要放在云端存储（推荐分开存储），来同步面板与设备的状态
  2. 按键或遥控器操作灯具时，监听 DP 状态同步

#相关物料

• 【功能页】：无
• 【组件】：
  1. 灯带组件
• 【教程】：
  1. 灯带模板教程
• 【SDK】：无
• 【API】：无