- 从零到一：用纯前端实现监控摄像头安装位置智能标注工具作者：Eddygit | 日期：2026-08-31 | 标签：前端开发, Canvas, 安防, 启发式算法, 华为云DevSpace 前言最近在华为云开发者训练营中，我接到一个有趣的题目：“识别图片自动在上面P一个监控安装合理位置”。说白了，就是用户上传一张房间或场地的照片，工具自动分析并在图片上标注出建议安装监控摄像头的位置。这个需... 从零到一：用纯前端实现监控摄像头安装位置智能标注工具作者：Eddygit | 日期：2026-08-31 | 标签：前端开发, Canvas, 安防, 启发式算法, 华为云DevSpace 前言最近在华为云开发者训练营中，我接到一个有趣的题目：“识别图片自动在上面P一个监控安装合理位置”。说白了，就是用户上传一张房间或场地的照片，工具自动分析并在图片上标注出建议安装监控摄像头的位置。这个需...
- HarmonyOS开发：2D游戏开发——Canvas游戏循环与精灵动画📌 核心要点：2D游戏的核心就是"画、算、画"——每帧算位置、画画面，精灵动画是让2D游戏活起来的关键，帧动画+碰撞检测是2D游戏开发的三大件。 背景与动机你有没有玩过那种2D小游戏——飞机大战、跑酷、消消乐？看起来简单对吧？但你真上手写一个，就会发现一堆问题：画面怎么刷新？角色怎么动？动画怎么播？两个东西撞上了怎么判... HarmonyOS开发：2D游戏开发——Canvas游戏循环与精灵动画📌 核心要点：2D游戏的核心就是"画、算、画"——每帧算位置、画画面，精灵动画是让2D游戏活起来的关键，帧动画+碰撞检测是2D游戏开发的三大件。 背景与动机你有没有玩过那种2D小游戏——飞机大战、跑酷、消消乐？看起来简单对吧？但你真上手写一个，就会发现一堆问题：画面怎么刷新？角色怎么动？动画怎么播？两个东西撞上了怎么判...
- 基于HarmonyOS 7.0 跨端开发的游戏化技能树点亮页面实战 前言游戏化学习类应用借鉴游戏的技能树、等级、经验值机制，把枯燥的学习变成升级打怪般的成就之旅。技能树点亮就是典型：它把学习路径设计成一棵技能树，已掌握的节点点亮、学习中的高亮、未解锁的灰暗，配合等级和经验值激励进步。本文以一个真实的游戏化技能树点亮页面（入口类 SearchPage）为样本，深入剖析它如何在 Flutter... 基于HarmonyOS 7.0 跨端开发的游戏化技能树点亮页面实战 前言游戏化学习类应用借鉴游戏的技能树、等级、经验值机制，把枯燥的学习变成升级打怪般的成就之旅。技能树点亮就是典型：它把学习路径设计成一棵技能树，已掌握的节点点亮、学习中的高亮、未解锁的灰暗，配合等级和经验值激励进步。本文以一个真实的游戏化技能树点亮页面（入口类 SearchPage）为样本，深入剖析它如何在 Flutter...
- 基于HarmonyOS 7.0 跨端开发的跳伞记录Canvas轨迹绘制与自由落体数据分析及日志追踪实战 前言跳伞（Skydiving）被称为"极限运动之王"，它将人类对自由的终极渴望与精密的工程技术完美结合在一起。从数千米高空跃出机舱的那一刻起，跳伞者将在约一分钟的自由落体中体验时速超过200公里的极致速度感，随后开伞滑翔缓缓降落至地面。每一次跳伞都是一组丰富数据的集合——跳出高度、自由落... 基于HarmonyOS 7.0 跨端开发的跳伞记录Canvas轨迹绘制与自由落体数据分析及日志追踪实战 前言跳伞（Skydiving）被称为"极限运动之王"，它将人类对自由的终极渴望与精密的工程技术完美结合在一起。从数千米高空跃出机舱的那一刻起，跳伞者将在约一分钟的自由落体中体验时速超过200公里的极致速度感，随后开伞滑翔缓缓降落至地面。每一次跳伞都是一组丰富数据的集合——跳出高度、自由落...
- 基于HarmonyOS 7.0 跨端开发的飞镖训练Canvas靶盘绘制与501精准计分系统开发实战 前言飞镖运动作为一项融合技巧、专注力与数学计算的经典竞技项目，其数字化训练工具的需求日益增长。本文将以 Flutter 为前端框架，结合 HarmonyOS 7.0 的跨端能力，从零构建一套完整的飞镖训练应用，涵盖标准靶盘的 Canvas 精确绘制、501 比赛模式的计分逻辑以及实时统计面板... 基于HarmonyOS 7.0 跨端开发的飞镖训练Canvas靶盘绘制与501精准计分系统开发实战 前言飞镖运动作为一项融合技巧、专注力与数学计算的经典竞技项目，其数字化训练工具的需求日益增长。本文将以 Flutter 为前端框架，结合 HarmonyOS 7.0 的跨端能力，从零构建一套完整的飞镖训练应用，涵盖标准靶盘的 Canvas 精确绘制、501 比赛模式的计分逻辑以及实时统计面板...
- Flutter 数字油画应用开发实战：Canvas 绘制与调色板交互 前言数字油画（Paint by Numbers）是一种将艺术创作数字化的休闲方式，用户根据编号区域选择对应颜色进行填色，最终完成一幅精美的画作。这种应用不仅能够帮助用户释放压力、培养耐心，还能让没有绘画基础的人体验到创作的乐趣。本文将基于 Flutter 框架，从零构建一个清新风格的「数字油画」应用，涵盖 Canvas ... Flutter 数字油画应用开发实战：Canvas 绘制与调色板交互 前言数字油画（Paint by Numbers）是一种将艺术创作数字化的休闲方式，用户根据编号区域选择对应颜色进行填色，最终完成一幅精美的画作。这种应用不仅能够帮助用户释放压力、培养耐心，还能让没有绘画基础的人体验到创作的乐趣。本文将基于 Flutter 框架，从零构建一个清新风格的「数字油画」应用，涵盖 Canvas ...
- HarmonyOS APP开发：绘图工具与图片编辑器实战📌 核心要点：从画笔渲染到图层系统，手把手打造一个功能完整的图片编辑器 一、背景与动机你有没有想过，手机上那些功能强大的图片编辑器——比如美图秀秀、Snapseed——它们背后的技术原理是什么？当你在屏幕上随手画下一笔，系统是如何把你的手指轨迹变成流畅的线条的？当你给照片加滤镜时，像素数据又是怎样被逐个变换的？这些问题，在Harmo... HarmonyOS APP开发：绘图工具与图片编辑器实战📌 核心要点：从画笔渲染到图层系统，手把手打造一个功能完整的图片编辑器 一、背景与动机你有没有想过，手机上那些功能强大的图片编辑器——比如美图秀秀、Snapseed——它们背后的技术原理是什么？当你在屏幕上随手画下一笔，系统是如何把你的手指轨迹变成流畅的线条的？当你给照片加滤镜时，像素数据又是怎样被逐个变换的？这些问题，在Harmo...
- HarmonyOS APP开发：Canvas实战项目——手绘白板应用📌 核心要点：基于HarmonyOS Canvas组件构建完整的手绘白板应用，涵盖笔触效果、撤销重做、导出分享等核心功能，打造流畅自然的绘画体验。 一、背景与动机你有没有这样的经历？开会时想随手画个流程图说明思路，却发现手边只有手机；给孩子讲数学题，想画个辅助线却找不到纸笔；灵感突然来了，想快速勾勒一个UI草图，却打开绘... HarmonyOS APP开发：Canvas实战项目——手绘白板应用📌 核心要点：基于HarmonyOS Canvas组件构建完整的手绘白板应用，涵盖笔触效果、撤销重做、导出分享等核心功能，打造流畅自然的绘画体验。 一、背景与动机你有没有这样的经历？开会时想随手画个流程图说明思路，却发现手边只有手机；给孩子讲数学题，想画个辅助线却找不到纸笔；灵感突然来了，想快速勾勒一个UI草图，却打开绘...
- HarmonyOS游戏开发：Canvas动画与游戏循环实现📌 核心要点：从Canvas动画原理到Game Loop架构设计，掌握requestAnimationFrame的精确使用、固定时间步长的游戏循环、状态驱动的动画管理，最终实现一个完整的2D小游戏——让动画从"能动"升级到"流畅"。 一、背景与动机“我的动画怎么一卡一卡的？”——这大概是HarmonyOS Canvas动画开发中被... HarmonyOS游戏开发：Canvas动画与游戏循环实现📌 核心要点：从Canvas动画原理到Game Loop架构设计，掌握requestAnimationFrame的精确使用、固定时间步长的游戏循环、状态驱动的动画管理，最终实现一个完整的2D小游戏——让动画从"能动"升级到"流畅"。 一、背景与动机“我的动画怎么一卡一卡的？”——这大概是HarmonyOS Canvas动画开发中被...
- HarmonyOS开发：Canvas性能优化与高效绘制策略📌 核心要点：从绘制调用优化、路径合并批处理、脏区域重绘到硬件加速，系统掌握Canvas性能优化的核心策略，让复杂绘制场景的帧率从30fps提升到稳定60fps。 一、背景与动机Canvas是HarmonyOS图形开发中最灵活也最容易"翻车"的组件。灵活在于——你可以用它在屏幕上画任何东西；容易翻车在于——稍不留神，性能就崩了。我... HarmonyOS开发：Canvas性能优化与高效绘制策略📌 核心要点：从绘制调用优化、路径合并批处理、脏区域重绘到硬件加速，系统掌握Canvas性能优化的核心策略，让复杂绘制场景的帧率从30fps提升到稳定60fps。 一、背景与动机Canvas是HarmonyOS图形开发中最灵活也最容易"翻车"的组件。灵活在于——你可以用它在屏幕上画任何东西；容易翻车在于——稍不留神，性能就崩了。我...
- HarmonyOS开发：高级绘制技术与复杂图形核心要点：掌握Canvas高级绘制API，实现贝塞尔曲线、渐变填充、路径组合、自定义形状等复杂图形绘制技术，提升应用视觉表现力。 一、背景与动机在HarmonyOS应用开发中，Canvas作为核心绘图组件，提供了强大的2D图形绘制能力。然而，实际开发场景中，简单的矩形、圆形绘制已无法满足日益增长的视觉需求。用户期望看到更流畅的曲线、更丰富的渐变... HarmonyOS开发：高级绘制技术与复杂图形核心要点：掌握Canvas高级绘制API，实现贝塞尔曲线、渐变填充、路径组合、自定义形状等复杂图形绘制技术，提升应用视觉表现力。 一、背景与动机在HarmonyOS应用开发中，Canvas作为核心绘图组件，提供了强大的2D图形绘制能力。然而，实际开发场景中，简单的矩形、圆形绘制已无法满足日益增长的视觉需求。用户期望看到更流畅的曲线、更丰富的渐变...
- HarmonyOS开发：粒子效果编辑器与可视化配置📌 核心要点：从零构建一个可视化粒子效果编辑器，实现粒子参数实时配置、效果预览调试与导出加载的完整工作流，让粒子效果开发从"盲调"走向"所见即所得"。 一、背景与动机做过游戏或者炫酷动效的同学，一定跟粒子效果打过交道。火焰、烟雾、流星雨、魔法光效……这些让人眼前一亮的视觉效果，背后都是粒子系统在撑场子。但问题来了——调粒子参数，简直是一场... HarmonyOS开发：粒子效果编辑器与可视化配置📌 核心要点：从零构建一个可视化粒子效果编辑器，实现粒子参数实时配置、效果预览调试与导出加载的完整工作流，让粒子效果开发从"盲调"走向"所见即所得"。 一、背景与动机做过游戏或者炫酷动效的同学，一定跟粒子效果打过交道。火焰、烟雾、流星雨、魔法光效……这些让人眼前一亮的视觉效果，背后都是粒子系统在撑场子。但问题来了——调粒子参数，简直是一场...
- HarmonyOS开发：目标检测YOLO模型端侧部署核心要点：本文系统讲解YOLO目标检测模型在HarmonyOS端侧的完整部署方案，包括YOLOv8模型转换、NMS后处理实现、多目标实时检测UI搭建，以及端侧检测的性能调优策略。 一、背景与动机你打开手机相机对准街景，屏幕上立刻出现一个个方框——“汽车”、“行人”、“交通灯”——每个方框旁边还标注了置信度。这就是目标检测，它和图像分类最大... HarmonyOS开发：目标检测YOLO模型端侧部署核心要点：本文系统讲解YOLO目标检测模型在HarmonyOS端侧的完整部署方案，包括YOLOv8模型转换、NMS后处理实现、多目标实时检测UI搭建，以及端侧检测的性能调优策略。 一、背景与动机你打开手机相机对准街景，屏幕上立刻出现一个个方框——“汽车”、“行人”、“交通灯”——每个方框旁边还标注了置信度。这就是目标检测，它和图像分类最大...
- 引言Cocos2d 支持将项目发布到 Web 平台，以 Canvas 或 WebGL 模式运行，实现跨浏览器、跨设备的 2D 游戏体验。Web 发布简化了分发流程，用户无需下载即可在线游玩。技术背景Cocos2d-JS / Cocos Creator：支持 JavaScript/TypeScript，可导出 HTML5 项目。渲染模式：Canvas：基于 2D 上下文绘制，兼容性高，性能较低... 引言Cocos2d 支持将项目发布到 Web 平台，以 Canvas 或 WebGL 模式运行，实现跨浏览器、跨设备的 2D 游戏体验。Web 发布简化了分发流程，用户无需下载即可在线游玩。技术背景Cocos2d-JS / Cocos Creator：支持 JavaScript/TypeScript，可导出 HTML5 项目。渲染模式：Canvas：基于 2D 上下文绘制，兼容性高，性能较低...
- 引言在现代游戏开发中，光照与阴影系统是构建逼真3D场景和实现沉浸式视觉体验的核心技术。随着Cocos2d-x从2D引擎向3D引擎的演进，以及Cocos Creator对3D功能的不断完善，开发者现在可以在Cocos引擎中创建具有真实感的光照效果和动态阴影。光照不仅决定了场景的视觉基调，还能引导玩家注意力、营造氛围、增强游戏的真实感。阴影则提供了物体间的空间关系信息，是深度感知和场景可信度的关... 引言在现代游戏开发中，光照与阴影系统是构建逼真3D场景和实现沉浸式视觉体验的核心技术。随着Cocos2d-x从2D引擎向3D引擎的演进，以及Cocos Creator对3D功能的不断完善，开发者现在可以在Cocos引擎中创建具有真实感的光照效果和动态阴影。光照不仅决定了场景的视觉基调，还能引导玩家注意力、营造氛围、增强游戏的真实感。阴影则提供了物体间的空间关系信息，是深度感知和场景可信度的关...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；蒋春阳-华为云AI开发者案例开发专家
本期直播内容： AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了：看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签