CN112988002A - 一种绘本处理方法、装置、电子设备及存储介质 - Google Patents
一种绘本处理方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN112988002A CN112988002A CN202110342232.5A CN202110342232A CN112988002A CN 112988002 A CN112988002 A CN 112988002A CN 202110342232 A CN202110342232 A CN 202110342232A CN 112988002 A CN112988002 A CN 112988002A
- Authority
- CN
- China
- Prior art keywords
- interactive element
- special effect
- target
- trigger operation
- page information
- 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 41
- 238000012545 processing Methods 0.000 title claims description 17
- 230000002452 interceptive effect Effects 0.000 claims abstract description 115
- 230000000694 effects Effects 0.000 claims abstract description 103
- 238000003672 processing method Methods 0.000 claims abstract description 15
- 238000004590 computer program Methods 0.000 claims description 12
- 230000004044 response Effects 0.000 claims description 6
- 238000009877 rendering Methods 0.000 claims description 4
- 230000008569 process Effects 0.000 abstract description 9
- 238000010586 diagram Methods 0.000 description 14
- XLYOFNOQVPJJNP-UHFFFAOYSA-N water Substances O XLYOFNOQVPJJNP-UHFFFAOYSA-N 0.000 description 11
- 241000251468 Actinopterygii Species 0.000 description 9
- 230000003993 interaction Effects 0.000 description 7
- 239000000779 smoke Substances 0.000 description 4
- 230000008901 benefit Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000008859 change Effects 0.000 description 2
- 238000007596 consolidation process Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 238000011160 research Methods 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000003760 hair shine Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/011—Arrangements for interaction with the human body, e.g. for user immersion in virtual reality
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/60—Editing figures and text; Combining figures or text
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
- Electrically Operated Instructional Devices (AREA)
Abstract
本公开提供了一种绘本处理方法、装置、电子设备及存储介质，该方法包括：响应第一触发操作，展示目标学习绘本的页面信息；所述页面信息包括图文内容，以及嵌入所述图文内容的至少一个交互元素；所述交互元素的图案与所述图文内容的场景相匹配；在检测到针对所述至少一个交互元素的第二触发操作的情况下，确定与所述至少一个交互元素和所述第二触发操作相匹配的目标动画特效；采用所述目标动画特效展示所述至少一个交互元素。本公开实施例，通过在绘本学习过程中插入一些交互元素以及与交互元素相匹配的目标动画特效，增强与用户的互动性同时，提高了用户的学习乐趣，进而有助于带动用户的学习积极性。
Description
技术领域
本公开涉及互联网教育技术领域，具体而言，涉及一种绘本处理方法、装置、电子设备及存储介质。
背景技术
随着互联网的普及，互联网教育也逐渐走入每个家庭的视野，成为一种全新的教育模式，弥补了传统教育模式所欠缺的便捷性。目前，各种互联网教育软件层出不穷，为了加强用户对学习内容的理解和记忆，很多软件在学习课程的过程中设置了一些交互控件，比如针对当前的学习内容提示用户做一些选择题、语音跟读题、文字练习题等的交互控件，该方式虽然增加了与用户的互动性，能够加强对学习内容的理解，但针对一些年龄较小的用户而言，互动方式相对枯燥乏味，始终围绕理论知识的巩固，缺少一定的趣味性，难以带动用户学习的积极性。
发明内容
本公开实施例至少提供一种绘本处理方法、装置、电子设备及计算机可读存储介质。
第一方面，本公开实施例提供了一种绘本处理方法，包括：
响应第一触发操作，展示目标学习绘本的页面信息；所述页面信息包括图文内容，以及嵌入所述图文内容的至少一个交互元素；所述交互元素的图案与所述图文内容的场景相匹配；
在检测到针对所述至少一个交互元素的第二触发操作的情况下，确定与所述至少一个交互元素和所述第二触发操作相匹配的目标动画特效；
采用所述目标动画特效展示所述至少一个交互元素。
本公开实施例中，可以响应第一触发操作，展示目标学习绘本的页面信息，所述页面信息包括图文内容，以及嵌入所述图文内容的至少一个交互元素，然后在检测到针对所述至少一个交互元素的第二触发操作的情况下，确定与所述至少一个交互元素和所述第二触发操作相匹配的目标动画特效，并采用所述目标动画特效展示所述至少一个交互元素，如此，通过在绘本学习过程中插入一些交互元素以及与交互元素相匹配的目标动画特效，增强与用户的互动性同时，提高了用户的学习乐趣，进而有助于带动用户的学习积极性。
根据第一方面，在一种可能的实施方式中，所述目标动画特效包括与所述交互元素关联的第一动画特效；所述在检测到针对所述至少一个交互元素的第二触发操作的情况下，确定与所述至少一个交互元素和所述第二触发操作相匹配的目标动画特效，包括：
根据所述第二触发操作，确定所述交互元素从当前的属性信息转换到更新后的属性信息的第一动画特效；所述属性信息包括位置、颜色、和形状中的至少一种。
本公开实施例中，通过展示所述交互元素的第一动画特效，可以提高用户学习的趣味性，做到劳逸结合，同时加强用户对当前学习内容的理解和记忆。
根据第一方面，在一种可能的实施方式中，所述目标动画特效还包括与所述图文内容关联的第二动画特效；所述确定目标动画特效，还包括：
根据所述第二触发操作，以及所述交互元素对应的更新后的属性信息，确定从当前的所述图文内容，转换到更新后的图文内容的第二动画特效。
本公开实施例中，在展示交互元素关联的第一动画特效的同时，展示图文内容关联的第二动画特效，实现了动画特效和图文内容完美融合，使得当前场景更加逼真。
根据第一方面，在一种可能的实施方式中，所述采用所述目标动画特效展示所述至少一个交互元素，包括：
采用所述目标动画特效展示所述至少一个交互元素，并播放与所述目标动画特效匹配的提示信息，所述提示信息用于描述所述目标动画特效。
本公开实施例中，通过展示所述目标动画特效的同时播放相匹配的语音提示信息，使得整个展示过程更加全面和细致，增强了用户体验。
根据第一方面，在一种可能的实施方式中，所述目标学习绘本包括多个页面的页面信息；所述响应第一触发操作，展示目标学习绘本的页面信息，包括以下至少一种：
响应针对所述目标学习绘本的播放按钮的触发操作，展示目标学习绘本的首页页面信息；
响应针对所述页面信息中翻页图标的触发操作，展示下一页面的页面信息。
响应针对所述页面信息中返回图标的触发操作，展示上一页面的页面信息。
本公开实施例中，可以让用户产生正在翻阅绘本的真实感，增强用户体验。
根据第一方面，在一种可能的实施方式中，所述采用所述目标动画特效展示所述至少一个交互元素，包括以下至少一种：
缩放、移动所述至少一个交互元素；
改变所述至少一个交互元素的颜色、形状、展示方式。
根据第一方面，在一种可能的实施方式中，所述响应第一触发操作，展示目标学习绘本的页面信息之前，还包括：
响应第三触发操作，下载与所述目标学习绘本相关的数据资源，所述数据资源包括图片数据、语音数据和动效数据；
基于所述数据资源生成多个页面的页面信息。
本公开实施例中，将目标学习绘本相关的数据资源预先下载下来，即便在当前网络环境不好的情况下，也不影响用户的学习和交互。
第二方面，本公开实施例还提供一种绘本处理装置，包括：
第一展示模块，用于响应第一触发操作，展示目标学习绘本的页面信息；所述页面信息包括图文内容，以及嵌入所述图文内容的至少一个交互元素；所述交互元素的图案与所述图文内容的场景相匹配；
确定模块，用于在检测到针对所述至少一个交互元素的第二触发操作的情况下，确定与所述至少一个交互元素和所述第二触发操作相匹配的目标动画特效；
第二展示模块，用于采用所述目标动画特效展示所述至少一个交互元素。
根据第二方面，在一种可能的实施方式中，所述目标动画特效包括与所述交互元素关联的第一动画特效，所述确定模块具体用于：
根据所述第二触发操作，确定所述交互元素从当前的属性信息转换到更新后的属性信息的第一动画特效；所述属性信息包括位置、颜色、和形状中的至少一种。
根据第二方面，在一种可能的实施方式中，所述目标动画特效还包括与所述图文内容关联的第二动画特效，所述确定模块具体用于：
根据所述第二触发操作，以及所述交互元素对应的更新后的属性信息，确定从当前的所述图文内容，转换到更新后的图文内容的第二动画特效。
根据第二方面，在一种可能的实施方式中，所述第二展示模块具体用于：
采用所述目标动画特效展示所述至少一个交互元素，并播放与所述目标动画特效匹配的提示信息，所述提示信息用于描述所述目标动画特效。
根据第二方面，在一种可能的实施方式中，所述目标学习绘本包括多个页面的页面信息，所述第一展示模块具体用于：
响应针对所述目标学习绘本的播放按钮的触发操作，展示目标学习绘本的首页页面信息；
响应针对所述页面信息中翻页图标的触发操作，展示下一页面的页面信息。
响应针对所述页面信息中返回图标的触发操作，展示上一页面的页面信息。
根据第二方面，在一种可能的实施方式中，所述第二展示模块具体用于：
缩放、移动所述至少一个交互元素；
改变所述至少一个交互元素的颜色、形状、展示方式。
根据第二方面，在一种可能的实施方式中，所述装置还包括：
下载模块，用于响应第三触发操作，下载与所述目标学习绘本相关的数据资源，所述数据资源包括图片数据、语音数据和动效数据；
生成模块，用于基于所述数据资源生成多个页面的页面信息。
第三方面，本公开实施例还提供一种电子设备，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当电子设备运行时，所述处理器与所述存储器之间通过总线通信，所述机器可读指令被所述处理器执行时执行上述第一方面，或第一方面中任一种可能的实施方式中所述的绘本处理方法。
第四方面，本公开实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述第一方面，或第一方面中任一种可能的实施方式中所述的绘本处理方法。
为使本公开的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。
附图说明
为了更清楚地说明本公开实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，此处的附图被并入说明书中并构成本说明书中的一部分，这些附图示出了符合本公开的实施例，并与说明书一起用于说明本公开的技术方案。应当理解，以下附图仅示出了本公开的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
图1示出了本公开实施例所提供的一种绘本处理方法的流程图；
图2示出了本公开实施例所提供的一种目标学习绘本页面信息展示界面的示意图；
图3示出了本公开实施例所提供的一种目标学习绘本首页页面信息展示界面的示意图；
图4示出了本公开实施例所提供的一种与交互元素关联的第一动画特效展示界面的示意图；
图5示出了本公开实施例所提供的一种与图文内容关联的第二动画特效展示界面的示意图；
图6示出了本公开实施例所提供的另一种绘本处理方法的流程图；
图7示出了本公开实施例所提供的一种绘本处理装置的结构示意图；
图8示出了本公开实施例所提供的另一种绘本处理装置的结构示意图；
图9示出了本公开实施例所提供的一种电子设备的示意图。
具体实施方式
为使本公开实施例的目的、技术方案和优点更加清楚，下面将结合本公开实施例中附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本公开实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本公开的实施例的详细描述并非旨在限制要求保护的本公开的范围，而是仅仅表示本公开的选定实施例。基于本公开的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本公开保护的范围。
应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。
本文中术语“和/或”，仅仅是描述一种关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中术语“至少一种”表示多种中的任意一种或多种中的至少两种的任意组合，例如，包括A、B、C中的至少一种，可以表示包括从A、B和C构成的集合中选择的任意一个或多个元素。
随着互联网的普及，互联网教育也逐渐走入每个家庭的视野，成为一种全新的教育模式，弥补了传统教育模式所欠缺的便捷性。目前，各种互联网教育软件层出不穷，为了加强用户对学习内容的理解和记忆，很多软件在学习课程的过程中设置了一些交互控件，比如针对当前的学习内容提示用户做一些选择题、语音跟读题、文字练习题等的交互控件。
经研究发现，虽然该方式增加了与用户的互动性，能够加强对学习内容的理解，但针对一些年龄较小的用户而言，互动方式相对枯燥乏味，始终围绕理论知识的巩固，缺少一定的趣味性，难以带动用户学习的积极性。
基于上述研究，本公开提供了一种绘本处理方法，该方法可以响应第一触发操作，展示目标学习绘本的页面信息，所述页面信息包括图文内容，以及嵌入所述图文内容的至少一个交互元素，然后在检测到针对所述至少一个交互元素的第二触发操作的情况下，确定与所述至少一个交互元素和所述第二触发操作相匹配的目标动画特效，并采用所述目标动画特效展示所述至少一个交互元素，如此，通过在绘本学习过程中插入一些交互元素以及与交互元素相匹配的目标动画特效，增强与用户的互动性同时，提高了用户的学习乐趣，进而有助于带动用户的学习积极性。
针对以上方案所存在的缺陷，均是发明人在经过实践并仔细研究后得出的结果，因此，上述问题的发现过程以及下文中本公开针对上述问题所提出的解决方案，都应该是发明人在本公开过程中对本公开做出的贡献。
为便于对本实施例进行理解，首先对本公开实施例所公开的一种绘本处理方法进行详细介绍，本公开实施例所提供的绘本处理方法的执行主体一般为具有一定计算能力的电子设备，该电子设备例如包括：终端设备或服务器或其它处理设备，终端设备可以为移动设备、用户终端、终端、手持设备、计算设备、车载设备、可穿戴设备等。在一些可能的实现方式中，该绘本处理方法可以通过处理器调用存储器中存储的计算机可读指令的方式来实现。
参见图1所示，为本公开实施例所提供的一种绘本处理方法的流程图，其中，该方法可以应用于上述电子设备中，或应用于本地或云端的服务器中。图1所示的绘本处理方法包括以下S101～S103：
S101，响应第一触发操作，展示目标学习绘本的页面信息；所述页面信息包括图文内容，以及嵌入所述图文内容的至少一个交互元素；所述交互元素的图案与所述图文内容的场景相匹配。
具体的，执行触发操作动作的主体为观看目标学习绘本的用户，所述用户可以是学生，也可以是学生家长、教师等用户，用户可以通过上述电子设备上安装的学习应用程序、嵌入在应用程序中的小程序或者通过浏览器访问网页链接等方式观看目标学习绘本。所述触发操作可以是单击操作，也可以是双击操作、滑动操作、长按操作等，在此不做限定，应用程序可以响应用户的触发操作，进入到目标学习绘本的展示界面。
所述绘本即图画书，顾名思义就是“画出来的书”，是一类以绘画为主，并附有少量文字的书籍。绘本可以是纸质版绘本，也可以是电子版绘本。本实施方式中，所述目标学习绘本为绘本学习软件中的一种电子版绘本，能够为用户呈现出炫目的动画效果，所述目标学习绘本中包括有特定的教学内容，用户可以通过观看该目标学习绘本学习到与所述教学内容相应的知识。例如，目标学习绘本的教学内容可以是古诗学习绘本、英语学习绘本、寓言故事绘本等，在此不做限定。
示例地，参见图2所示，为一种目标学习绘本页面信息展示界面的示意图，所述页面信息包括图中上半部分的图片内容，还包括图中下半部分的文字内容，以及图中“a”所示的交互元素。例如用户正在学习李白的《望庐山瀑布》中的“日照香炉生紫烟”的诗句，图片内容展示的是该诗句对应的“日照香炉”的场景，文字内容则对当前图片展示的场景进行文字描述，同时图片中还嵌入了“太阳被乌云遮住”的交互元素，该交互元素的图案与图文内容的场景是相匹配的，比如此时可以提示用户通过操作(如拖拽操作)将“遮住太阳的乌云”移开，用户“移开”之后，“太阳露了出来并发出光芒”，然后“香炉山”周围出现了“紫色的烟雾”，正好与“日照香炉生紫烟”这句诗的场景相对应。另外，交互元素可以是一个，也可以是多个不同的交互元素，在此不做限定。
在一些实施方式中，所述目标学习绘本包括多个页面的页面信息，可以包括首页页面信息，也可以包括除首页之外的其他页的页面信息。
参见图3所示，为一种目标学习绘本首页页面信息展示界面的示意图，在用户刚进入目标学习绘本的时候，在展示页面展示一个“播放按钮c”的图标，用户可以点击“播放按钮”的图标，进入到目标学习绘本的播放界面开始学习。
请再次参见图2所示，在用户进入目标学习绘本的首页之后，在当前页面的特定区域展示一个翻页图标“b”，所述特定区域可以是页面的角落区域，也可以是边缘区域或者其他区域，在此不做限定。此时用户可以通过点击或者滑动等触发操作，从当前页面翻至下一页面，进行下一页绘本的学习。同时，在当前页面的特定区域还可以展示一个返回图标“g”，此时用户可以通过点击返回图标，从当前页面返回至上一页面。如此，可以让用户产生正在翻阅绘本的真实感，增强用户体验。
S102，在检测到针对所述至少一个交互元素的第二触发操作的情况下，确定与所述至少一个交互元素和所述第二触发操作相匹配的目标动画特效。
具体的，用户可以针对一个或多个交互元素进行第二触发操作，生成目标动画特效，所述第二触发操作可以是单击操作、长按操作、滑动操作、拖拽操作等，在此不做限定。所述目标动画特效与交互元素和第二触发操作是相匹配的，比如上述S101步骤中的描述的示例，只有当用户将“乌云”(交互元素)“移开”(第二触发操作)，才生成“太阳露了出来并发出光芒，香炉山周围出现了紫色的烟雾”的目标动画特效。所述目标动画特效可以是所述交互元素的属性信息发生改变，同时伴有所述图文内容的相应变化，具体的动画特效展示过程将在下述步骤中详细阐述。
在一些实施方式中，在用户针对至少一个所述交互元素进行触发操作之前，可以基于当前页面发出提示语音，以提示用户进行针对所述交互元素的触发操作，比如“太阳被乌云遮住了，小朋友，你能想办法把太阳公公请出来吗？”，提示用户将“乌云”移开。再者，比如提示用户将乌云拉近，可以使得乌云变黑，落下雨滴，雨滴落地，溅起水花等一系列动画或者视频，动画还可配有相应的音频，例如大雨哗哗哗的声音，或者小雨淅沥沥的声音等等。另外，在发出提示语音的同时，还可以基于当前页面展示与提示语音相对应的文字提示信息，声文并茂，如此，在用户不知道如何进行交互操作的情况下，可以通过该提示方式，引导用户完成交互环节，增强用户体验。
S103，采用所述目标动画特效展示所述至少一个交互元素。
基于上述S102步骤中生成的目标动画特效，展示所述至少一个交互元素。
在一些实施方式中，所述目标动画特效可以是与所述交互元素关联的第一动画特效，所述第一动画特效可以是所述交互元素的当前属性信息发生改变，所述属性信息可以是所述交互元素的位置、颜色、形状等，在此不做限定。
示例地，参见图4所示，为一种与交互元素关联的第一动画特效展示界面的示意图，比如当前学习内容为李白的《望庐山瀑布》中的“飞流直下三千尺”的诗句时，此时在图片中展示的是“瀑布从高处落下”的场景，在“瀑布”的上方展示“一条小鱼”的交互元素“d”，同时发出语音提示“小朋友，你能帮助小鱼落入水中吗？”，然后用户可以通过滑动“小鱼”的图标沿着轨迹移动至“e”的位置，此时就会展示“小鱼从瀑布上方沿着瀑布落入水中”的动画特效。如此，通过展示所述交互元素的第一动画特效，可以提高用户学习的趣味性，做到劳逸结合，同时加强用户对当前学习内容的理解和记忆。
在一些实施方式中，所述目标动画特效还可以是与所述图文内容关联的第二动画特效，所述第二动画特效可以是所述图文内容发生改变。
示例地，参见图5所示，为一种与图文内容关联的第二动画特效展示界面的示意图，比如在上述图4描述中的“小鱼从瀑布上方沿着瀑布落入水中”的动画特效之后，此时图片内容也相应的发生改变，例如水中会激起浪花“f”，同时图片下方的文字部分展示“小鱼落到水中，水花溅了李白一身”的文字内容。进一步地，图片中还可以出现一连串的系列改变，例如李白的衣服上沾有水花、水花落地等等。如此，在展示交互元素关联的第一动画特效的同时，展示图文内容关联的第二动画特效，实现了动画特效和图文内容完美融合，使得当前场景更加逼真。
在一些实施方式中，采用目标动画特效展示至少一个交互元素的过程中，可以是缩放或者移动至少一个交互元素，还可以是至少一个交互元素的颜色、形状或者展示方式发生变化，所述展示方式可以是字体、格式、角度等，在此不做限定。如此，提高了交互元素展示形式的多样性，增强用户体验。
在一些实施方式中，在展示所述目标动画特效的同时，还可以播放与所述目标特效匹配的语音提示信息，比如上述实施例中描述的“小鱼从瀑布上方沿着瀑布落入水中”的同时，发出“噗通”的语音提示信息，模拟“小鱼落入水中”的场景，同时还可以语音提示“小鱼落到水中，水花溅了李白一身”，进一步描述该过程，如此，通过展示所述目标动画特效的同时播放相匹配的语音提示信息，使得整个展示过程更加全面和细致，增强了用户体验。
在一些实施方式中，还可以对当前用户针对所述交互元素的触发操作进行评价，比如用户如果操作正确，可以语音或者文字提示“太棒啦！”，同时还可以展示“增加魔法石”的动画特效，如果用户操作错误，可以语音或文字提示“再试一试呢”提示用户进行再次操作，或者提示“继续努力哦”结束当前的互动操作。如此，可以调动用户的积极性，增强与用户的互动性。
本公开实施例中，通过响应第一触发操作，展示目标学习绘本的页面信息，所述页面信息包括图文内容，以及嵌入所述图文内容的至少一个交互元素，然后在检测到针对所述至少一个交互元素的第二触发操作的情况下，确定与所述至少一个交互元素和所述第二触发操作相匹配的目标动画特效，并采用所述目标动画特效展示所述至少一个交互元素，如此，通过在绘本学习过程中插入一些交互元素以及与交互元素相匹配的目标动画特效，增强与用户的互动性同时，提高了用户的学习乐趣，进而有助于带动用户的学习积极性。
此外，需要说明的是，本实施方式中是通过展示交互元素以及相应的目标动画特效来提高与用户的互动性，在其他实施方式中，还可以通过一些题目作答的方式实现与用户的互动，增强用户对学习内容的理解和记忆，比如可以是语音题、选择题、判断题等，在此不做详细赘述。
参见图6所示，为本公开实施例所提供的另一种绘本处理方法的流程图，该方法包括以下S201～S205：
S201，响应第三触发操作，下载与所述目标学习绘本相关的数据资源，所述数据资源包括图片数据、语音数据和动效数据。
具体的，用户在观看目标学习绘本之前，可以通过触发操作，下载所述目标学习绘本相关的数据资源到本地，所述数据资源包括图片数据、语音数据和动效数据，如此，即便在当前网络环境不好的情况下，也不影响用户的学习和交互。而在其他实施例中，也可以不下载数据资源到本地，直接在线上观看目标学习绘本。
S202，基于所述数据资源生成多个页面的页面信息。
可以理解，前述的目标学习绘本的多个页面的页面信息，就是基于所述数据资源生成并渲染在所述目标学习绘本中的。
步骤S203～S205与上述图1中的步骤S101～S103类似，在此不再赘述。
本领域技术人员可以理解，在具体实施方式的上述方法中，各步骤的撰写顺序并不意味着严格的执行顺序而对实施过程构成任何限定，各步骤的具体执行顺序应当以其功能和可能的内在逻辑确定。
基于同一技术构思，本公开实施例中还提供了与绘本处理方法对应的绘本处理装置，由于本公开实施例中的装置解决问题的原理与本公开实施例上述绘本处理方法相似，因此装置的实施可以参见方法的实施，重复之处不再赘述。
参照图7所示，为本公开实施例提供的一种绘本处理装置的结构示意图，所述装置500包括：
第一展示模块501，用于响应第一触发操作，展示目标学习绘本的页面信息；所述页面信息包括图文内容，以及嵌入所述图文内容的至少一个交互元素；所述交互元素的图案与所述图文内容的场景相匹配；
确定模块502，用于在检测到针对所述至少一个交互元素的第二触发操作的情况下，确定与所述至少一个交互元素和所述第二触发操作相匹配的目标动画特效；
第二展示模块503，用于采用所述目标动画特效展示所述至少一个交互元素。
在一种可能的实施方式中，所述目标动画特效包括与所述交互元素关联的第一动画特效，所述确定模块502具体用于：
根据所述第二触发操作，确定所述交互元素从当前的属性信息转换到更新后的属性信息的第一动画特效；所述属性信息包括位置、颜色、和形状中的至少一种。
在一种可能的实施方式中，所述目标动画特效还包括与所述图文内容关联的第二动画特效，所述确定模块502具体用于：
根据所述第二触发操作，以及所述交互元素对应的更新后的属性信息，确定从当前的所述图文内容，转换到更新后的图文内容的第二动画特效。
在一种可能的实施方式中，所述第二展示模块503具体用于：
采用所述目标动画特效展示所述至少一个交互元素，并播放与所述目标动画特效匹配的提示信息，所述提示信息用于描述所述目标动画特效。
在一种可能的实施方式中，所述目标学习绘本包括多个页面的页面信息，所述第一展示模块501具体用于：
响应针对所述目标学习绘本的播放按钮的触发操作，展示目标学习绘本的首页页面信息；
响应针对所述页面信息中翻页图标的触发操作，展示下一页面的页面信息。
响应针对所述页面信息中返回图标的触发操作，展示上一页面的页面信息。
在一种可能的实施方式中，所述第二展示模块503具体用于：
缩放、移动所述至少一个交互元素；
改变所述至少一个交互元素的颜色、形状、展示方式。
参照图8所示，为本公开实施例提供的另一种绘本处理装置的结构示意图，在一种可能的实施方式中，所述装置500还包括：
下载模块504，用于响应第三触发操作，下载与所述目标学习绘本相关的数据资源，所述数据资源包括图片数据、语音数据和动效数据；
生成模块505，用于基于所述数据资源生成多个页面的页面信息。
关于装置中的各模块的处理流程、以及各模块之间的交互流程的描述可以参照上述方法实施例中的相关说明，这里不再详述。
基于同一技术构思，本公开实施例还提供了一种电子设备。参照图9所示，为本公开实施例提供的电子设备700的结构示意图，包括处理器701、存储器702、和总线703。其中，存储器702用于存储执行指令，包括内存7021和外部存储器7022；这里的内存7021也称内存储器，用于暂时存放处理器701中的运算数据，以及与硬盘等外部存储器7022交换的数据，处理器701通过内存7021与外部存储器7022进行数据交换。
本申请实施例中，存储器702具体用于存储执行本申请方案的应用程序代码，并由处理器701来控制执行。也即，当电子设备700运行时，处理器701与存储器702之间通过总线703通信，使得处理器701执行存储器702中存储的应用程序代码，进而执行前述任一实施例中所揭示的方法。
其中，存储器702可以是，但不限于，随机存取存储器(Random Access Memory，RAM)，只读存储器(Read Only Memory，ROM)，可编程只读存储器(Programmable Read－Only Memory，PROM)，可擦除只读存储器(Erasable Programmable Read－Only Memory，EPROM)，电可擦除只读存储器(Electric Erasable Programmable Read－Only Memory，EEPROM)等。
处理器701可能是一种集成电路芯片，具有信号的处理能力。上述的处理器可以是通用处理器，包括中央处理器(Central Processing Unit，CPU)、网络处理器(NetworkProcessor，NP)等；还可以是数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
可以理解的是，本申请实施例示意的结构并不构成对电子设备700的具体限定。在本申请另一些实施例中，电子设备700可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。
本公开实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述方法实施例中的绘本处理方法的步骤。其中，该存储介质可以是易失性或非易失的计算机可读取存储介质。
本公开实施例还提供一种计算机程序产品，该计算机程序产品载有程序代码，所述程序代码包括的指令可用于执行上述方法实施例中的绘本处理方法的步骤，具体可参见上述方法实施例，在此不再赘述。
其中，上述计算机程序产品可以具体通过硬件、软件或其结合的方式实现。在一个可选实施例中，所述计算机程序产品具体体现为计算机存储介质，在另一个可选实施例中，计算机程序产品具体体现为软件产品，例如软件开发包(Software Development Kit，SDK)等等。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统和装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。在本公开所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本公开各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个处理器可执行的非易失的计算机可读取存储介质中。基于这样的理解，本公开的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本公开各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-OnlyMemory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是：以上所述实施例，仅为本公开的具体实施方式，用以说明本公开的技术方案，而非对其限制，本公开的保护范围并不局限于此，尽管参照前述实施例对本公开进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本公开揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本公开实施例技术方案的精神和范围，都应涵盖在本公开的保护范围之内。因此，本公开的保护范围应所述以权利要求的保护范围为准。
Claims (10)
1.一种绘本处理方法，其特征在于，包括：
响应第一触发操作，展示目标学习绘本的页面信息；所述页面信息包括图文内容，以及嵌入所述图文内容的至少一个交互元素；所述交互元素的图案与所述图文内容的场景相匹配；
在检测到针对所述至少一个交互元素的第二触发操作的情况下，确定与所述至少一个交互元素和所述第二触发操作相匹配的目标动画特效；
采用所述目标动画特效展示所述至少一个交互元素。
2.根据权利要求1所述的方法，其特征在于，所述目标动画特效包括与所述交互元素关联的第一动画特效；所述在检测到针对所述至少一个交互元素的第二触发操作的情况下，确定与所述至少一个交互元素和所述第二触发操作相匹配的目标动画特效，包括：
根据所述第二触发操作，确定所述交互元素从当前的属性信息转换到更新后的属性信息的第一动画特效；所述属性信息包括位置、颜色、和形状中的至少一种。
3.根据权利要求2所述的方法，其特征在于，所述目标动画特效还包括与所述图文内容关联的第二动画特效；所述确定目标动画特效，还包括：
根据所述第二触发操作，以及所述交互元素对应的更新后的属性信息，确定从当前的所述图文内容，转换到更新后的图文内容的第二动画特效。
4.根据权利要求1所述的方法，其特征在于，所述采用所述目标动画特效展示所述至少一个交互元素，包括：
采用所述目标动画特效展示所述至少一个交互元素，并播放与所述目标动画特效匹配的提示信息，所述提示信息用于描述所述目标动画特效。
5.根据权利要求1所述的方法，其特征在于，所述目标学习绘本包括多个页面的页面信息；所述响应第一触发操作，展示目标学习绘本的页面信息，包括以下至少一种：
响应针对所述目标学习绘本的播放按钮的触发操作，展示目标学习绘本的首页页面信息；
响应针对所述页面信息中翻页图标的触发操作，展示下一页面的页面信息；
响应针对所述页面信息中返回图标的触发操作，展示上一页面的页面信息。
6.根据权利要求1所述的方法，其特征在于，所述采用所述目标动画特效展示所述至少一个交互元素，包括以下至少一种：
缩放、移动所述至少一个交互元素；
改变所述至少一个交互元素的颜色、形状、展示方式。
7.根据权利要求1～6任一所述的方法，其特征在于，所述响应第一触发操作，展示目标学习绘本的页面信息之前，还包括：
响应第三触发操作，下载与所述目标学习绘本相关的数据资源，所述数据资源包括图片数据、语音数据和动效数据；
基于所述数据资源生成多个页面的页面信息。
8.一种绘本处理装置，其特征在于，包括：
第一展示模块，用于响应第一触发操作，展示目标学习绘本的页面信息；所述页面信息包括图文内容，以及嵌入所述图文内容的至少一个交互元素；所述交互元素的图案与所述图文内容的场景相匹配；
确定模块，用于在检测到针对所述至少一个交互元素的第二触发操作的情况下，确定与所述至少一个交互元素和所述第二触发操作相匹配的目标动画特效；
第二展示模块，用于采用所述目标动画特效展示所述至少一个交互元素。
9.一种电子设备，其特征在于，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当电子设备运行时，所述处理器与所述存储器之间通过总线通信，所述机器可读指令被所述处理器执行时执行如权利要求1至7任一所述的绘本处理方法。
10.一种计算机可读存储介质，其特征在于，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行如权利要求1至7任意一项所述的绘本处理方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110342232.5A CN112988002A (zh) | 2021-03-30 | 2021-03-30 | 一种绘本处理方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110342232.5A CN112988002A (zh) | 2021-03-30 | 2021-03-30 | 一种绘本处理方法、装置、电子设备及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112988002A true CN112988002A (zh) | 2021-06-18 |
Family
ID=76339151
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110342232.5A Pending CN112988002A (zh) | 2021-03-30 | 2021-03-30 | 一种绘本处理方法、装置、电子设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112988002A (zh) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113515212A (zh) * | 2021-07-28 | 2021-10-19 | 北京字节跳动网络技术有限公司 | 交互方法、装置、计算机设备以及计算机可读存储介质 |
| CN113703646A (zh) * | 2021-06-24 | 2021-11-26 | 武汉理工数字传播工程有限公司 | 一种图文学习的方法、电子设备及存储介质 |
| CN113986009A (zh) * | 2021-10-27 | 2022-01-28 | 北京有竹居网络技术有限公司 | 一种展示状态控制方法、装置、计算机设备及存储介质 |
| CN114924666A (zh) * | 2022-05-12 | 2022-08-19 | 上海云绅智能科技有限公司 | 一种应用场景的交互方法、装置、终端设备及存储介质 |
| CN115167729A (zh) * | 2022-05-17 | 2022-10-11 | 阿里巴巴（中国）有限公司 | 界面展示方法、装置及电子设备 |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108037859A (zh) * | 2017-11-17 | 2018-05-15 | 珠海市君天电子科技有限公司 | 一种壁纸控制方法、装置、电子设备及存储介质 |
| CN108573516A (zh) * | 2018-04-28 | 2018-09-25 | 掌阅科技股份有限公司 | 绘本文件的生成方法、计算设备及计算机存储介质 |
| CN108885793A (zh) * | 2016-03-29 | 2018-11-23 | 微软技术许可有限责任公司 | 电子文档中的墨水 |
| CN109960448A (zh) * | 2019-03-21 | 2019-07-02 | 掌阅科技股份有限公司 | 场景特效显示方法、电子设备及计算机存储介质 |
| CN110058695A (zh) * | 2019-04-30 | 2019-07-26 | 北京儒博科技有限公司 | 绘本互动内容生成方法、编辑器、电子设备及存储介质 |
| US20200302671A1 (en) * | 2019-03-18 | 2020-09-24 | Apple Inc. | Hand drawn animation motion paths |
-
2021
- 2021-03-30 CN CN202110342232.5A patent/CN112988002A/zh active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108885793A (zh) * | 2016-03-29 | 2018-11-23 | 微软技术许可有限责任公司 | 电子文档中的墨水 |
| CN108037859A (zh) * | 2017-11-17 | 2018-05-15 | 珠海市君天电子科技有限公司 | 一种壁纸控制方法、装置、电子设备及存储介质 |
| CN108573516A (zh) * | 2018-04-28 | 2018-09-25 | 掌阅科技股份有限公司 | 绘本文件的生成方法、计算设备及计算机存储介质 |
| US20200302671A1 (en) * | 2019-03-18 | 2020-09-24 | Apple Inc. | Hand drawn animation motion paths |
| CN109960448A (zh) * | 2019-03-21 | 2019-07-02 | 掌阅科技股份有限公司 | 场景特效显示方法、电子设备及计算机存储介质 |
| CN110058695A (zh) * | 2019-04-30 | 2019-07-26 | 北京儒博科技有限公司 | 绘本互动内容生成方法、编辑器、电子设备及存储介质 |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113703646A (zh) * | 2021-06-24 | 2021-11-26 | 武汉理工数字传播工程有限公司 | 一种图文学习的方法、电子设备及存储介质 |
| CN113515212A (zh) * | 2021-07-28 | 2021-10-19 | 北京字节跳动网络技术有限公司 | 交互方法、装置、计算机设备以及计算机可读存储介质 |
| CN113986009A (zh) * | 2021-10-27 | 2022-01-28 | 北京有竹居网络技术有限公司 | 一种展示状态控制方法、装置、计算机设备及存储介质 |
| CN114924666A (zh) * | 2022-05-12 | 2022-08-19 | 上海云绅智能科技有限公司 | 一种应用场景的交互方法、装置、终端设备及存储介质 |
| CN115167729A (zh) * | 2022-05-17 | 2022-10-11 | 阿里巴巴（中国）有限公司 | 界面展示方法、装置及电子设备 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112988002A (zh) | 一种绘本处理方法、装置、电子设备及存储介质 | |
| Roth | Cartographic design as visual storytelling: synthesis and review of map-based narratives, genres, and tropes | |
| Bestley et al. | Visual research: An introduction to research methods in graphic design | |
| Deitel et al. | Android for programmers: an app-driven approach | |
| US20130171603A1 (en) | Method and System for Presenting Interactive, Three-Dimensional Learning Tools | |
| Mew | Learning Material Design | |
| CN107590197B (zh) | 一种音乐封面生成方法及移动终端 | |
| Sing et al. | Design and development of multimedia and multi-marker detection techniques in interactive augmented reality colouring book | |
| Ablyaev et al. | Developing a mobile augmented reality application for enhancing early literacy skills | |
| CN113257061A (zh) | 虚拟教学方法、装置、电子设备及计算机可读介质 | |
| Tosa et al. | Cultural computing with context-aware application: ZENetic computer | |
| Ablyaev et al. | Design of Mobile Augmented Reality System for Early Literacy. | |
| Blackwell | Visual representation | |
| Flueckiger et al. | The iPhone Apps. A Digital Culture of Interactivity | |
| Grennan | Thinking about Drawing: An Introduction to Themes and Concepts | |
| US9908050B2 (en) | System and method for image recognized content creation | |
| Strehovec | Text as ride | |
| CN109933762B (zh) | 一种课件制作方法、装置、设备和存储介质 | |
| Smith | Unity 2018 Cookbook: Over 160 recipes to take your 2D and 3D game development to the next level | |
| Runberg | The SparkFun Guide to Processing: Create Interactive Art with Code | |
| Kim et al. | A comparative analysis of user interface through virtual reality media art works case analysis | |
| Hurwicz et al. | Using Macromedia Flash MX | |
| Van der Spuy | AdvancED Game Design with Flash | |
| Geetha et al. | Augmented reality application: Ar learning platform for primary education | |
| Abdullah et al. | Learning Human Anatomy Using Augmented Reality Mobile Application |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210618 |
|
| RJ01 | Rejection of invention patent application after publication |