基于涂鸦 Ray 框架开发的 LED 像素屏控制小程序。用户可创作并向设备发送图片、文字、像素涂鸦和 GIF 动画,同时支持游戏控制、时钟/倒计时、音乐节奏和播放列表管理。
点击空白处退出提示
语言技术
HTML5、CSS、JavaScript、React、TypeScript系统类型
H5、小程序轻应用行业分类
智能硬件、物联网
基于涂鸦 Ray 框架开发的 LED 像素屏控制小程序。用户可创作并向设备发送图片、文字、像素涂鸦和 GIF 动画,同时支持游戏控制、时钟/倒计时、音乐节奏和播放列表管理。
基于涂鸦 Ray 框架开发的 LED 像素屏控制小程序。用户可创作并向设备发送图片、文字、像素涂鸦和 GIF 动画,同时支持游戏控制、时钟/倒计时、音乐节奏和播放列表管理。包括像素涂鸦绘画、逐帧动画创作、图片像素化推送、文字滚动显示、内置游戏(贪吃蛇/俄罗斯方块)、音乐律动、AI 对话生成图片
- 搭建页面、组件、Redux 状态、设备协议和传输层分层架构;项目包含 17 个页面、8 个状态切片、17 个设备 DP Schema 及 9 类协议格式化器,支持 32×32、16×64、16×96 等屏幕分辨率。
- 设计 BLE 大数据透传协议,单包采用「10B 包头 + 最多 1006B 载荷」格式,包含总长度、总包数、当前包号和分包长度等字段,支持设备端有序重组。
- 实现两类传输策略:关键小数据采用逐包 ACK 确认与重试;图片、动画等大数据采用前置快速发送、失败包集中补传的策略,在可靠性与传输效率之间取得平衡;发送前后通过 DP 与 BLE 回报形成双通道确认。
- 完成图像处理链路:图片选取、裁剪、缩放、Canvas 像素化、BMP24 / 私有协议编码及 BLE 下发;针对 GIF 实现多帧颜色量化与客户端编码,并支持帧间隔设置。
- 开发像素涂鸦能力,将 React 逻辑层、小程序组件层与 RJS Canvas 渲染层拆分;支持画笔、橡皮、填充、缩放拖拽、HiDPI 适配和笔画去重,导出 PNG Base64 与网格色彩数据。
- 针对实时同步避免触摸事件造成 BLE 拥塞:按笔画聚合变化区域,仅传输包围盒内的 1 bit 像素位图,并通过专用 DP 将颜色、区域和位图同步至设备。
- 以 MD5 作为内容唯一标识,结合节目 ID 池、引用计数和设备隔离存储管理多媒体资源与播放列表,支持内容去重、复用和持久化。
- 针对中文及多语言文本实现字符编码转换后下发设备,并完善中英文国际化文案。




评论