(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202211143575.X (22)申请日 2022.09.20 (71)申请人 北京优锘科技有限公司 地址 100015 北京市朝阳区酒仙桥路10号 82幢一层10 5室 (72)发明人 张骏逸　梁景裕　罗昌铭　羡婷　 张旭　 (74)专利代理 机构 北京安度修典专利代理有限 公司 11424 专利代理师 杨方成　马欢萍 (51)Int.Cl. G06F 9/451(2018.01) G06T 13/00(2011.01) (54)发明名称 一种图像动画控制方法 (57)摘要 本发明公开了一种图像动画控制方法， 涉及 可视化系统开发领域， 包括如下步骤： S1: 对隐藏 于屏幕并位于系统后台的特定图像本体进行持 续快照截 图； S2:对每张快照截图利用随时间变 化的修图程序进行实时处理； S3:将处理后的快 照截图实时传送至屏幕进行图像更新从而形成 动画。 本发明使得UI图表等特定图像的动画效果 更加多样， 且开发 成本低、 普适 性广。 权利要求书1页 说明书6页 附图6页 CN 115543503 A 2022.12.30 CN 115543503 A 1.一种图像动画控制方法， 其特 征在于， 包括如下步骤： S1:对隐藏于屏幕并位于系统后台的特定图像本体进行持续快照截图； S2:对每张快照截图利用随时间变化的修图程序进行实时处 理； S3:将处理后的快照截图实时传送至屏幕进行图像更新从而形成动画。 2.根据权利要求1所述一种图像动画控制方法， 其特征在于， 所述步骤还包括前置步骤 S0， S0包括： S01： 对屏幕所显示的特定图像进行初始快照截图； S02： 将所述初始快照截图替代所述特定图像显示于屏幕， 同时在屏幕上隐藏所述特定 图像本体。 3.根据权利要求1或2所述一种图像动画控制方法， 其特征在于， 所述特定图像为UI图 表。 4.根据权利要求1所述一种图像动画控制方法， 其特征在于， 所述修图程序为着色器程 序。 5.根据权利要求1或2所述一种图像动画控制方法， 其特征在于， 当需要动画显示一个 特定图像时： S2中的修图程序随时间变化使得 所述特定图像从消失到残缺再到 完整； 且所述方法还包括S4： 当屏幕所显示的所述特定图像的快照截图变为完整时， 在屏幕 上隐藏所述快照截图， 并显示出 所述特定图像本体。 6.根据权利要求1所述一种图像动画控制方法， 其特征在于， 所述修图程序随时间变化 使得所述特定图像从消失到残缺再到完整的过程包括以下任意一种： 从左往右逐渐显示、 从右往左逐渐显示、 从左上角往右下角逐渐显示、 从右下角往左上角逐渐显示。 7.根据权利要求1或2所述一种图像动画控制方法， 其特征在于， 当需要动画隐藏一个 特定图像时： S2中的修图程序随时间变化使得 所述特定图像从完整到残缺再到消失。 8.根据权利要求7所述一种图像动画控制方法， 其特征在于， 所述修图程序随时间变化 使得所述特定图像从完整到残缺再到消失的过程包括以下任意一种： 从左往右逐渐隐藏； 从右往左逐渐隐藏； 从左上角往右下角逐渐隐藏； 从右下角往左上角逐渐隐藏。 9.根据权利要求1所述 一种图像动画控制方法， 其特 征在于， 在S1中还 包括准备步骤： S11： 根据动画效果需求编写随时间变化的修图程序； S12： 为所述特定图像创建快照组件， 所述快照组件用于存储快照截图及管理修图程 序； S13： 创建用于捕获所述特定图像的快照截图的摄 像机。 10.根据权利要求1或2或9所述一种图像动画控制方法， 其特征在于， 所述方法用于 Unity引擎软件。权　利　要　求　书 1/1 页 2 CN 115543503 A 2一种图像动画控制方 法 技术领域 [0001]本发明涉及可视化系统开发领域， 更 具体地说， 涉及一种图像动画控制方法。 背景技术 [0002]可视化系统， 指的是可以将数据信息以直观的图表、 图形展示出来的系统； 现有技 术中可视化系统中的图表等UI的动画效果有如下 特点： [0003]1、 在UI显示或隐藏时， 直接对UI整体进行透明度、 位置、 大小的渐变处理， 达到动 画的效果。 这种方法的缺 点是效果单一死板， 只有三种效果， 无法扩展出 更多的动画效果。 [0004]2、 在UI显示或隐藏时， 对UI内部的各个元素(比如标题)添加如1中所述的透明度、 位置、 大小的渐变处理， 从而达到动画的效果。 这种方法的缺点是需要针对UI内部的大量UI 元素添加动画效果， 会导致开发工作量大， 不易维护， 而且不易扩展， 每做一个UI都需要针 对内部的UI元 素进行处 理。 发明内容 [0005]本发明要解决的技术问题是提供一种图像动画控制方法， 可以方便系统进行UI图 表的显示与隐藏操作， 同时具有高扩展性， 可快速、 高效地扩展出更多的动画效果， 不仅能 丰富可视化系统的界面效果， 也 提高了UI的开发效率， 降低开发成本 。 [0006]为了达到上述目的， 本发明采取以下技 术方案： [0007]一种图像动画控制方法， 包括如下步骤： [0008]S1:对隐藏于屏幕并位于系统后台的特定图像本体进行持续快照截图； [0009]S2:对每张快照截图利用随时间变化的修图程序进行实时处 理； [0010]S3:将处理后的快照截图实时传送至屏幕进行图像更新从而形成动画。 [0011]优选的， 所述 步骤还包括前置步骤S0， S0包括： [0012]S01： 对屏幕所显示的特定图像进行初始快照截图； [0013]S02： 将所述初始快照截图替代所述特定图像显示于屏 幕， 同时在屏 幕上隐藏所述 特定图像本体。 [0014]可选的， 所述特定图像为UI图表。 [0015]可选的， 所述 修图程序为着色器程序。 [0016]可选的， S1中， 每隔时间间隔t对所述特定图像进行一次快照截图。 其中优选的， t ＝50毫秒。 [0017]可选的， 当需要动画显示一个特定图像时： S2中的修图程序随时间变化使得所述 特定图像从消失到残缺再到完整； 且所述方法还包括S4： 当屏幕所显示的所述特定图像的 快照截图变为完整时， 在屏幕上隐藏所述快照截图， 并显示出 所述特定图像本体。 [0018]可选的， 所述修图程序随时间变化使得所述特定图像从消失到残缺再到完整的过 程包括但不限于以下任意一种： 从左往右逐渐显示； 从右往左逐渐显示； 从左上角往右下角 逐渐显示； 从右下角往左上角逐渐显示。说　明　书 1/6 页 3 CN 115543503 A 3