CN113781608A - 一种动画编辑方法及装置 - Google Patents
一种动画编辑方法及装置 Download PDFInfo
- Publication number
- CN113781608A CN113781608A CN202110126666.1A CN202110126666A CN113781608A CN 113781608 A CN113781608 A CN 113781608A CN 202110126666 A CN202110126666 A CN 202110126666A CN 113781608 A CN113781608 A CN 113781608A
- Authority
- CN
- China
- Prior art keywords
- configurable
- editing
- animation
- visual interface
- items
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 42
- 230000000694 effects Effects 0.000 claims abstract description 71
- 230000000007 visual effect Effects 0.000 claims abstract description 69
- 230000008859 change Effects 0.000 claims description 27
- 238000012800 visualization Methods 0.000 claims description 20
- 238000004590 computer program Methods 0.000 claims description 9
- 238000009877 rendering Methods 0.000 claims description 3
- 230000004048 modification Effects 0.000 abstract description 7
- 238000012986 modification Methods 0.000 abstract description 7
- 238000010586 diagram Methods 0.000 description 13
- 230000008569 process Effects 0.000 description 10
- 238000004891 communication Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 6
- 238000012545 processing Methods 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 4
- 238000013461 design Methods 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 2
- 230000008901 benefit Effects 0.000 description 2
- 239000000835 fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 230000033764 rhythmic process Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 239000003086 colorant Substances 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种编辑动画的方法及装置,涉及计算机技术领域。该方法的一具体实施方式包括:确定所述待编辑动画中的一个或多个可配置项目;根据所述一个或多个可配置项目生成可视化界面;接收用户通过所述可视化界面输入的编辑参数,根据所述编辑参数修改所述可配置项目;根据修改后的可配置项目,在所述可视化界面中实时展示所述待编辑动画。该实施方式降低了动效修改的学习成本,提高了动画编辑的效果和效率。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种动画编辑方法及装置。
背景技术
为了给用户提供良好的体验,动效设计在研发过程中越来越被重视。
目前的动效设计方式,若想修改动画效果,需要了解制作动效的流程和工具。例如,采用After Effects软件制作的动效,修改时需在After Effects软件中修改相关属性值和数据,这需要了解After Effects软件的动效制作流程和工具。而学习动效软件的制作流程和工具会增加学习成本,并且,在动效软件中修改过程中无法实时预览修改效果。
发明内容
有鉴于此,本发明实施例提供一种动画编辑方法及装置,能够根据待编辑动画中的可配置项目生成可视化界面,使得用户可通过可视化界面中的编辑框输入编辑参数,进而根据用户输入的编辑参数修改可配置项目,并根据修改后的可配置项目,在可视化界面中实时展示待编辑动画,以实时展示用户的编辑结果。由此实现了动画中可编辑项目的可视化,无需用户学习动效软件的制作流程和工具即可实现动画的编辑,从而降低学习成本。另外还可使得用户实时预览编辑结果,有利于提高动画编辑的效果和效率,进而提高用户体验。
为实现上述目的,根据本发明实施例的一个方面,提供了一种编辑动画的方法。
本发明实施例的一种编辑动画的方法包括:确定所述待编辑动画中的一个或多个可配置项目;
根据所述一个或多个可配置项目生成可视化界面;
接收用户通过所述可视化界面输入的编辑参数,根据所述编辑参数修改所述可配置项目;
根据修改后的可配置项目,在所述可视化界面中实时展示所述待编辑动画。
可选地,根据所述一个或多个可配置项目生成可视化界面,包括:
为每一个所述可配置项目对应的页面元素设置标识,根据所述标识渲染所述一个或多个可配置项目,以生成所述可视化界面。
可选地,在所述接收用户通过所述编辑框输入的编辑参数之前,还包括:
接收用户在所述可视化界面中输入的选择指令;
根据所述选择指令对应于所述可视化界面中的区域位置,确定所述选择指令对应的页面元素;
根据确定出的所述页面元素的标识,确定所述选择指令对应的可配置项目。
可选地,所述确定所述待编辑动画中的一个或多个可配置项目,以及所述根据所述一个或多个可配置项目生成可视化界面,包括:
获取所述待编辑动画的配置文件;所述配置文件包括:至少一个动效属性以及所述动效属性的属性值;
对所述配置文件进行解析,以确定所述一个或多个可配置项目;
根据所述一个或多个可配置项目的所述动效属性和所述属性值,生成所述可视化界面。
可选地,所述根据所述编辑参数修改所述可配置项目,包括:
确定所述编辑参数对应的目标可配置项目以及所述目标可配置项目的目标动效属性;
根据所述编辑参数,在所述配置文件中更新所述目标可配置项目的目标动效属性的属性值。
可选地,所述配置文件为JSON文件;
解析所述JSON文件的图层数组,以确定所述至少一个动效属性以及所述动效属性的属性值。
可选地,所述可视化界面包括:所述一个或多个可配置项目、所述一个或多个可配置项目分别对应的编辑框、以及所述可配置项目的展示区域。
可选地,所述可配置项目包括以下任意一个或多个:变化速度、变化时间节点、变化形式和变化数值。
为实现上述目的,根据本发明实施例的又一方面,提供了一种编辑动画的装置。
本发明实施例的一种编辑动画的装置包括:项目确定模块、可视界面生成模块、编辑模块和展示模块;其中,
所述项目确定模块,用于确定所述待编辑动画中的一个或多个可配置项目;
所述可视界面生成模块,用于根据所述一个或多个可配置项目生成可视化界面;
所述编辑模块,用于接收用户通过所述编可视化界面输入的编辑参数,根据所述编辑参数修改所述可配置项目;
所述展示模块,用于根据修改后的可配置项目,在所述可视化界面中实时展示所述待编辑动画。
为实现上述目的,根据本发明实施例的又一方面,提供了一种编辑动画的电子设备。
本发明实施例的一种编辑动画的电子设备包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现本发明实施例的一种编辑动画的方法。
为实现上述目的,根据本发明实施例的再一方面,提供了一种计算机可读存储介质。
本发明实施例的一种计算机可读存储介质,其上存储有计算机程序,所述程序被处理器执行时实现本发明实施例的一种编辑动画的方法。
上述发明中的一个实施例具有如下优点或有益效果:根据待编辑动画中的可配置项目生成可视化界面,使得用户可通过可视化界面输入编辑参数,进而根据用户输入的编辑参数修改可配置项目,并根据修改后的可配置项目,在可视化界面中实时展示待编辑动画,以实时展示用户的编辑结果。由此实现了动画中可编辑项目的可视化,无需用户学习动效软件的制作流程和工具即可实现动画的编辑,从而降低学习成本。另外还可使得用户实时预览编辑结果,有利于提高动画编辑的效果和效率,进而提高用户体验。
上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
附图用于更好地理解本发明,不构成对本发明的不当限定。其中:
图1是根据本发明实施例的一种编辑动画的方法的主要步骤的示意图;
图2是根据本发明实施例的一种确定可配置项目的主要步骤的示意图;
图3是根据本发明实施例的另一种编辑动画的方法的主要步骤的示意图;
图4是根据本发明实施例的一种编辑动画的装置的主要模块的示意图;
图5是本发明实施例可以应用于其中的示例性系统架构图;
图6是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明,其中包括本发明实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本发明的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
需要指出的是,在不冲突的情况下,本发明的实施例以及实施例中的技术特征可以相互结合。
图1是根据本发明实施例的一种编辑动画的方法的主要步骤的示意图。
如图1所示,本发明实施例的编辑动画的方法主要包括以下步骤:
步骤S101:确定所述待编辑动画中的一个或多个可配置项目。
步骤S102:根据所述一个或多个可配置项目生成可视化界面。
步骤S103:接收用户通过所述可视化界面输入的编辑参数,根据所述编辑参数修改所述可配置项目。
步骤S104:根据修改后的可配置项目,在所述可视化界面中实时展示所述待编辑动画。
在本发明一个实施例中,可以通过获取所述待编辑动画的配置文件;所述配置文件包括:至少一个动效属性以及所述动效属性的属性值;然后对所述配置文件进行解析,以确定所述一个或多个可配置项目;进而根据所述一个或多个可配置项目的所述动效属性和所述属性值,生成所述可视化界面。
其中,配置文件可以为待编辑动画的JSON文件。例如,基于After Effects软件设计生成的动画,可使用After Effects的Bodymovin的插件导出为JSON文件。然后,对动画的JSON文件进行解析,确定出动画效果的颜色、大小、图片、字体和文案等可配置项目,然后基于这些可配置项目的动效属性和属性值,生成可视化界面。
其中,可配置项目包括以下任意一个或多个:变化速度、变化时间节点、变化形式和变化数值。变速速度即各个可配置项目的变化节奏,如加速、减速和匀速等。变化时间节点表示每个可配置项目对应的页面元素变化的起始时间点和/或结束时间点。变化形式包括移动、旋转、缩放和透明度变化等形式。变化数值包括移动距离(如距离X轴、Y轴和Z轴调度距离)、以及宽高和缩放比例等数值。其中,从JSON文件中解析出一个或多个可配置项目的具体过程可如图2所示。
在确定可配置项目的动效属性和属性值时,可解析所述JSON文件的图层数组,以确定所述至少一个动效属性以及所述动效属性的属性值。由于动画的可编辑项目在JSON文件的图层(layers)数组中,每个数组元素都保存链路动效的一些动效属性,比如形状、颜色、缩放变化和播放速率等,可通过遍历layers数组将这些动效属性抽离出来。然后可通过抽离出的动效属性以及相应的属性值进行可视化和语义化,以生成可视化界面。
另外,在本发明一个实施例中,在生成可视化界面时,可以为每一个所述可配置项目对应的页面元素设置标识,根据所述标识渲染所述一个或多个可配置项目,以生成所述可视化界面。
例如,可通过为每一个可配置项目添加一个refid字段,则在渲染可配置项目时,可通过该refid字段为每个可配置项目的DOM元素添加唯一标识,则在生成的可视化界面中,每个可配置项目拥有自己的唯一标识,进而当用户选择该可配置项目时,可通过拥有唯一标识的DOM元素找到相应的可配置项目。
具体地,在本发明一个实施例中,在所述接收用户通过所述编辑框输入的编辑参数之前,还可以包括:接收用户在所述可视化界面中输入的选择指令;根据所述选择指令对应于所述可视化界面中的区域位置,确定所述选择指令对应的页面元素;根据确定出的所述页面元素的标识,确定所述选择指令对应的可配置项目。
在这里,根据用户在可视化界面中的触发选择指令的区域位置,确定该区域位置的页面元素(如DOM元素),然后可个根据页面元素的唯一标识,相应确定出可配置项目。进而再根据确定出的可配置项目的编辑参数,对其进行修改,即可根据用户针对其选择的可配置项目输入的编辑参数,对相应的可配置项目进行修改。
其中,生成的可视化界面包括:所述一个或多个可配置项目、所述一个或多个可配置项目分别对应的编辑框、以及所述可配置项目的展示区域。用户在输入编辑参数时,可通过编辑框直接输入相应可配置项目的动效属性的属性值,也可直接拖拽展示区域所展示的可配置项目,以通过针对可配置项目的拖拽指令输入相应的编辑参数,如输入可配置项目的位置和大小等动效属性的编辑参数。
在本发明一个实施例中,在接收到用户输入的编辑参数后,可确定所述编辑参数对应的目标可配置项目以及所述目标可配置项目的目标动效属性;根据所述编辑参数,在所述配置文件中更新所述目标可配置项目的目标动效属性的属性值。
仍以配置文件为动画的JSON文件为例,在接收到用户输入的编辑参数后,可遍历JSON文件的layers数组,以将编辑参数实时更新到JSON文件中相应可配置项目的目标动态属性的属性值所对应的位置,并使用lottie库解析JSON文件播放动效,由此实现了实时预览动画的编辑效果。
下面以根据待编辑动画的JSON文件对待编辑动画进行修改为例,对本发明实施例提供的编辑动画的方法进行详细说明,如图3所示,本发明实施例提供的一种编辑动画的方法可以包括以下步骤:
步骤S301:获取所述待编辑动画的JSON文件,对JSON文件进行解析,以确定一个或多个可配置项目。
其中,基于After Effects软件设计的动画,可通过Bodymovin插件导出JSON文件,导出的JSON文件包括:至少一个动效属性以及所述动效属性的属性值。可配置项目包括以下任意一个或多个:变化速度、变化时间节点、变化形式和变化数值。变速速度即各个可配置项目的变化节奏,如加速、减速和匀速等。
步骤S302:为每一个所述可配置项目对应的页面元素设置标识,根据所述标识渲染所述一个或多个可配置项目,以根据所述一个或多个可配置项目的所述动效属性和所述属性值,生成所述可视化界面。
步骤S303:接收用户在所述可视化界面中输入的选择指令;根据所述选择指令对应于所述可视化界面中的区域位置,确定所述选择指令对应的页面元素。
步骤S304:根据确定出的所述页面元素的标识,确定所述选择指令对应的可配置项目。
步骤S305:接收用户根据所述可视化界面输入的与所述选择指令对应的可配置项目的编辑参数。
步骤S306:确定所述编辑参数对应的目标可配置项目以及所述目标可配置项目的目标动效属性;根据所述编辑参数,在JSON文件中更新所述目标可配置项目的目标动效属性的属性值,以修改所述可配置项目。
步骤S307:根据修改后的可配置项目,在所述可视化界面中实时展示所述待编辑动画。
根据本发明实施例的一种编辑动画的方法可以看出,根据待编辑动画中的可配置项目生成可视化界面,使得用户可通过可视化界面输入编辑参数,进而根据用户输入的编辑参数修改可配置项目,并根据修改后的可配置项目,在可视化界面中实时展示待编辑动画,以实时展示用户的编辑结果。由此实现了动画中可编辑项目的可视化,无需用户学习动效软件的制作流程和工具即可实现动画的编辑,从而降低学习成本。另外还可使得用户实时预览编辑结果,有利于提高动画编辑的效果和效率,进而提高用户体验。
图4是根据本发明实施例的一种编辑动画的装置的主要模块的示意图。
如图4所示,本发明实施例的一种编辑动画的装置400包括:项目确定模块401、可视界面生成模块402、编辑模块403和展示模块404;其中,
所述项目确定模块401,用于确定所述待编辑动画中的一个或多个可配置项目;
所述可视界面生成模块402,用于根据所述一个或多个可配置项目生成可视化界面;
所述编辑模块403,用于接收用户通过所述编可视化界面输入的编辑参数,根据所述编辑参数修改所述可配置项目;
所述展示模块404,用于根据修改后的可配置项目,在所述可视化界面中实时展示所述待编辑动画。
在本发明一个实施例中,所述可视化界面生成模块402,用于为每一个所述可配置项目对应的页面元素设置标识,根据所述标识渲染所述一个或多个可配置项目,以生成所述可视化界面。
在本发明一个实施例中,所述可视化界面生成模块402,用于接收用户在所述可视化界面中输入的选择指令;根据所述选择指令对应于所述可视化界面中的区域位置,确定所述选择指令对应的页面元素;根据确定出的所述页面元素的标识,确定所述选择指令对应的可配置项目。
在本发明一个实施例中,所述项目确定模块401,用于获取所述待编辑动画的配置文件;所述配置文件包括:至少一个动效属性以及所述动效属性的属性值;对所述配置文件进行解析,以确定所述一个或多个可配置项目;
所述可视化界面生成模块402,用于根据所述一个或多个可配置项目的所述动效属性和所述属性值,生成所述可视化界面。
在本发明一个实施例中,所述编辑模块403,用于确定所述编辑参数对应的目标可配置项目以及所述目标可配置项目的目标动效属性;根据所述编辑参数,在所述配置文件中更新所述目标可配置项目的目标动效属性的属性值。
在本发明一个实施例中,所述配置文件为JSON文件;所述项目确定模块401,用于解析所述JSON文件的图层数组,以确定所述至少一个动效属性以及所述动效属性的属性值。
在本发明一个实施例中,所述可视化界面包括:所述一个或多个可配置项目、所述一个或多个可配置项目分别对应的编辑框、以及所述可配置项目的展示区域。
在本发明一个实施例中,所述可配置项目包括以下任意一个或多个:变化速度、变化时间节点、变化形式和变化数值。
根据本发明实施例的一种编辑动画的装置可以看出,根据待编辑动画中的可配置项目生成可视化界面,使得用户可通过可视化界面输入编辑参数,进而根据用户输入的编辑参数修改可配置项目,并根据修改后的可配置项目,在可视化界面中实时展示待编辑动画,以实时展示用户的编辑结果。由此实现了动画中可编辑项目的可视化,无需用户学习动效软件的制作流程和工具即可实现动画的编辑,从而降低学习成本。另外还可使得用户实时预览编辑结果,有利于提高动画编辑的效果和效率,进而提高用户体验。
图5示出了可以应用本发明实施例的一种编辑动画的方法或一种编辑动画的装置的示例性系统架构500。
如图5所示,系统架构500可以包括终端设备501、502、503,网络504和服务器505。网络504用以在终端设备501、502、503和服务器505之间提供通信链路的介质。网络504可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备501、502、503通过网络504与服务器505交互,以接收或发送消息等。终端设备501、502、503上可以安装有各种通讯客户端应用,例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
终端设备501、502、503可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器505可以是提供各种服务的服务器,例如对用户利用终端设备501、502、503所浏览的购物类网站提供支持的后台管理服务器。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理,并将处理结果(例如目标推送信息、产品信息)反馈给终端设备。
应该理解,图5中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
下面参考图6,其示出了适于用来实现本发明实施例的终端设备的计算机系统600的结构示意图。图6示出的终端设备仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图6所示,计算机系统600包括中央处理单元(CPU)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储部分608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中,还存储有系统600操作所需的各种程序和数据。CPU 601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
以下部件连接至I/O接口605:包括键盘、鼠标等的输入部分606;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分607;包括硬盘等的存储部分608;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分609。通信部分609经由诸如因特网的网络执行通信处理。驱动器610也根据需要连接至I/O接口605。可拆卸介质611,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器610上,以便于从其上读出的计算机程序根据需要被安装入存储部分608。
特别地,根据本发明公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本发明公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分609从网络上被下载和安装,和/或从可拆卸介质611被安装。在该计算机程序被中央处理单元(CPU)601执行时,执行本发明的系统中限定的上述功能。
需要说明的是,本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。
附图中的流程图和框图,图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本发明实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中,例如,可以描述为:一种处理器包括项目确定模块、可视界面生成模块、编辑模块和展示模块。其中,这些模块的名称在某种情况下并不构成对该模块本身的限定,例如,项目确定模块还可以被描述为“确定待编辑动画中的一个或多个可配置项目的模块”。
作为另一方面,本发明还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的设备中所包含的;也可以是单独存在,而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被一个该设备执行时,使得该设备包括:确定所述待编辑动画中的一个或多个可配置项目;根据所述一个或多个可配置项目生成可视化界面;接收用户通过所述可视化界面输入的编辑参数,根据所述编辑参数修改所述可配置项目;根据修改后的可配置项目,在所述可视化界面中实时展示所述待编辑动画。
根据本发明实施例的技术方案,根据待编辑动画中的可配置项目生成可视化界面,使得用户可通过可视化界面输入编辑参数,进而根据用户输入的编辑参数修改可配置项目,并根据修改后的可配置项目,在可视化界面中实时展示待编辑动画,以实时展示用户的编辑结果。由此实现了动画中可编辑项目的可视化,无需用户学习动效软件的制作流程和工具即可实现动画的编辑,从而降低学习成本。另外还可使得用户实时预览编辑结果,有利于提高动画编辑的效果和效率,进而提高用户体验。
上述具体实施方式,并不构成对本发明保护范围的限制。本领域技术人员应该明白的是,取决于设计要求和其他因素,可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等,均应包含在本发明保护范围之内。
Claims (11)
1.一种编辑动画的方法,其特征在于,包括:
确定所述待编辑动画中的一个或多个可配置项目;
根据所述一个或多个可配置项目生成可视化界面;
接收用户通过所述可视化界面输入的编辑参数,根据所述编辑参数修改所述可配置项目;
根据修改后的可配置项目,在所述可视化界面中实时展示所述待编辑动画。
2.根据权利要求1所述的方法,其特征在于,根据所述一个或多个可配置项目生成可视化界面,包括:
为每一个所述可配置项目对应的页面元素设置标识,根据所述标识渲染所述一个或多个可配置项目,以生成所述可视化界面。
3.根据权利要求2所述的方法,其特征在于,在所述接收用户通过所述编辑框输入的编辑参数之前,还包括:
接收用户在所述可视化界面中输入的选择指令;
根据所述选择指令对应于所述可视化界面中的区域位置,确定所述选择指令对应的页面元素;
根据确定出的所述页面元素的标识,确定所述选择指令对应的可配置项目。
4.根据权利要求1所述的方法,其特征在于,所述确定所述待编辑动画中的一个或多个可配置项目,以及所述根据所述一个或多个可配置项目生成可视化界面,包括:
获取所述待编辑动画的配置文件;所述配置文件包括:至少一个动效属性以及所述动效属性的属性值;
对所述配置文件进行解析,以确定所述一个或多个可配置项目;
根据所述一个或多个可配置项目的所述动效属性和所述属性值,生成所述可视化界面。
5.根据权利要求4所述的方法,其特征在于,所述根据所述编辑参数修改所述可配置项目,包括:
确定所述编辑参数对应的目标可配置项目以及所述目标可配置项目的目标动效属性;
根据所述编辑参数,在所述配置文件中更新所述目标可配置项目的目标动效属性的属性值。
6.根据权利要求4所述的方法,其特征在于,所述配置文件为JSON文件;
解析所述JSON文件的图层数组,以确定所述至少一个动效属性以及所述动效属性的属性值。
7.根据权利要求1所述的方法,其特征在于,所述可视化界面包括:所述一个或多个可配置项目、所述一个或多个可配置项目分别对应的编辑框、以及所述可配置项目的展示区域。
8.根据权利要求1至7任一所述的方法,其特征在于,
所述可配置项目包括以下任意一个或多个:变化速度、变化时间节点、变化形式和变化数值。
9.一种编辑动画的装置,其特征在于,包括:项目确定模块、可视界面生成模块、编辑模块和展示模块;其中,
所述项目确定模块,用于确定所述待编辑动画中的一个或多个可配置项目;
所述可视界面生成模块,用于根据所述一个或多个可配置项目生成可视化界面;
所述编辑模块,用于接收用户通过所述编可视化界面输入的编辑参数,根据所述编辑参数修改所述可配置项目;
所述展示模块,用于根据修改后的可配置项目,在所述可视化界面中实时展示所述待编辑动画。
10.一种编辑动画的电子设备,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-8中任一所述的方法。
11.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1-8中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110126666.1A CN113781608A (zh) | 2021-01-29 | 2021-01-29 | 一种动画编辑方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110126666.1A CN113781608A (zh) | 2021-01-29 | 2021-01-29 | 一种动画编辑方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113781608A true CN113781608A (zh) | 2021-12-10 |
Family
ID=78835441
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110126666.1A Pending CN113781608A (zh) | 2021-01-29 | 2021-01-29 | 一种动画编辑方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113781608A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114489625A (zh) * | 2022-04-08 | 2022-05-13 | 北京优锘科技有限公司 | 将json格式文本转换为可视化配置工具的方法和装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107766106A (zh) * | 2017-12-05 | 2018-03-06 | 北京百度网讯科技有限公司 | 生成配置文件的方法和装置 |
CN108038894A (zh) * | 2017-12-11 | 2018-05-15 | 武汉斗鱼网络科技有限公司 | 动画创建方法、装置、电子设备及计算机可读存储介质 |
CN110109727A (zh) * | 2019-04-30 | 2019-08-09 | 上海掌门科技有限公司 | 应用的配置方法和装置 |
CN110806865A (zh) * | 2019-11-08 | 2020-02-18 | 百度在线网络技术(北京)有限公司 | 动画生成方法、装置、设备及计算机可读存储介质 |
-
2021
- 2021-01-29 CN CN202110126666.1A patent/CN113781608A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107766106A (zh) * | 2017-12-05 | 2018-03-06 | 北京百度网讯科技有限公司 | 生成配置文件的方法和装置 |
CN108038894A (zh) * | 2017-12-11 | 2018-05-15 | 武汉斗鱼网络科技有限公司 | 动画创建方法、装置、电子设备及计算机可读存储介质 |
CN110109727A (zh) * | 2019-04-30 | 2019-08-09 | 上海掌门科技有限公司 | 应用的配置方法和装置 |
CN110806865A (zh) * | 2019-11-08 | 2020-02-18 | 百度在线网络技术(北京)有限公司 | 动画生成方法、装置、设备及计算机可读存储介质 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114489625A (zh) * | 2022-04-08 | 2022-05-13 | 北京优锘科技有限公司 | 将json格式文本转换为可视化配置工具的方法和装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2020119485A1 (zh) | 一种页面显示方法、装置、设备及存储介质 | |
US11132114B2 (en) | Method and apparatus for generating customized visualization component | |
CN113504908A (zh) | 业务代码生成方法、装置、电子设备及计算机可读介质 | |
US9323729B2 (en) | Coordinating the management of the layout and design of portal pages with the management of its associated web content | |
CN110070593B (zh) | 图片预览信息的显示方法、装置、设备及介质 | |
CN113032708A (zh) | 一种无代码Web开发系统 | |
CN112487331A (zh) | 页面生成方法和装置、存储介质和电子设备 | |
CN110058854B (zh) | 用于生成应用的方法、终端设备和计算机可读介质 | |
CN113656533A (zh) | 一种树形控件处理方法、装置及电子设备 | |
CN110647327B (zh) | 基于卡片的用户界面动态控制的方法和装置 | |
CN115756445A (zh) | 一种组件生成方法和装置、电子设备、计算机存储介质 | |
WO2022184077A1 (zh) | 文档编辑的方法、装置、终端及非暂时性存储介质 | |
CN113220381A (zh) | 一种点击数据展示方法和装置 | |
CN113781608A (zh) | 一种动画编辑方法及装置 | |
WO2023207981A1 (zh) | 配置文件生成方法、装置、电子设备、介质及程序产品 | |
CN114756228A (zh) | 页面处理方法、装置、设备及存储介质 | |
CN113282852A (zh) | 编辑网页的方法和装置 | |
CN117032666A (zh) | 基于编辑器的页面编辑方法、装置、终端设备及存储介质 | |
CN108259315A (zh) | 在线图片分享方法、设备、客户端及电子设备 | |
CN116775174A (zh) | 一种基于用户界面框架的处理方法、装置、设备及介质 | |
CN112905164B (zh) | 一种项目代码处理方法和装置 | |
CN112418902A (zh) | 基于网页的多媒体合成方法和系统 | |
CN113760279A (zh) | 一种生成页面的方法和装置 | |
CN112486378A (zh) | 图形生成方法、装置、终端及存储介质 | |
CN113781136B (zh) | 界面的显示方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |