- 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引擎中创建具有真实感的光照效果和动态阴影。光照不仅决定了场景的视觉基调，还能引导玩家注意力、营造氛围、增强游戏的真实感。阴影则提供了物体间的空间关系信息，是深度感知和场景可信度的关...
- 一、引言在金融投资领域，股票行情的实时性与准确性是投资者决策的核心依据。随着移动互联网的发展，投资者对股票行情应用的需求已从“基础数据展示”升级为“实时动态更新+可视化分析+智能提醒”的综合体验。鸿蒙操作系统（HarmonyOS）凭借其 低延迟通信能力、高性能图形渲染 和 分布式数据同步 特性，为构建实时股票行情应用提供了独特优势。本文聚焦于鸿蒙股票行情应用的两大核心... 一、引言在金融投资领域，股票行情的实时性与准确性是投资者决策的核心依据。随着移动互联网的发展，投资者对股票行情应用的需求已从“基础数据展示”升级为“实时动态更新+可视化分析+智能提醒”的综合体验。鸿蒙操作系统（HarmonyOS）凭借其 低延迟通信能力、高性能图形渲染 和 分布式数据同步 特性，为构建实时股票行情应用提供了独特优势。本文聚焦于鸿蒙股票行情应用的两大核心...
- 一、项目概述本项目旨在创建一个高度可定制的恋爱时间倒计时网页，支持纪念日日期设置、背景主题切换、个性化文案定制等功能，并通过localStorage保存用户配置。技术栈将采用HTML5、Tailwind CSS v3和原生JavaScript，结合Canvas粒子动画实现视觉吸引力。 二、核心功能设计双模式计时系统正计时：记录恋爱天数（支持精确到秒级更新）倒计时：重要纪念日提醒（如100天... 一、项目概述本项目旨在创建一个高度可定制的恋爱时间倒计时网页，支持纪念日日期设置、背景主题切换、个性化文案定制等功能，并通过localStorage保存用户配置。技术栈将采用HTML5、Tailwind CSS v3和原生JavaScript，结合Canvas粒子动画实现视觉吸引力。 二、核心功能设计双模式计时系统正计时：记录恋爱天数（支持精确到秒级更新）倒计时：重要纪念日提醒（如100天...
- 鸿蒙应用头像圆形裁剪功能1. 引言在社交、通讯、电商等鸿蒙应用中，用户头像的圆形裁剪是提升界面美观度的常见需求。本文将深入解析鸿蒙（HarmonyOS）中实现头像圆形裁剪的技术原理，涵盖图像处理、交互设计和性能优化策略，并提供完整的代码实现方案，帮助开发者快速集成这一功能。2. 技术背景2.1 鸿蒙图像处理的核心组件Image组件：用于显示图片的基础组件，支持... 鸿蒙应用头像圆形裁剪功能1. 引言在社交、通讯、电商等鸿蒙应用中，用户头像的圆形裁剪是提升界面美观度的常见需求。本文将深入解析鸿蒙（HarmonyOS）中实现头像圆形裁剪的技术原理，涵盖图像处理、交互设计和性能优化策略，并提供完整的代码实现方案，帮助开发者快速集成这一功能。2. 技术背景2.1 鸿蒙图像处理的核心组件Image组件：用于显示图片的基础组件，支持...
- 本文深入探讨HTML5 Canvas小游戏中角色动画与碰撞检测的深层构建逻辑。角色动画通过关键帧拆解、分层设计及动态参数调整，让像素模拟出富有韵律的生命运动，如拆分角色部位实现差异化动作、依据状态改变动画速度。碰撞检测则通过构建碰撞体、空间分区及层级检测，精准判断角色空间关系，结合反馈设计传递碰撞的力度与意义。 本文深入探讨HTML5 Canvas小游戏中角色动画与碰撞检测的深层构建逻辑。角色动画通过关键帧拆解、分层设计及动态参数调整，让像素模拟出富有韵律的生命运动，如拆分角色部位实现差异化动作、依据状态改变动画速度。碰撞检测则通过构建碰撞体、空间分区及层级检测，精准判断角色空间关系，结合反馈设计传递碰撞的力度与意义。
- 本文聚焦Canvas绘制10万条动态线段时的帧率暴跌问题，深入解析离屏渲染的解决方案。常规渲染因高频实时绘制易超屏幕刷新时间窗口，导致卡顿。离屏渲染通过独立缓冲区预先绘制完整帧，再一次性输出到屏幕，减少实时绘制次数，利用GPU并行计算提升效率。文中还介绍了缓冲区规划、缓存机制、双缓冲协调等应用策略，以及应对资源消耗、上下文切换等挑战的方法，为前端开发者处理复杂图形绘制提供了关键技术指引。 本文聚焦Canvas绘制10万条动态线段时的帧率暴跌问题，深入解析离屏渲染的解决方案。常规渲染因高频实时绘制易超屏幕刷新时间窗口，导致卡顿。离屏渲染通过独立缓冲区预先绘制完整帧，再一次性输出到屏幕，减少实时绘制次数，利用GPU并行计算提升效率。文中还介绍了缓冲区规划、缓存机制、双缓冲协调等应用策略，以及应对资源消耗、上下文切换等挑战的方法，为前端开发者处理复杂图形绘制提供了关键技术指引。
- canvas篇 canvas篇
- 本文重点讲解在Html5中如何结合Wheelnav这个组件来进行动态标签页的展示，在实现动态导航切换的同时，还可以实现页面的动态切换。博客首先讲解了如何进行页面的扩展，然后通过实际编码以实例的形式进行展示如何实现。 本文重点讲解在Html5中如何结合Wheelnav这个组件来进行动态标签页的展示，在实现动态导航切换的同时，还可以实现页面的动态切换。博客首先讲解了如何进行页面的扩展，然后通过实际编码以实例的形式进行展示如何实现。
上滑加载中
推荐直播
-
华为云码道 × 仓颉编程：工程化AI编码探索2026/05/27 周三 19:00-21:00
刘俊杰-华为云仓颉语言专家/李炎-华为云码道技术专家/王智鹏-OpenCangjie开源社区发起人
本场直播围绕华为云仓颉语言与华为云码道的深度结合，展示华为云智能编程从零基础到高效落地的完整生态能力。以华为云码道为引擎，仓颉语言为载体，带给大家日常提效、趣味创新到极速量产的开发体验。
回顾中 -
一个AI团队帮你写代码：华为云码道Agent Space实战2026/06/25 周四 19:00-21:00
张翰文-华为云码道工程师/郭英旭-青软创新科技集团股份有限公司 软件架构师
本场直播聚焦华为云码道Agent Space两大模式：研发办公、代码开发，亲身体验从需求到代码的AI自动化能力。实操演示基于华为 CodeArts CLI，依托 OpenSpec 规格体系从零搭建业务项目。
即将直播
热门标签