一种快速高效地实现banner动效的方法和系统技术方案

本发明专利技术涉及一种快速高效地实现banner动效的方法和系统。所述方法为：确定实现banner动效所需的图片；预设实现banner动效所需元素图的数量N、FloatBox系数以及一个对象的具体动效参数；动效参数自动计算模块根据设定的N、FloatBox系数以及一个对象的具体动效参数的值，并根据公式自动赋予各元素图动效参数；用户调取对应元素图上传至动效生成模块；动效生成模块根据计算得到的各元素图动效参数值，赋予各元素图对应动效；动效输出模块输出banner动效图。所述系统包括实现所述方法的各模块。应用本发明专利技术能快速高效的实现banner动效，满足电商领域运营人员和设计师基本的banner动效要求。

【技术实现步骤摘要】
一种快速高效地实现banner动效的方法和系统
本专利技术涉及互联网动效设计领域，具体地说，是一种快速高效地实现banner动效的方法和系统。
技术介绍
运营、设计师日常工作中对于banner的展示要求日益增长，一个有动效的banner比静态banner更能吸引用户关注，并且产生点击量。在电商后台，普通的去配置banner图片，就是按照尺寸要求、格式上传静态图片或者gif动态图，前者为静态banner，后者为有动效的banner。在没有前端开发的帮助下，设计师只能通过gif图来实现效果，但是gif图不适合帧数太多或者是太大的图片，所以局限很大，导致在实际工作中就算知道有动效的banner效果好，也会尽量避免使用。专利文献CN108228639A，公开日2018.06.29，公开了一种自动为网页banner加载图片的方法和系统，该方法包括：提取banner包含的网络链接地址；提取图片；默认提取所述广告页面的第一个图片；根据banner的尺寸和像素对所述图片进行自适应调整；对banner加载图片。该专利技术技术方案主要是根据不同广告内容动态加载图片，提高广告图片的准确性和有效性，有效挖掘本文档来自技高网...

【技术保护点】
1.一种快速高效地实现banner动效的方法，其特征在于，包括以下步骤：步骤S1，用户确定实现banner动效所需的图片，存储于存储模块；步骤S2，用户在参数设置模块预设实现banner动效所需要的元素图的数量N、FloatBox系数以及一个对象的具体动效参数；步骤S3，动效参数自动计算模块根据设定的N、FloatBox系数以及一个对象的具体动效参数的值，并根据以下公式自动计算出该N个元素图中各元素图的各动效参数；

【技术特征摘要】
1.一种快速高效地实现banner动效的方法，其特征在于，包括以下步骤：步骤S1，用户确定实现banner动效所需的图片，存储于存储模块；步骤S2，用户在参数设置模块预设实现banner动效所需要的元素图的数量N、FloatBox系数以及一个对象的具体动效参数；步骤S3，动效参数自动计算模块根据设定的N、FloatBox系数以及一个对象的具体动效参数的值，并根据以下公式自动计算出该N个元素图中各元素图的各动效参数；参数默认值元素M的参数值ScaleX(长度)X(1+M*γ％/N)*XScaleY(宽度)Y(1+M*γ％/N)*YPositionX1(初始X坐标)α1(1+M*γ％/N)*α1PositionX2(结束X坐标)α2(1+M*γ％/N)*α2PositionY1(初始Y坐标)β1(1+M*γ％/N)*β1PositionY2(结束Y坐标)β2(1+M*γ％/N)*β2TimeStart(初始时间)O(1+M*γ％/N)*OTimeEnd(结束时间)P(1+M*γ％/N)*P步骤S4，用户根据M的值从存储模块调取对应的元素图上传至动效生成模块，其中M≤N；步骤S5，动效生成模块根据动效参数自动计算模块计算得到的各元素图的动效参数值，赋予元素上传模块上传的各元素图对应动效参数；步骤S6，动效输出模块输出生成的banner动效图。2.根据权利要求1所述的快速高效地实现banner动效的方法，其特征在于，还包括以下步骤：动效预览模块将动效生成模块生成的banner动效图临时地呈现给用户。3.根据权利要求1所述的快速高效地实现banner动效的方法，其特征在于，所述图片包括背景图和元素图。4.根据权利要求1所述的快速高效地实现banner动效的方法，其特征在于，所述元素图为png格式。5.一种快速高效地实现banner动效的系统，其特征在于，包括：...

【专利技术属性】
技术研发人员：王丽媛，
申请(专利权)人：上海宝尊电子商务有限公司，
类型：发明
国别省市：上海,31