程序员给老婆做的礼物，最后登上了 HDC 星光大道

收到 HDC 2026 星光大道入选通知的那一刻，我和老婆下意识握紧了对方的手。我们这对夫妇联手打造的鸿蒙应用「爱豆AI图纸」，凭借 AI 驱动的图纸生成能力和对鸿蒙生态的深度适配，从众多参赛作品中脱颖而出，拿到了那张通往大会现场的入场券。看着"恭喜入选"几个字，我脑子里闪过的却是几个月前那个再朴素不过的念头——我只是想帮她解决"找图难"的困扰。

我老婆是个手工技能拉满的设计师，唯独被找图劝退：网上素材众多，她想给自家宠物定制专属拼豆，找图找到心力交瘁。我看在眼里，直接掏出DevEco Studio，在 AI 的助力下三下五除二给她整出一个拼豆图纸神器，想拼啥就拼啥，从此告别搜图焦虑。爱豆AI图纸 App，就这样从我们手里诞生。

图1：入选HDC 2026 星光大道 官方给我们制作了宣传海报

爱豆AI图纸——应用介绍

「爱豆AI图纸」是我们两人一起攒出来的，采用仓颉 & ArkTS & C++ 三语言架构：ArkTS 负责 UI 与业务逻辑，仓颉承担图像与物理算法，C++ 处理 3D 渲染与 AR 重建，通过鸿蒙 NAPI 与仓颉 ark_interop 桥接。目前已迭代至 1.1.0 版本，在未来我们希望加上折纸等其它手工艺术。对我们来说，爱豆AI图纸的意义很单纯 —— 让每一个想法都能变成一件可以动手做出来的作品。

图2：爱豆AI图纸功能速览

像素工坊 —— AI 驱动的全链路图纸生成

从照片到可执行拼豆图纸，是我们完整打通的一条技术链路。用户上传图片后，唤起小艺智能体"小维像素化"（kit.AgentFrameworkKit），用自然语言将照片转为像素画风格；再进入我们设计的专业编辑器做主体抠图、像素解析、尺寸压缩；最后根据拼豆板尺寸、色系参数生成实际可制作的图纸。

图3：制图流程（智能体风格转换→图像编辑→难度确认→生成图纸）

主体抠图集成了华为视觉主体分割服务（hms.ai.vision.subjectSegmentation）；像素解析、调色板映射、图像压缩等核心算法全部由我们用仓颉实现，通过 ark_interop 以动态库形式供 ArkTS 调用，支持同步与 spawn 异步两种模式。仓颉的原生性能让计算密集型算法在移动端获得了接近 C++ 的执行效率，同时享有更安全的内存管理。

创作中枢 —— 不止于拼豆的编辑矩阵

我们给爱豆AI图纸配了一套完整的编辑工具：图纸逆向功能可将现有拼豆图纸反向还原为可编辑像素画；专业图像编辑器基于 RenderNode + NodeController 自定义绘制管线，实现高帧率像素级渲染；魔棒选区（仓颉侧容差扩散 + 连通域算法）、油漆桶填充（TaskPool 多线程并发）等桌面级工具被我们搬到了手机上；3D 拼豆逐步预览基于 kit.ArkGraphics3D 的 Component3D + Scene 构建，用户可以像跟着流程演示一样逐步完成实体制作，大幅降低新手拼错、返工的概率。

图4：专业像素画编辑器（平板端、手机端）

灵动视界 —— 原生能力重塑交互体验

我们不想简单的把网页端搬到手机上，而是期望借助HarmonyOS能力重塑用户的交互体验。一笔成形集成了 kit.Penkit 的 InstantShapeGenerator，让手指抖动也能画出平滑直线；智感握姿让左右手持机时参数控件自动落在顺手位置；碰一碰和隔空投送通过 kit.ShareKit 的 harmonyShare 实现近场分享。对我们而言，拼豆天然带有展示和交流属性，分享不是附属功能，而是创作链路的一部分。

图5：鸿蒙特性"智感握姿"

体素工坊 —— 从真实物体到手工作品

最新的体素分支是我们正在探索的新方向，把 AR 空间重建引入手工艺。C++ 层基于 OpenGL ES 3.0 构建 3D 渲染管线，集成 Poisson 表面重建与 Marching Cubes 算法，通过 NAPI 向 ArkTS 暴露 AR 能力，支撑真实物体 3D 扫描与体素化——用户扫描身边小物件，即可生成可逐层拼搭的体素图纸。我们还引入了 bgfx4cj（基于 bgfx 迁移到仓颉侧的开源项目）跨平台渲染库，为后续 3D 渲染管线迁移至仓颉侧做准备。

图6：团队为仓颉迁移的跨平台渲染库 bgfx4cj

应用开发阶段

爱豆AI图纸最初是我做的网页端应用，不过借助 AI 的力量，它经历了数个阶段的加速迭代，我们在一步步把它打磨成易用、好用的鸿蒙应用。

阶段一：AI 加速的网页到鸿蒙应用迁移

拼豆图纸需要把每个像素点放大并绘制颜色编号，图纸越复杂信息越多。网页端内存、性能受限，容易出现因内存不足而无法渲染的问题。而鸿蒙应用以本地 Native 的方式处理计算，加上跨线程并行处理和算法层面的优化，自然上限远高于浏览器环境。

意识到网页的局限性后，我们借助 AI 能力把网页端 HTML/CSS/JS 快速迁移到 ArkTS 和仓颉。CangjieSkills、ArkTS Syntax Assistant、HarmonyOS Agent Skills 在这个过程中帮了大忙——它们不是零散 Skill 集合，而是为 AI 打造的鸿蒙应用迁移工具链：先理解网页端 UI 结构和功能逻辑，再通过文档检索边学边用仓颉和 ArkTS，自动生成原生代码并完成编译调试。正是这套 AI 驱动的工作流，让我们两人在极短时间内完成了从 Web 到鸿蒙原生应用的跨越。

阶段二：数月打磨，从"跑起来"到"好用"

迁移只是开始。从跑通核心流程到发布 1.1.0，我们又花了数月进行功能增加和鸿蒙特性适配。

在技术层面，我们做了深度优化，最终决定由仓颉承担图像处理（自动抠图、魔棒选取、物理分析等）、像素化算法、图纸逆向、颜色映射等计算密集型工作，充分利用用户态线程高并发处理；C++ 负责图像深度处理、网格重建、模型优化、语义稠密重建等深度 3D 算法；ArkTS 负责上层 UI 渲染和交互，通过 NAPI 调用仓颉和 C++ 能力。

移动端开发专业级图像编辑器挑战巨大，尤其是把 PC 端魔棒等复杂工具搬到手机时运算量暴涨。好在我们通过 DevEco Testing 快速定位了性能瓶颈，把复杂像素运算逻辑拆解并迁移到仓颉，解决了大图崩溃和卡死问题。

图7：DevEco Testing 测试工具

阶段三：体素艺术——voxel 分支的新篇章

如果说 1.1.0 是"把平面设计做好"，那 voxel 分支就是我们"去做 2D 做不到的事"的尝试。

体素（Voxel）是三维空间中的像素。拼豆是二维像素画的实体化，体素艺术则是三维像素的实体化——将现实物体扫描成 3D 模型，再转换成可纸张拼装、折叠的立体图纸。爱豆AI图纸正在开发的体素艺术分类正沿此方向前进。

我们已经跑通了完整技术管线：通过 AR 引擎扫描现实物体生成点云，重建为三角网格模型，将其离散化为体素网格，最后展开生成适合打印剪裁的纸张图纸。想象一下，拿起手机扫描桌上杯子，几分钟后，一份可打印、剪裁、拼装的立体纸模型图纸就出现在屏幕上——这正是我们正在鸿蒙上实现的事。

图8：开发中的高斯泼溅建模、体素化与模型图纸生成

从一颗豆子到一座纸模

爱豆AI图纸从拼豆切入，但我们并未止步于此。短期内，我们会继续完善 AI 工作流与图纸广场；长远来看，我们想把图纸能力扩展到折纸、剪纸等更多手工艺类型，让用户更容易把想法变成实体作品。从网页代码到鸿蒙原生应用，从 AI 辅助迁移到体素艺术探索——这是我们的故事，一个关于"小团队如何借助 AI 和鸿蒙生态做出实用产品"的故事。而故事最精彩的部分，或许正等待更多创作者来续写。

对我们来说，这次经历最大的感受是：在 AI 的时代里，可行的想法与创意真的可以被快速落地。如果你也有好的创意，不妨试试和 AI 组队，加入到鸿蒙生态中来！

图9：团队成员 HDC 2026 现场记录

最后的最后，欢迎大家下载体验「爱豆AI图纸」App，并登录GitCode官网搜索“Cangjie-SIG/CangjieSkills”、“SummerKaze/skill-arkts-syntax-assistant”、“HarmonyOS_Skills/harmonyos-agent-skills”了解更多技术信息。