- 引言在现代游戏开发中，光照与阴影系统是构建逼真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这个组件来进行动态标签页的展示，在实现动态导航切换的同时，还可以实现页面的动态切换。博客首先讲解了如何进行页面的扩展，然后通过实际编码以实例的形式进行展示如何实现。
- 本文以Canvas为基础，支持多时区的多时钟的动态Web展示为例实现一种在Html5上的电子钟展示方法。通过本文可以了解Canvas的详细用法，掌握基本的文本绘制、样式控制、属性管理的基本知识。 本文以Canvas为基础，支持多时区的多时钟的动态Web展示为例实现一种在Html5上的电子钟展示方法。通过本文可以了解Canvas的详细用法，掌握基本的文本绘制、样式控制、属性管理的基本知识。
- 本文重点讲解如何在Leaflet组件中集成wheelnav。文章首先介绍了在Leaflet组件中集成wheelnav的两种错误方式，同时给出了正确的集成方式，也给出了详细的代码。然后在leaflet当中详细介绍了怎么给不同的空间对象，如点、线、面来设置不同样式的wheelnav组件，相信大家看罢一定有所收获。 本文重点讲解如何在Leaflet组件中集成wheelnav。文章首先介绍了在Leaflet组件中集成wheelnav的两种错误方式，同时给出了正确的集成方式，也给出了详细的代码。然后在leaflet当中详细介绍了怎么给不同的空间对象，如点、线、面来设置不同样式的wheelnav组件，相信大家看罢一定有所收获。
- 本文详细介绍leaflet-canvas-label的属性以及事件，首先介绍它的参数列表，然后根据不同的属性进行实例的讲解，最后给出一个完整的演示示例。通过本文您可以掌握leaflet-canvas-label的个性化标注如何实现，包括自定义颜色、字体大小、标注方向、事件的绑定，如何解决标注边界被截断的问题。 本文详细介绍leaflet-canvas-label的属性以及事件，首先介绍它的参数列表，然后根据不同的属性进行实例的讲解，最后给出一个完整的演示示例。通过本文您可以掌握leaflet-canvas-label的个性化标注如何实现，包括自定义颜色、字体大小、标注方向、事件的绑定，如何解决标注边界被截断的问题。
- 本文首先阐述Leaflet中SVG和Canvas两种模式的原理和Leaflet的相关架构，然后通过实例对比marker的不同规模生成对机器的资源占用，最后使用基于Canvas的技术实现了5W-10W级的点数据展示。 本文首先阐述Leaflet中SVG和Canvas两种模式的原理和Leaflet的相关架构，然后通过实例对比marker的不同规模生成对机器的资源占用，最后使用基于Canvas的技术实现了5W-10W级的点数据展示。
- 概述InfiniteCanvas 是一个 Canvas 控件，它支持无限画布的滚动，支持 Ink，文本，格式文本，画布缩放操作，撤销重做操作，导入和导出数据。这是一个非常实用的控件，在“来画视频” UWP 应用的绘画功能中，也用到了这个控件，它对不同画笔的选择，橡皮擦，直尺和圆形尺，文字输入和字体选择等都提供了很便捷的支持，而且支持导入和导出数据，可以很方便的创作绘画作品，并能导出和分享给别... 概述InfiniteCanvas 是一个 Canvas 控件，它支持无限画布的滚动，支持 Ink，文本，格式文本，画布缩放操作，撤销重做操作，导入和导出数据。这是一个非常实用的控件，在“来画视频” UWP 应用的绘画功能中，也用到了这个控件，它对不同画笔的选择，橡皮擦，直尺和圆形尺，文字输入和字体选择等都提供了很便捷的支持，而且支持导入和导出数据，可以很方便的创作绘画作品，并能导出和分享给别...
- 作者：陈业贵 华为云享专家 51cto(专家博主 明日之星 TOP红人) 阿里云专家博主 <!DOCTYPE html> <html lang="en"> <he... 作者：陈业贵 华为云享专家 51cto(专家博主 明日之星 TOP红人) 阿里云专家博主 <!DOCTYPE html> <html lang="en"> <he...
- 作者：陈业贵 华为云享专家 51cto(专家博主 明日之星 TOP红人) 阿里云专家博主 <!DOCTYPE html> <html lang="en"> <he... 作者：陈业贵 华为云享专家 51cto(专家博主 明日之星 TOP红人) 阿里云专家博主 <!DOCTYPE html> <html lang="en"> <he...
上滑加载中
推荐直播
-
昇腾AI算法挑战赛-核心算子如何优化？专家带你深度解析2025/11/17 周一 16:00-17:00
王老师 华为算子专家
昇腾AI算法挑战赛进阶赛战鼓催征！本期直播间，我们特邀华为算子专家王老师，为你深度剖析Matmul、wholereducesum等核心算子的底层原理与优化技巧，直击赛题核心。想提升代码效率、冲击更高排名？锁定直播，带你破局！
回顾中 -
AI编码实干派，“码”力全开2026/02/26 周四 15:00-16:30
谈宗玮/于邦旭/丁俊卿/陈云亮/王一男
【中国，深圳，2026年2月26日】，以“AI编码实干派，码力全开”为主题的华为云码道（CodeArts）代码智能体新春发布会在线上成功召开。华为云码道公测版正式发布，为开发者和企业提供具备工程化能力的智能编码解决方案。
回顾中 -
华为云码道-玩转OpenClaw，开启在线养虾模式2026/03/11 周三 19:00-20:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中
热门标签