WO2021208329A1 - Interactive picture book processing method and apparatus, and system - Google Patents

Interactive picture book processing method and apparatus, and system Download PDF

Info

Publication number
WO2021208329A1
WO2021208329A1 PCT/CN2020/112498 CN2020112498W WO2021208329A1 WO 2021208329 A1 WO2021208329 A1 WO 2021208329A1 CN 2020112498 W CN2020112498 W CN 2020112498W WO 2021208329 A1 WO2021208329 A1 WO 2021208329A1
Authority
WO
WIPO (PCT)
Prior art keywords
picture book
page
information
playback
picture
Prior art date
Application number
PCT/CN2020/112498
Other languages
French (fr)
Chinese (zh)
Inventor
张星一
谭文静
王哲贤
刘宇
于静华
Original Assignee
天津洪恩完美未来教育科技有限公司
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 天津洪恩完美未来教育科技有限公司 filed Critical 天津洪恩完美未来教育科技有限公司
Publication of WO2021208329A1 publication Critical patent/WO2021208329A1/en

Links

Images

Classifications

    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09BEDUCATIONAL OR DEMONSTRATION APPLIANCES; APPLIANCES FOR TEACHING, OR COMMUNICATING WITH, THE BLIND, DEAF OR MUTE; MODELS; PLANETARIA; GLOBES; MAPS; DIAGRAMS
    • G09B5/00Electrically-operated educational appliances
    • G09B5/04Electrically-operated educational appliances with audible presentation of the material to be studied

Definitions

  • This application relates to the field of data processing technology, and in particular to a processing method, device and system for interactive picture books.
  • Picture books refer to a type of story readers with pictures as the mainstay and a small amount of text, which express a specific theme or story by combining text and pictures.
  • Traditional paper picture books are printed on paper in advance, so the content they carry is limited, and users need to be equipped with additional reading pens to obtain the voice content of paper picture books, which is inconvenient to use and high in cost.
  • the electronic picture book refers to a picture book that can be directly displayed and played on a smart terminal, and it can directly update the content of the picture book online and carry a lot of content.
  • the present application provides an interactive picture book processing method, device and system, the main purpose of which is to improve the technical problem that the current electronic picture books are difficult to mobilize the user's enthusiasm for viewing picture books, which may easily cause a waste of picture book resources.
  • an interactive picture book processing method which can be applied to the client side.
  • the method includes: obtaining collection task information of preset content props corresponding to the picture book; Click instruction of an element; if it is determined that the preset content props that are not currently collected match the content props correspondingly bound to the first element, update the collection task information, and output the update of the collection task information information.
  • another interactive picture book processing method which can be applied to the server side.
  • the method includes: splitting the original picture information of the picture book to obtain various components; creating and playing according to the components Element; create the collection task information of the preset content props corresponding to the picture book; according to the collection task information, select the playback element and bind the corresponding content props.
  • an interactive picture book processing device which can be applied to the client side, and includes: an acquisition module for acquiring collection task information of preset content props corresponding to the picture book; After receiving the click instruction of the first element in the play page of the picture book; the update module is used for determining that the preset content props that are not currently collected match the content props corresponding to the first element bound to the collection The task information is updated; the output module is used to output the update message of the collected task information.
  • an interactive picture book processing device which can be applied to the server side.
  • the device includes: a splitting module for splitting the original picture information of the picture book to obtain various components; creating The module is used to create the playback element according to the components; the creation module is also used to create the collection task information of the preset content props corresponding to the picture book; the processing module is used to select the playback element based on the collection task information Element and bind the corresponding content props.
  • a computer program which includes computer-readable code, when the computer-readable code is executed on a client device, the client device is executed to realize the above-mentioned applicable The processing method of interactive picture books on the client side.
  • a computer-readable medium in which the computer program of the processing method of interactive picture books that can be applied to the client side is stored.
  • an interactive picture book processing system including: the above-mentioned client device and the above-mentioned server device.
  • this application provides an interactive picture book processing method, device and system.
  • this application creates corresponding preset content and props collection task information for the picture book, and the user can use
  • the collection task information carefully read the content of the picture book, find the preset content props that have not been collected, and update the collection task information in time when it is determined that the preset content props that are not currently collected match the content props corresponding to the clicked element. And output the corresponding update message.
  • the user's enthusiasm for viewing picture books can be effectively mobilized, and the viewing experience can be improved, so that the picture books can be fully used as much as possible, and the waste of picture book resources can be reduced.
  • FIG. 1 shows a schematic flowchart of an interactive picture book processing method provided by an embodiment of the present application
  • FIG. 2 shows a schematic flowchart of another method for processing interactive picture books provided by an embodiment of the present application
  • FIG. 3 shows a schematic flowchart of another method for processing interactive picture books provided by an embodiment of the present application
  • FIG. 4 shows an example structure diagram of the overall content of an interactive picture book provided by an embodiment of the present application
  • FIG. 5 shows a schematic diagram of an example process provided by an embodiment of the present application
  • FIG. 6 shows a schematic structural diagram of an interactive picture book processing apparatus provided by an embodiment of the present application.
  • FIG. 7 shows a schematic structural diagram of another interactive picture book processing apparatus provided by an embodiment of the present application.
  • FIG. 8 shows a block diagram of a client device provided in an embodiment of the present application for executing the method according to the present application
  • FIG. 9 shows a storage unit provided by an embodiment of the present application for holding or carrying program code for implementing the method according to the present application
  • FIG. 10 shows a schematic structural diagram of an interactive picture book processing system provided by an embodiment of the present application.
  • This embodiment provides a method for processing interactive picture books, as shown in FIG. 1, which can be applied to the client side, and the method includes:
  • the picture book in this embodiment may be an electronic picture book, which may be downloaded from the server side or loaded from local storage.
  • the collection task information can be created in advance based on the original picture content information corresponding to the picture book and combined with actual business requirements.
  • the collection task information may include preset content props that have been collected, and/or preset content props to be collected, etc.
  • the preset content props can be related to the content of the picture book to play the role of learning guidance; or related to some businesses, etc., to play the role of information recommendation, etc.
  • the content props can be elements associated with the content of the picture book.
  • the picture book named "Knowledge of Epidemic Prevention” introduces knowledge about how to protect against the epidemic, so you can select the goggles, protective clothing, and antivirus contained in the picture book. Elements such as agents, gloves, masks, etc., create the picture book collection task corresponding to the content props to be collected.
  • the execution subject of the embodiment may be a client terminal for picture book data processing, such as a specific application (APP) or device installed on a terminal such as a smart phone, a tablet computer, and a personal computer.
  • APP specific application
  • the first element can be the play element in the play page of the picture book, which can be considered as an interactive element.
  • the element can be the environment (such as the background of houses, clouds, rivers, windmills, wards, etc.), objects (such as apples, glasses, gloves, shovel, etc.) , Axe, pistol, protective clothing, etc.), characters (such as boys, girls, old people, young people, etc.) or other animals and plants (such as cats, dogs, flowers, etc.) and other elements, and the element can be a dynamic element or a static element Wait.
  • dynamic elements can also be divided into many forms, such as the element is also accompanied by dynamic changes when the picture book is played (such as changing position, changing shape, changing color, style zooming in or out, etc.), or it can be in a static state when the picture book is playing , When the user clicks, it can change dynamically within a certain period of time (equivalent to the element pre-bound with a corresponding trigger event), etc.
  • the user when viewing a picture book, the user can tap the play element in the picture book playback page, and on the device side, first obtain the click position information in the picture book playback page; then determine whether the click position information has a corresponding preset trigger Event (referring to the factor that triggers a certain function code in the program, it can be generated in multiple ways, such as user interaction, etc.). If there is a preset trigger event corresponding to the click position information, it means that the playback element can be used The interactive element determines that it receives the click instruction of the play element, and can execute the corresponding trigger event.
  • the trigger event can be related to the play element or related to other services.
  • the content props bound to the first element are compared with the preset content props that are not currently collected in the collection task information, if it is determined that the preset content props that are not currently collected are the first element Correspondingly bound content props do not match, indicating that the collected content props are not the content props that need to be collected for the mission, and the collection of the content props will not update the collection mission information.
  • the update message may be a message in the form of text, picture, audio, video, light, vibration, etc.
  • the corresponding preset content props not currently collected in the collection task information can be changed to the collected state and output Text + audio update message to remind the user that the content item has been successfully collected.
  • This embodiment provides an interactive picture book processing method. Compared with the current prior art, this embodiment creates the collection task information of the corresponding preset content props for the picture book, and the user can read the contents of the picture book carefully through the collection task information , Find the uncollected preset content props, and when it is determined that the currently uncollected preset content props match the content props bound corresponding to the clicked element, update the collection task information in time and output a corresponding update message.
  • the user's enthusiasm for viewing picture books can be effectively mobilized, and the viewing experience can be improved, so that the picture books can be fully used as much as possible, and the waste of picture book resources can be reduced.
  • the method includes:
  • the configuration file of the picture book can be downloaded from the server side, or obtained from local storage. Which picture book to load can be determined according to the user's picture book playback instruction.
  • the preset content props may be elements associated with the content of the picture book.
  • the page information of each playback page in the picture book can be obtained.
  • the page information may include: the total number of pages of the picture book, the trigger event contained in each playback page, and the event trigger position corresponding to the trigger event.
  • the page information may also include: playback elements contained in each playback page and the coordinate positions of the playback elements in the playback page.
  • these playback elements are displayed at their respective positions on the picture book playback page.
  • the play element of the house is displayed at the position; according to the girl’s coordinate position, the play element of the girl is displayed at the corresponding position on the play page of the picture book.
  • the playback element in this embodiment can be a dynamic element or a static element. Therefore, optionally, if there is a second element (interactive element) with animation in the picture book playback page, the method of this embodiment may also include: When the picture book plays the page, the animation information of the second element is played. For example, when playing a picture book content, the current scene is a natural wind scene with animated flowers and other elements, so the display position and display form of the flowers and plants on the playback page can be changed to show the style of swaying with the wind. .
  • the playback effect of the picture books can be improved, the enthusiasm of the users to watch the picture books can be effectively mobilized, the viewing experience can be improved, and the picture books can be fully used as much as possible. Picture book resources are wasted.
  • the second element with animation can also be in a static state when the picture book is played or in a static state after the current page is played, and it will be triggered when the corresponding click instruction is received. Play the animation information of the second element. Therefore, optionally, the second element is the animation information that is triggered to be played when the corresponding click instruction is received.
  • the butterfly element with animation is temporarily displayed statically at its specific coordinate position, or is in a static state after the current page is played.
  • the butterfly element can be triggered to dynamically move according to the specific position track, and then the effect of flying and moving is realized on the page.
  • the playback effect of the picture books can be improved, and the user's enthusiasm for viewing the picture books can be effectively aroused, and the viewing experience can be improved, so that the picture books can be fully used as much as possible. .
  • the method of this embodiment may further include: outputting prompt information that the second element can be clicked.
  • obtaining the trigger event is an event that guides the user to click on the second element, and then obtain the location coordinates corresponding to the trigger event (that is, where the user clicks will trigger the event), and then highlight the location coordinates area, such as high Lights, flashes, etc. to guide the user to click on the area.
  • the preset content props that are not currently collected match the content props correspondingly bound to the first element, then according to the content props bound corresponding to the first element, the preset content items that are not collected in the task information will be collected. The content items are changed to the collected state.
  • a picture book needs to collect 5 content props, namely goggles, protective clothing, anti-virus, mask, and gloves.
  • goggles, protective clothing, and anti-virus have been collected (light up the icons of these three items).
  • the picture book is played, if the user clicks on an element, the content props bound to the element is a protective mask, and the identification of the protective mask (such as model, ID number, etc.) is the identification of the protective mask currently to be collected, then confirm If the matching is successful, the icon of the protective mask can be lit, indicating that the protective mask has been collected successfully. In this way, it can prompt the user that the content and props have been collected successfully, and improve the user's experience.
  • the method of this embodiment may further include: updating the picture book playback page , And output the updated picture book playback page.
  • the user will also be prompted to a certain extent that the content props have been collected successfully, and after the content props are successfully collected, the corresponding picture book content playback can also be launched according to actual business needs, and then selective branch plot playback can be realized. .
  • the corresponding first element After the content props are collected successfully, if the corresponding first element receives a click instruction again, it will not indicate that the props are collected successfully. Therefore, it is further optional to update the picture book playback page in order to reduce repeated clicks by the user. Including: Clear the first element in the picture book playback page. For example, after the protective mask is collected successfully, the elements of the protective mask in the picture book playback page can be removed, which not only indicates that the protective mask is collected successfully, but also can reduce the user's repeated click operations to a certain extent.
  • the picture + audio prompt information of the successful collection of the protective mask can be displayed on the page, and the icon corresponding to the protective mask in the collection task information can be lit.
  • the method of this embodiment may further include: receiving a display instruction of the collection task information; and outputting the collection task information. For example, the user clicks on the log file corresponding to the collection task information. After the log file is opened, the collection of a set of preset content props corresponding to each picture book can be displayed; or, when the log file is clicked when the picture book is played, only Shows the collection of preset content props corresponding to the current picture book.
  • outputting collection task information may specifically include: outputting relevant information about content items that have been collected and/or not collected in the collection task information.
  • the relevant information may specifically include: the identification of the content prop (such as name, serial number of the suit, etc.), shape (such as the outline of the content prop, etc.), pictures (such as the static or dynamic picture style of the content prop, etc.), and function introduction One or more of (such as the functional purpose of the content props, etc.), the picture book to which the content prop belongs (such as which picture book collection task the content prop belongs to, etc.), and the clue reminder (such as which picture book and which chapter the content prop can be collected from, etc.) indivual.
  • the identification of the content prop such as name, serial number of the suit, etc.
  • shape such as the outline of the content prop, etc.
  • pictures such as the static or dynamic picture style of the content prop, etc.
  • function introduction One or more of (such as the functional purpose of the content props, etc.)
  • the picture book to which the content prop belongs
  • This embodiment provides another method for processing interactive picture books. Compared with the current prior art, this embodiment creates the collection task information of the corresponding preset content props for the picture book, and the user can read the picture book carefully through the collection task information Content, find the uncollected preset content props, and when it is determined that the currently uncollected preset content props match the content props bound corresponding to the clicked element, update the collection task information in time and output corresponding update messages.
  • the user's enthusiasm for viewing picture books can be effectively mobilized, and the viewing experience can be improved, so that the picture books can be fully used as much as possible, and the waste of picture book resources can be reduced.
  • this embodiment also provides another interactive picture book processing method, which can be applied to The server side, in order to explain the corresponding processing process on the server side, as shown in Figure 3, the method includes:
  • the original picture information (which may include the pictures on each page of the original story drawn by the artist) can be split according to actual business needs, and in order to make the split more reasonable, optionally, step 301 Specifically, it may include: splitting the original picture information of the picture book according to the background, and/or characters, and/or objects, etc., to obtain various components. For example, if the original picture information contains a scene where a girl picks flowers in the grass, the original picture information can be divided into several components such as girl, flowers, grass, and sky.
  • step 302 may specifically include: creating a playback element with animation based on the split components.
  • the dynamic display effect of part or all of the playing elements in the playing page is satisfied.
  • a playback element with animation based on the split components, which may specifically include: dynamically adjusting the display position and/or display size of the corresponding element of the component in the playback page, etc.,
  • To generate playback elements with animation For example, in the process of dynamic adjustment, record the position coordinates of the corresponding movement of the dynamic element at each time point when the dynamic element is played, and/or the position coordinates of the display of the shape change (such as stretching, shrinking, rotating, zooming in or zooming out, etc.), etc.
  • the recorded information can then be saved in the configuration file corresponding to the picture book. So that the client loads the record information obtained by the configuration file, and according to the position coordinates of the records, according to the playback time point correspondingly, the playback element with the animation effect is displayed.
  • the content and props collection task information corresponding to the picture book can be created according to the original picture content information corresponding to the picture book and combined with actual business requirements.
  • the theme of the picture book is determined to be epidemic prevention knowledge
  • the picture book corresponds to the playback elements of some protective props used for epidemic prevention (such as goggles, protective clothing, anti-virus, masks, gloves, etc.) Therefore, in order to help publicize the safety measures for epidemic prevention, some necessary protective props can be combined as the collection task information of the preset content props corresponding to the picture book.
  • the created collection task information select a play element and bind corresponding content props. Specifically, you can create a trigger event by binding the content props corresponding to the playback element. According to the coordinate position of the playback element in the playback page, bind the trigger event corresponding to the coordinate position.
  • the binding trigger event can be executed, that is, to determine whether the bound content props match the preset content props that are not currently collected. If they match, the bound content props will be collected
  • the task information corresponding to the preset content items that have not been collected is changed to the collected state, etc.
  • the method of this embodiment may further include: combining the playback elements to create page information of each playback page in the picture book; and then generating the configuration file of the picture book according to the page information of each playback page, so as to accurately obtain the A picture book configuration file with animation information and preset content and props collection task information.
  • the page information may include the trigger event included in the playback page and the event trigger position corresponding to the trigger event, and the playback element included in the playback page and the coordinate position of the playback element in the playback page.
  • each page of each picture book moveable it is first necessary to split each page of the original painting into components such as environment, characters, and objects according to the story. These components are then made into elements with animation. Then according to the plot of the story, all the elements are combined into a page by page picture. Then the json data structure can be used to record the information of each page of each book.
  • the information mainly includes: the total number of pages of the picture book, which elements are used on each page, and where these elements are located; in each page, what events will be triggered when the user clicks on which position, etc.
  • Figure 4 it is a schematic diagram of the overall structure of the interactive (interactive) picture book.
  • the title page can include author information, story name, story introduction, reading time, cover image, etc.
  • the story page can include the background elements used in the screen, all the character elements in the screen and their coordinate positions, the audio files corresponding to the dialogue required by the story page, and all the trigger event arrangements for the story page, etc.
  • the question page can contain the copy of the question, icons, optional answers, answer analysis, etc.
  • the last page can include a cover image, story name display, etc.
  • the menu UI can include bookmarks (such as recording thumbnails and page numbers of each page, etc.) and achievement notes (such as showing the user's collected and uncollected secrets (content props) information).
  • the specific implementation process may include: when playing a picture book, the client first loads the configuration file of the picture book, displays the menu UI and loads the title page content of the picture book.
  • the user can click on the achievement note to view the confidential information contained in the achievement note that the user has collected and not collected; the user can also slide the finger to display the content of the story page, the question page, the last page, etc., during which the dialogue and page back page can be flipped , Click the bookmark in the menu UI to jump to the specified page, etc.
  • the method of this embodiment can effectively mobilize the user's enthusiasm for viewing picture books, improve the viewing experience, make the picture books fully used as much as possible, and reduce the waste of picture book resources.
  • this embodiment provides an interactive picture book processing device that can be applied to the client side.
  • the device includes: an acquisition module 41 , The receiving module 42, the updating module 43, and the output module 44.
  • the obtaining module 41 can be used to obtain the collection task information of the preset content props corresponding to the picture book;
  • the receiving module 42 may be used to receive the click instruction of the first element in the play page of the picture book
  • the update module 43 can be used to update the collection task information if it is determined that the preset content props that are not currently collected match the content props bound corresponding to the first element;
  • the output module 44 can be used to output the update message of the collection task information.
  • the update module 43 may be specifically used to change the uncollected preset content props in the collection task information to collected content props according to the content props bound corresponding to the first element. state.
  • the output module 44 may also be used to play the animation of the second element when displaying the picture book playback page if there is a second element with animation in the picture book playback page information.
  • the second element is animation information that is triggered to be played when a corresponding click instruction is received.
  • the output module 44 may also be used to output the second element if the click instruction corresponding to the second element is not received within the preset duration of the display of the picture book playback page. The prompt message that was clicked.
  • the device may also include: a loading module
  • the loading module can be used to load the configuration file of the picture book
  • the acquiring module 41 may also be used to acquire page information of each playback page in the picture book;
  • the output module 44 can also be used to play the picture book according to the page information.
  • the update module 43 may also be used to update the picture book playback page if it is determined that the preset content props that are not currently collected match the content props bound to the first element. ;
  • the output module 44 can also be used to output the updated picture book playback page.
  • the update module 43 may be specifically used to clear the first element in the picture book playback page.
  • the receiving module 41 may also be used to receive a display instruction for collecting task information
  • the output module 44 can also be used to output the collection task information.
  • the output module 44 may be specifically configured to output information related to content props that have been collected and/or have not been collected in the collection task information.
  • the related information includes: one or more of the identification, shape, picture, function introduction, belonging picture book, and clue reminder of the content prop.
  • the preset content props are elements associated with the content of the picture book.
  • an embodiment of the present application provides an interactive picture book processing device that can be applied to the server side.
  • the device includes: a splitting module 51, Creation module 52, processing module 53.
  • the splitting module 51 can be used to split the original picture information of the picture book to obtain various components;
  • the creation module 52 can be used to create a playback element according to the component
  • the creation module 52 can also be used to create collection task information of the preset content props corresponding to the picture book;
  • the processing module 53 may be configured to select the playback element and bind the corresponding content props according to the collection task information.
  • the device may also include: a generating module
  • the creation module 52 can also be used to combine the playback elements to create page information of each playback page in the picture book;
  • the generating module may be used to generate the configuration file of the picture book according to the page information of each playback page.
  • the page information includes the trigger event contained in the playback page and the event trigger position corresponding to the trigger event, and the playback element contained in the playback page and the playback element is playing.
  • the coordinate position on the page optionally, the page information includes the trigger event contained in the playback page and the event trigger position corresponding to the trigger event, and the playback element contained in the playback page and the playback element is playing. The coordinate position on the page.
  • the splitting module 51 may specifically be used to split the original picture information according to background, and/or roles, and/or items to obtain various components.
  • the creation module 52 can be specifically used to create a playback element with animation according to the component.
  • the creation module 52 can also be specifically used to dynamically adjust the display position and/or display size of the corresponding element of the component in the playback page to generate a playback element with animation.
  • the various component embodiments of the present application may be implemented by hardware, or by software modules running on one or more processors, or by a combination of them.
  • a microprocessor or a digital signal processor (DSP) may be used in practice to implement some or all of the functions of some or all of the components in the processing device of the interactive picture book according to the embodiments of the present application.
  • This application can also be implemented as a device or device program (for example, a computer program and a computer program product) for executing part or all of the methods described herein.
  • Such a program for implementing the present application may be stored on a computer-readable medium, or may have the form of one or more signals.
  • Such a signal can be downloaded from an Internet website, or provided on a carrier signal, or provided in any other form.
  • FIG. 8 shows a client device, such as a smart phone, a tablet computer, etc., that can implement the processing of the interactive picture book according to the present application.
  • the client device traditionally includes a processor 610 and a computer program product in the form of a memory 620 or a computer-readable medium.
  • the memory 620 may be an electronic memory such as flash memory, EEPROM (Electrically Erasable Programmable Read Only Memory), EPROM, hard disk, or ROM.
  • the memory 620 has a storage space 630 for executing the program code 631 of any method step in the foregoing method.
  • the storage space 630 for program codes may include various program codes 631 respectively used to implement various steps in the above method.
  • These program codes can be read from or written into one or more computer program products.
  • These computer program products include program code carriers such as hard disks, compact disks (CDs), memory cards, or floppy disks.
  • Such a computer program product is usually a portable or fixed storage unit as described with reference to FIG. 9.
  • the storage unit may have storage segments, storage spaces, etc. arranged similarly to the storage 620 in the client device of FIG. 8.
  • the program code can be compressed in an appropriate form, for example.
  • the storage unit includes computer-readable codes 631', that is, codes that can be read by, for example, a processor such as 610. These codes, when run by a client device, cause the client device to execute the method described above. The various steps.
  • an embodiment of the present application also provides an interactive picture book processing system.
  • the system includes a server device 61 and a client device 62;
  • the client device 62 can be used to execute the method shown in FIG. 1 and FIG. 2, and the server device 61 can be used to execute the method shown in FIG. 3.
  • the server device 61 can be used to split the original picture information of the picture book to obtain various components; create playback elements according to the components; create collection task information of the preset content props corresponding to the picture book; select all the items according to the collection task information
  • the playback elements are bound to corresponding content props; the playback elements are combined to create page information of each playback page in the picture book; and the configuration file of the picture book is generated according to the page information of each playback page.
  • the client device 62 may be used to send the request for acquiring the picture book to the server device 61.
  • the server device 61 may also be used to receive the request for acquiring the picture book sent by the client device 62.
  • the configuration file of the picture book is sent to the client device 62.
  • the client device 62 may also be used to receive the configuration file of the picture book sent by the server device 61; load the configuration file, obtain page information of each playback page in the picture book, and obtain a collection of preset content props corresponding to the picture book Task information; according to the page information, play the picture book.
  • the collection task information is performed Update, and output an update message of the collection task information.
  • this embodiment creates the collection task information of the corresponding preset content props for the picture book.
  • the user can read the contents of the picture book carefully through the collection task information, and find out that the content of the picture book is not collected.
  • the collected task information is updated in time and the corresponding update message is output.

Landscapes

  • Engineering & Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • Physics & Mathematics (AREA)
  • Educational Administration (AREA)
  • Educational Technology (AREA)
  • General Physics & Mathematics (AREA)
  • Theoretical Computer Science (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

Disclosed are an interactive picture book processing method and apparatus, and a system, which relate to the technical field of data processing. The method comprises: acquiring collection task information regarding a preset content prop corresponding to a picture book (101); receiving a click instruction for a first element in a picture book playing page (102); and if it is determined that a preset content prop that is not currently collected matches a content prop correspondingly bound to the first element, updating the collection task information, and outputting a message indicating that the collection task information has been updated (103). Therefore, the enthusiasm of a user for reading a picture book can be effectively aroused, and the reading experience can be improved, such that the picture book is fully utilized as much as possible, thereby reducing the waste of picture book resources.

Description

交互式绘本的处理方法、装置及系统Interactive picture book processing method, device and system
本申请要求与2020年4月14日提交中国专利局、申请号为202010291403.1、申请名称为“交互式绘本的处理方法、装置及系统”的中国专利申请的优先权,其全部内容通过引用结合在申请中。This application claims priority with the Chinese patent application filed with the Chinese Patent Office on April 14, 2020, the application number is 202010291403.1, and the application name is "Interactive Picture Book Processing Method, Device and System", the entire content of which is incorporated by reference Applying.
技术领域Technical field
本申请涉及数据处理技术领域,尤其是涉及到一种交互式绘本的处理方法、装置及系统。This application relates to the field of data processing technology, and in particular to a processing method, device and system for interactive picture books.
背景技术Background technique
绘本是指一类以图画为主,并附有少量文字的故事读本,其通过将文字与图画相结合,来表达特定的主题或故事。传统的纸质绘本均是提前印刷在纸上的,因此其承载的内容有限,并且用户需要配备额外的点读笔才能获取纸版绘本的语音内容,使用不便,且成本较高。Picture books refer to a type of story readers with pictures as the mainstay and a small amount of text, which express a specific theme or story by combining text and pictures. Traditional paper picture books are printed on paper in advance, so the content they carry is limited, and users need to be equipped with additional reading pens to obtain the voice content of paper picture books, which is inconvenient to use and high in cost.
为此目前现有技术中提供了一种电子绘本,该电子绘本是指可以直接在智能终端上进行显示和播放的绘本,其可以直接联网更新绘本内容,承载的内容较多。For this reason, an electronic picture book is currently provided in the prior art. The electronic picture book refers to a picture book that can be directly displayed and played on a smart terminal, and it can directly update the content of the picture book online and carry a lot of content.
然而,发明人发现现有的电子绘本只是将纸质绘本的内容以电子化的形式,原封不动地展现在智能终端上,很难调动用户观看绘本的积极性,造成观看体验较差,进而容易造成绘本资源浪费。However, the inventor found that the existing electronic picture books only display the content of the paper picture books in an electronic form on the smart terminal. It is difficult to mobilize the user's enthusiasm for viewing the picture books, resulting in a poor viewing experience and easy Cause a waste of picture book resources.
发明内容Summary of the invention
有鉴于此,本申请提供了一种交互式绘本的处理方法、装置及系统,主要目的在于改善目前现有的电子绘本很难调动用户观看绘本的积极性,进而容易造成绘本资源浪费的技术问题。In view of this, the present application provides an interactive picture book processing method, device and system, the main purpose of which is to improve the technical problem that the current electronic picture books are difficult to mobilize the user's enthusiasm for viewing picture books, which may easily cause a waste of picture book resources.
依据本申请的一个方面,提供了一种交互式绘本的处理方法,可应用于客户端侧,该方法包括:获取绘本对应的预设内容道具的收集任务信息;接收所述绘本播放页面中第一元素的点击指令;若判定当前未收集到的预设内容道具与所述第一元素对应绑定的内容道具匹配,则对所述收集任务信息进行更新,并输出所述收集任务信息的更新消息。According to one aspect of this application, an interactive picture book processing method is provided, which can be applied to the client side. The method includes: obtaining collection task information of preset content props corresponding to the picture book; Click instruction of an element; if it is determined that the preset content props that are not currently collected match the content props correspondingly bound to the first element, update the collection task information, and output the update of the collection task information information.
依据本申请的另一方面,提供了另一种交互式绘本的处理方法,可应用于服务端侧,该方法包括:将绘本的原画信息进行拆分,得到各个组件;依据所述组件创建播放元素;创建所述绘本对应预设内容道具的收集任务信息; 根据所述收集任务信息,选择所述播放元素并绑定对应的内容道具。According to another aspect of the present application, another interactive picture book processing method is provided, which can be applied to the server side. The method includes: splitting the original picture information of the picture book to obtain various components; creating and playing according to the components Element; create the collection task information of the preset content props corresponding to the picture book; according to the collection task information, select the playback element and bind the corresponding content props.
依据本申请的又一方面,提供了一种交互式绘本的处理装置,可应用于客户端侧,包括:获取模块,用于获取绘本对应的预设内容道具的收集任务信息;接收模块,用于接收所述绘本播放页面中第一元素的点击指令;更新模块,用于若判定当前未收集到的预设内容道具与所述第一元素对应绑定的内容道具匹配,则对所述收集任务信息进行更新;输出模块,用于输出所述收集任务信息的更新消息。According to another aspect of the present application, there is provided an interactive picture book processing device, which can be applied to the client side, and includes: an acquisition module for acquiring collection task information of preset content props corresponding to the picture book; After receiving the click instruction of the first element in the play page of the picture book; the update module is used for determining that the preset content props that are not currently collected match the content props corresponding to the first element bound to the collection The task information is updated; the output module is used to output the update message of the collected task information.
依据本申请的再一方面,提供了一种交互式绘本的处理装置,可应用于服务端侧,该装置包括:拆分模块,用于将绘本的原画信息进行拆分,得到各个组件;创建模块,用于依据所述组件创建播放元素;所述创建模块,还用于创建所述绘本对应预设内容道具的收集任务信息;处理模块,用于根据所述收集任务信息,选择所述播放元素并绑定对应的内容道具。According to another aspect of the present application, an interactive picture book processing device is provided, which can be applied to the server side. The device includes: a splitting module for splitting the original picture information of the picture book to obtain various components; creating The module is used to create the playback element according to the components; the creation module is also used to create the collection task information of the preset content props corresponding to the picture book; the processing module is used to select the playback element based on the collection task information Element and bind the corresponding content props.
依据本申请的再一方面,提供了一种计算机程序,其包括计算机可读代码,当所述计算机可读代码在客户端设备上运行时,导致所述客户端设备执行时实现上述可应用于客户端侧的交互式绘本的处理方法。According to another aspect of the present application, there is provided a computer program, which includes computer-readable code, when the computer-readable code is executed on a client device, the client device is executed to realize the above-mentioned applicable The processing method of interactive picture books on the client side.
依据本申请的再一方面,提供了一种计算机可读介质,其中存储了上述可应用于客户端侧的交互式绘本的处理方法的计算机程序。According to another aspect of the present application, a computer-readable medium is provided, in which the computer program of the processing method of interactive picture books that can be applied to the client side is stored.
依据本申请再一个方面,提供了一种交互式绘本的处理系统,包括:上述客户端设备和上述服务器设备。According to another aspect of the present application, there is provided an interactive picture book processing system, including: the above-mentioned client device and the above-mentioned server device.
借由上述技术方案,本申请提供的一种交互式绘本的处理方法、装置及系统,与目前现有技术相比,本申请为绘本创建对应的预设内容道具的收集任务信息,用户可通过该收集任务信息仔细阅读绘本内容,从中找到未收集到的预设内容道具,在判定当前未收集到的预设内容道具与点击元素对应绑定的内容道具匹配时,对收集任务信息进行及时更新并输出相应的更新消息。通过此过程可有效调动用户观看绘本的积极性,提升观看体验,使得绘本尽可能地被充分使用,减少绘本资源浪费。With the above technical solutions, this application provides an interactive picture book processing method, device and system. Compared with the current prior art, this application creates corresponding preset content and props collection task information for the picture book, and the user can use The collection task information carefully read the content of the picture book, find the preset content props that have not been collected, and update the collection task information in time when it is determined that the preset content props that are not currently collected match the content props corresponding to the clicked element. And output the corresponding update message. Through this process, the user's enthusiasm for viewing picture books can be effectively mobilized, and the viewing experience can be improved, so that the picture books can be fully used as much as possible, and the waste of picture book resources can be reduced.
上述说明仅是本申请技术方案的概述,为了能够更清楚了解本申请的技术手段,而可依照说明书的内容予以实施,并且为了让本申请的上述和其它目的、特征和优点能够更明显易懂,以下特举本申请的具体实施方式。The above description is only an overview of the technical solution of this application. In order to understand the technical means of this application more clearly, it can be implemented in accordance with the content of the specification, and in order to make the above and other purposes, features and advantages of this application more obvious and understandable. , The specific implementations of this application are cited below.
附图说明Description of the drawings
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部 分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:The drawings described here are used to provide a further understanding of the application and constitute a part of the application. The exemplary embodiments and descriptions of the application are used to explain the application, and do not constitute an improper limitation of the application. In the attached picture:
图1示出了本申请实施例提供的一种交互式绘本的处理方法的流程示意图;FIG. 1 shows a schematic flowchart of an interactive picture book processing method provided by an embodiment of the present application;
图2示出了本申请实施例提供的另一种交互式绘本的处理方法的流程示意图;FIG. 2 shows a schematic flowchart of another method for processing interactive picture books provided by an embodiment of the present application;
图3示出了本申请实施例提供的另一种交互式绘本的处理方法的流程示意图;FIG. 3 shows a schematic flowchart of another method for processing interactive picture books provided by an embodiment of the present application;
图4示出了本申请实施例提供的交互式绘本整体内容的实例结构示意图;FIG. 4 shows an example structure diagram of the overall content of an interactive picture book provided by an embodiment of the present application;
图5示出了本申请实施例提供的实例流程示意图;FIG. 5 shows a schematic diagram of an example process provided by an embodiment of the present application;
图6示出了本申请实施例提供的一种交互式绘本的处理装置的结构示意图;FIG. 6 shows a schematic structural diagram of an interactive picture book processing apparatus provided by an embodiment of the present application;
图7示出了本申请实施例提供的另一种交互式绘本的处理装置的结构示意图;FIG. 7 shows a schematic structural diagram of another interactive picture book processing apparatus provided by an embodiment of the present application;
图8示出了本申请实施例提供的用于执行根据本申请的方法的客户端设备的框图;FIG. 8 shows a block diagram of a client device provided in an embodiment of the present application for executing the method according to the present application;
图9示出了本申请实施例提供的用于保持或者携带实现根据本申请的方法的程序代码的存储单元;FIG. 9 shows a storage unit provided by an embodiment of the present application for holding or carrying program code for implementing the method according to the present application;
图10示出了本申请实施例提供的一种交互式绘本的处理系统的结构示意图。FIG. 10 shows a schematic structural diagram of an interactive picture book processing system provided by an embodiment of the present application.
具体实施方式Detailed ways
下文中将参考附图并结合实施例来详细说明本申请。需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。Hereinafter, the present application will be described in detail with reference to the drawings and in conjunction with the embodiments. It should be noted that the embodiments in the application and the features in the embodiments can be combined with each other if there is no conflict.
针对目前现有的电子绘本很难调动用户观看绘本的积极性,进而容易造成绘本资源浪费的技术问题。本实施例提供了一种交互式绘本的处理方法,如图1所示,可应用于客户端侧,该方法包括:In view of the current existing electronic picture books, it is difficult to mobilize users' enthusiasm for viewing picture books, which may easily cause a technical problem of waste of picture book resources. This embodiment provides a method for processing interactive picture books, as shown in FIG. 1, which can be applied to the client side, and the method includes:
101、获取绘本对应的预设内容道具的收集任务信息。101. Obtain collection task information of the preset content props corresponding to the picture book.
本实施例中的绘本可为电子绘本,可从服务端侧下载或者从本地存储中加载得到等。收集任务信息可预先根据绘本对应的原画内容信息,并结合实际的业务需求创建得到。收集任务信息中可包含已收集的预设内容道具、和/或待收集的预设内容道具等。该预设内容道具可与绘本内容相关,以起到学 习引导的作用;或者与一些业务相关等,以起到信息推荐的作用等。例如,内容道具可以是与绘本内容相关联的元素,如绘本名称为《疫情防护知识》的绘本中介绍了如何防护疫情的相关知识,因此可选取该绘本中包含的护目镜、防护服、杀毒剂、手套、口罩等元素内容,创建该绘本收集任务对应待收集的内容道具。The picture book in this embodiment may be an electronic picture book, which may be downloaded from the server side or loaded from local storage. The collection task information can be created in advance based on the original picture content information corresponding to the picture book and combined with actual business requirements. The collection task information may include preset content props that have been collected, and/or preset content props to be collected, etc. The preset content props can be related to the content of the picture book to play the role of learning guidance; or related to some businesses, etc., to play the role of information recommendation, etc. For example, the content props can be elements associated with the content of the picture book. For example, the picture book named "Knowledge of Epidemic Prevention" introduces knowledge about how to protect against the epidemic, so you can select the goggles, protective clothing, and antivirus contained in the picture book. Elements such as agents, gloves, masks, etc., create the picture book collection task corresponding to the content props to be collected.
对于实施例的执行主体可为绘本数据处理的客户端,如智能手机、平板电脑、个人计算机等终端上安装的特定应用(Application,APP)或装置等。可用于交互式电子绘本的数据处理。The execution subject of the embodiment may be a client terminal for picture book data processing, such as a specific application (APP) or device installed on a terminal such as a smart phone, a tablet computer, and a personal computer. Can be used for data processing of interactive electronic picture books.
102、接收绘本播放页面中第一元素的点击指令。102. Receive a click instruction of the first element in the play page of the picture book.
第一元素可为绘本播放页面中的播放元素,可认为是交互元素,该元素具体可以是环境(如房屋、云彩、河流、风车、病房等背景)、物品(如苹果、眼镜、手套、铲子、斧头、手枪、防护服等物品)、人物(如男孩、女孩、老人、青年等)或其他动植物(如猫、狗、花等)等元素内容,并且该元素可为动态元素或静态元素等。其中,动态元素也可分为多种形式,如随着绘本播放该元素也伴随动态变化(如改变位置、改变形态、改变颜色、样式放大或缩小等),或者在绘本播放时可处于静止状态,当用户点击时可在一定时长内变为动态变化(相当于该元素预先绑定有对应的触发事件)等。The first element can be the play element in the play page of the picture book, which can be considered as an interactive element. The element can be the environment (such as the background of houses, clouds, rivers, windmills, wards, etc.), objects (such as apples, glasses, gloves, shovel, etc.) , Axe, pistol, protective clothing, etc.), characters (such as boys, girls, old people, young people, etc.) or other animals and plants (such as cats, dogs, flowers, etc.) and other elements, and the element can be a dynamic element or a static element Wait. Among them, dynamic elements can also be divided into many forms, such as the element is also accompanied by dynamic changes when the picture book is played (such as changing position, changing shape, changing color, style zooming in or out, etc.), or it can be in a static state when the picture book is playing , When the user clicks, it can change dynamically within a certain period of time (equivalent to the element pre-bound with a corresponding trigger event), etc.
对于本实施例,用户在观看绘本时,可触击绘本播放页面中的播放元素,在装置侧可首先获取绘本播放页面中的点击位置信息;然后判断该点击位置信息是否有对应预置的触发事件(指触发程序内部某段功能代码的因子,它的产生有多种途径,例如用户交互等),若存在与点击位置信息对应预置的触发事件,则说明该播放元素是可被用于交互的元素,确定接收到该播放元素的点击指令,并可执行相应的触发事件,该触发事件可与播放元素相关,或者与其他业务相关等。For this embodiment, when viewing a picture book, the user can tap the play element in the picture book playback page, and on the device side, first obtain the click position information in the picture book playback page; then determine whether the click position information has a corresponding preset trigger Event (referring to the factor that triggers a certain function code in the program, it can be generated in multiple ways, such as user interaction, etc.). If there is a preset trigger event corresponding to the click position information, it means that the playback element can be used The interactive element determines that it receives the click instruction of the play element, and can execute the corresponding trigger event. The trigger event can be related to the play element or related to other services.
例如,通过执行触发事件,将第一元素对应绑定的内容道具与收集任务信息中的当前未收集到的预设内容道具进行比较,若判定当前未收集到的预设内容道具与第一元素对应绑定的内容道具不匹配,说明收集到的内容道具并非是任务需要收集的内容道具,对此内容道具收集不会对收集任务信息进行更新。For example, by executing the trigger event, the content props bound to the first element are compared with the preset content props that are not currently collected in the collection task information, if it is determined that the preset content props that are not currently collected are the first element Correspondingly bound content props do not match, indicating that the collected content props are not the content props that need to be collected for the mission, and the collection of the content props will not update the collection mission information.
103、若判定当前未收集到的预设内容道具与第一元素对应绑定的内容道具匹配,则对收集任务信息进行更新,并输出收集任务信息的更新消息。103. If it is determined that the preset content props that are not currently collected match the content props correspondingly bound to the first element, update the collection task information, and output an update message of the collection task information.
其中,更新消息可为文字、图片、音频、视频、灯光、振动等形式的消息。例如,在判定当前未收集到的预设内容道具与第一元素对应绑定的内容道具匹配时,可将收集任务信息中当前未收集到的对应预设内容道具变更为已收集状态,并输出文字+音频的更新消息,以便提示用户已经成功收集到该内容道具。Among them, the update message may be a message in the form of text, picture, audio, video, light, vibration, etc. For example, when it is determined that the currently uncollected preset content props match the content props bound to the first element, the corresponding preset content props not currently collected in the collection task information can be changed to the collected state and output Text + audio update message to remind the user that the content item has been successfully collected.
本实施例提供的一种交互式绘本的处理方法,与目前现有技术相比,本实施例为绘本创建对应的预设内容道具的收集任务信息,用户可通过该收集任务信息仔细阅读绘本内容,从中找到未收集到的预设内容道具,在判定当前未收集到的预设内容道具与点击元素对应绑定的内容道具匹配时,对收集任务信息进行及时更新并输出相应的更新消息。通过此过程可有效调动用户观看绘本的积极性,提升观看体验,使得绘本尽可能地被充分使用,减少绘本资源浪费。This embodiment provides an interactive picture book processing method. Compared with the current prior art, this embodiment creates the collection task information of the corresponding preset content props for the picture book, and the user can read the contents of the picture book carefully through the collection task information , Find the uncollected preset content props, and when it is determined that the currently uncollected preset content props match the content props bound corresponding to the clicked element, update the collection task information in time and output a corresponding update message. Through this process, the user's enthusiasm for viewing picture books can be effectively mobilized, and the viewing experience can be improved, so that the picture books can be fully used as much as possible, and the waste of picture book resources can be reduced.
进一步的,作为上述实施例具体实施方式的细化和扩展,为了完整说明本实施例的实施过程,提供了另一种交互式绘本的处理方法,如图2所示,该方法包括:Further, as a refinement and extension of the specific implementation of the foregoing embodiment, in order to fully explain the implementation process of this embodiment, another method for processing interactive picture books is provided. As shown in FIG. 2, the method includes:
201、加载绘本的配置文件。201. Load the configuration file of the picture book.
其中,绘本的配置文件可从服务端侧下载获取,或者从本地存储中获取得到。选择加载哪个绘本可根据用户的绘本播放指令确定。Among them, the configuration file of the picture book can be downloaded from the server side, or obtained from local storage. Which picture book to load can be determined according to the user's picture book playback instruction.
202、获取绘本中各播放页面的页面信息,以及获取绘本对应的预设内容道具的收集任务信息。202. Obtain page information of each playback page in the picture book, and obtain collection task information of the preset content props corresponding to the picture book.
其中,预设内容道具可为与绘本内容相关联的元素。Among them, the preset content props may be elements associated with the content of the picture book.
例如,通过加载绘本的配置文件,可得到绘本中各播放页面的页面信息。该页面信息中可包括:绘本的总页数、每个播放页面中包含的触发事件和与触发事件对应的事件触发位置。除此之外,页面信息中还可包括:每个播放页面中包含的播放元素和播放元素在播放页面中的坐标位置。For example, by loading the configuration file of the picture book, the page information of each playback page in the picture book can be obtained. The page information may include: the total number of pages of the picture book, the trigger event contained in each playback page, and the event trigger position corresponding to the trigger event. In addition, the page information may also include: playback elements contained in each playback page and the coordinate positions of the playback elements in the playback page.
203、根据获取到的页面信息,播放绘本。203. Play the picture book according to the obtained page information.
例如,根据页面信息中包含的播放元素,以及这些播放元素在播放页面中的坐标位置,在绘本播放页面各自的相应位置处展示这些播放元素,如根据房屋的坐标位置,在绘本播放页面的相应位置处展示该房屋的播放元素;根据女孩的坐标位置,在绘本播放页面的相应位置处展示该女孩的播放元素等。For example, according to the playback elements contained in the page information and the coordinate positions of these playback elements in the playback page, these playback elements are displayed at their respective positions on the picture book playback page. The play element of the house is displayed at the position; according to the girl’s coordinate position, the play element of the girl is displayed at the corresponding position on the play page of the picture book.
本实施例中的播放元素可为动态元素或者静态元素等,因此可选的,若绘本播放页面中存在带有动画的第二元素(交互元素),则本实施例方法还可包括:在展示绘本播放页面时,播放第二元素的动画信息。例如,在播放绘本内容时,当前场景为自然风吹的场景,并且带有动画的花草等元素,因此可通过改变花草在播放页面中展示位置以及展示形态等,以便表现出随风摇摆的样式。通过这种可选方式,与现有电子绘本中的静态播放内容相比,可提升绘本的播放效果,可有效调动用户观看绘本的积极性,提升观看体验,使得绘本尽可能地被充分使用,减少绘本资源浪费。The playback element in this embodiment can be a dynamic element or a static element. Therefore, optionally, if there is a second element (interactive element) with animation in the picture book playback page, the method of this embodiment may also include: When the picture book plays the page, the animation information of the second element is played. For example, when playing a picture book content, the current scene is a natural wind scene with animated flowers and other elements, so the display position and display form of the flowers and plants on the playback page can be changed to show the style of swaying with the wind. . Through this optional method, compared with the static playback content in the existing electronic picture books, the playback effect of the picture books can be improved, the enthusiasm of the users to watch the picture books can be effectively mobilized, the viewing experience can be improved, and the picture books can be fully used as much as possible. Picture book resources are wasted.
除了上述可选方式以外,在实际当中,带有动画的第二元素也可在绘本播放时处于静止的状态或者当前页面播放完毕后处于静止的状态,而在接收到相应的点击指令时,触发播放第二元素的动画信息。因此可选的,第二元素是在接收到相应的点击指令时触发播放的动画信息。例如,在绘本播放时带有动画的蝴蝶元素暂时在其特定的坐标位置处静态展示,或在当前页面播放完毕后处于静止的状态。待用户点击该蝴蝶元素时,根据点击位置对应的触发事件,可触发播放蝴蝶元素按照特定位置轨迹进行动态移动,进而在页面中实现飞舞移动的效果。通过这种交互式的体验,与现有电子绘本中单一的静态播放内容相比,可提升绘本的播放效果,可有效调动用户观看绘本的积极性,提升观看体验,使得绘本尽可能地被充分使用。In addition to the above optional methods, in practice, the second element with animation can also be in a static state when the picture book is played or in a static state after the current page is played, and it will be triggered when the corresponding click instruction is received. Play the animation information of the second element. Therefore, optionally, the second element is the animation information that is triggered to be played when the corresponding click instruction is received. For example, when the picture book is played, the butterfly element with animation is temporarily displayed statically at its specific coordinate position, or is in a static state after the current page is played. When the user clicks the butterfly element, according to the trigger event corresponding to the click position, the butterfly element can be triggered to dynamically move according to the specific position track, and then the effect of flying and moving is realized on the page. Through this interactive experience, compared with the single static playback content in the existing electronic picture books, the playback effect of the picture books can be improved, and the user's enthusiasm for viewing the picture books can be effectively aroused, and the viewing experience can be improved, so that the picture books can be fully used as much as possible. .
上述可选方式中由于需要用户点击才能实现动画效果,对于那些根据点击指令动态展示的元素,很容易在绘本播放时被错过。因此进一步可选的,若在绘本播放页面展示的预设时长内未接收到第二元素相应的点击指令,则本实施例方法还可包括:输出第二元素可被点击的提示信息。例如,获取触发事件为引导用户点击该第二元素的事件,再获取该触发事件对应的位置坐标(即用户点击什么位置会触发该事件),然后将位置坐标的区域进行突出提醒展示,如高亮、闪烁等,以引导用户点击该区域。通过这种引导点击的方式,可及时提醒用户存在可根据点击指令动态展示的元素,增强用户的使用体验,减少资源的浪费。In the above-mentioned optional method, since the user needs to click to achieve the animation effect, those elements that are dynamically displayed according to the click instruction are easy to be missed when the picture book is played. Therefore, optionally, if the click instruction corresponding to the second element is not received within the preset time period displayed on the picture book playback page, the method of this embodiment may further include: outputting prompt information that the second element can be clicked. For example, obtaining the trigger event is an event that guides the user to click on the second element, and then obtain the location coordinates corresponding to the trigger event (that is, where the user clicks will trigger the event), and then highlight the location coordinates area, such as high Lights, flashes, etc. to guide the user to click on the area. Through this way of guiding clicks, the user can be reminded in time that there are elements that can be dynamically displayed according to the click instruction, which enhances the user's experience and reduces the waste of resources.
204、接收绘本播放页面中第一元素的点击指令。204. Receive a click instruction of the first element in the play page of the picture book.
205、若判定当前未收集到的预设内容道具与第一元素对应绑定的内容道具匹配,则根据第一元素对应绑定的内容道具,将收集任务信息中相对应未收集到的预设内容道具变更为已收集状态。205. If it is determined that the preset content props that are not currently collected match the content props correspondingly bound to the first element, then according to the content props bound corresponding to the first element, the preset content items that are not collected in the task information will be collected. The content items are changed to the collected state.
例如,绘本对应需要收集5个内容道具,分别为护目镜、防护服、杀毒剂、口罩、手套,当前已经收集到了护目镜、防护服、杀毒剂(将这三件道具的图标点亮),还需要收集防护口罩、手套(这两件道具的图标未点亮)。在该绘本播放时,如果用户点击某元素,该元素对应绑定的内容道具为防护口罩,且该防护口罩的标识(如型号、ID号等)就是当前待收集的防护口罩的标识,则确定匹配成功,可将防护口罩的图标点亮,表明是该防护口罩已经收集成功。通过这种方式,可及时提示用户内容道具收集成功,提升用户的使用体验。For example, a picture book needs to collect 5 content props, namely goggles, protective clothing, anti-virus, mask, and gloves. Currently, goggles, protective clothing, and anti-virus have been collected (light up the icons of these three items). You also need to collect protective masks and gloves (the icons of these two items are not lit). When the picture book is played, if the user clicks on an element, the content props bound to the element is a protective mask, and the identification of the protective mask (such as model, ID number, etc.) is the identification of the protective mask currently to be collected, then confirm If the matching is successful, the icon of the protective mask can be lit, indicating that the protective mask has been collected successfully. In this way, it can prompt the user that the content and props have been collected successfully, and improve the user's experience.
除了上述可选方式以外,若判定当前未收集到的预设内容道具与第一元素对应绑定的内容道具匹配,则进一步可选的,本实施例方法还可包括:对绘本播放页面进行更新,并输出更新后的绘本播放页面。通过这种方式,在一定程度上也会及时提示用户内容道具收集成功,并且可在成功收集该内容道具以后,也根据实际业务需求展开相应的绘本内容播放,进而实现有选择的分支剧情播放等。In addition to the above-mentioned optional methods, if it is determined that the preset content props that are not currently collected match the content props corresponding to the first element, then optionally, the method of this embodiment may further include: updating the picture book playback page , And output the updated picture book playback page. In this way, to a certain extent, the user will also be prompted to a certain extent that the content props have been collected successfully, and after the content props are successfully collected, the corresponding picture book content playback can also be launched according to actual business needs, and then selective branch plot playback can be realized. .
由于内容道具收集成功后,其相应的第一元素如果再接收到点击指令,也不会指示道具收集成功,因此进一步可选的,为了减少用户重复的点击,对绘本播放页面进行更新,具体可包括:将第一元素在绘本播放页面中清除。例如,防护口罩被收集成功后,绘本播放页面中该防护口罩的元素可进行清除,不但可表明该防护口罩收集成功,而且还能够在一定程度上减少用户的重复点击操作。After the content props are collected successfully, if the corresponding first element receives a click instruction again, it will not indicate that the props are collected successfully. Therefore, it is further optional to update the picture book playback page in order to reduce repeated clicks by the user. Including: Clear the first element in the picture book playback page. For example, after the protective mask is collected successfully, the elements of the protective mask in the picture book playback page can be removed, which not only indicates that the protective mask is collected successfully, but also can reduce the user's repeated click operations to a certain extent.
206、输出收集任务信息的更新消息。206. Output an update message of the collection task information.
例如,在防护口罩被收集成功后,可在页面中展示出该防护口罩收集成功的图片+音频的提示信息等,并对收集任务信息中该防护口罩对应的图标进行点亮。For example, after the protective mask is successfully collected, the picture + audio prompt information of the successful collection of the protective mask can be displayed on the page, and the icon corresponding to the protective mask in the collection task information can be lit.
进一步的,用户还可以根据自身需求随时查看当前收集任务信息中的完成情况,相应的,本实施例方法还可包括:接收收集任务信息的展示指令;输出收集任务信息。例如,用户点击收集任务信息对应的日志文件,该日志文件被打开后可展示每个绘本各自对应的一套预设内容道具的收集情况;或者,在播放绘本时点击该日志文件时,可只显示当前绘本对应的那套预设内容道具的收集情况。Further, the user can also check the completion status of the current collection task information at any time according to their own needs. Accordingly, the method of this embodiment may further include: receiving a display instruction of the collection task information; and outputting the collection task information. For example, the user clicks on the log file corresponding to the collection task information. After the log file is opened, the collection of a set of preset content props corresponding to each picture book can be displayed; or, when the log file is clicked when the picture book is played, only Shows the collection of preset content props corresponding to the current picture book.
可选的,输出收集任务信息,具体可包括:输出收集任务信息中已收集 到的、和/或未收集到的内容道具的相关信息。其中,该相关信息具体可包括:内容道具的标识(如名称、套装序列号等)、形状(如内容道具的外形轮廓等)、图片(如内容道具的静态或动态图片样式等)、功能介绍(如内容道具的功能用途情况等)、所属绘本(如内容道具所属哪个绘本的收集任务等)、线索提示(如提示内容道具可从哪个绘本、哪个篇章中收集得到等)中的一个或多个。通过这种可选方式,可输出更加全面的收集任务信息,使得用户能够全面了解该任务收集的内容道具相关信息。Optionally, outputting collection task information may specifically include: outputting relevant information about content items that have been collected and/or not collected in the collection task information. Among them, the relevant information may specifically include: the identification of the content prop (such as name, serial number of the suit, etc.), shape (such as the outline of the content prop, etc.), pictures (such as the static or dynamic picture style of the content prop, etc.), and function introduction One or more of (such as the functional purpose of the content props, etc.), the picture book to which the content prop belongs (such as which picture book collection task the content prop belongs to, etc.), and the clue reminder (such as which picture book and which chapter the content prop can be collected from, etc.) indivual. Through this optional method, more comprehensive collection task information can be output, so that the user can fully understand the content and props related information collected by the task.
本实施例提供的另一种交互式绘本的处理方法,与目前现有技术相比,本实施例为绘本创建对应的预设内容道具的收集任务信息,用户可通过该收集任务信息仔细阅读绘本内容,从中找到未收集到的预设内容道具,在判定当前未收集到的预设内容道具与点击元素对应绑定的内容道具匹配时,对收集任务信息进行及时更新并输出相应的更新消息。通过此过程可有效调动用户观看绘本的积极性,提升观看体验,使得绘本尽可能地被充分使用,减少绘本资源浪费。This embodiment provides another method for processing interactive picture books. Compared with the current prior art, this embodiment creates the collection task information of the corresponding preset content props for the picture book, and the user can read the picture book carefully through the collection task information Content, find the uncollected preset content props, and when it is determined that the currently uncollected preset content props match the content props bound corresponding to the clicked element, update the collection task information in time and output corresponding update messages. Through this process, the user's enthusiasm for viewing picture books can be effectively mobilized, and the viewing experience can be improved, so that the picture books can be fully used as much as possible, and the waste of picture book resources can be reduced.
上述实施例内容为在客户端侧描述的交互式绘本的处理过程,进一步的,为了完整说明本实施例的实施方式,本实施例还提供了又一种交互式绘本的处理方法,可应用于服务端侧,以便说明服务端侧的相应处理过程,如图3所示,该方法包括:The content of the above embodiment is the processing process of interactive picture books described on the client side. Further, in order to fully explain the implementation of this embodiment, this embodiment also provides another interactive picture book processing method, which can be applied to The server side, in order to explain the corresponding processing process on the server side, as shown in Figure 3, the method includes:
301、将绘本的原画信息进行拆分,得到各个组件。301. Split the original picture information of the picture book to obtain various components.
在本实施例中,可根据实际业务需求将原画信息(可包含由美术人员绘制的最原始的故事每一页的图画)进行拆分,并且为了拆分更加合理性,可选的,步骤301具体可包括:将绘本的原画信息按照背景、和/或角色、和/或物品等进行拆分,得到各个组件。例如,原画信息中包含女孩在草丛中采花的场景,可将原画信息拆分成女孩、花、草丛、天空等几个组件。In this embodiment, the original picture information (which may include the pictures on each page of the original story drawn by the artist) can be split according to actual business needs, and in order to make the split more reasonable, optionally, step 301 Specifically, it may include: splitting the original picture information of the picture book according to the background, and/or characters, and/or objects, etc., to obtain various components. For example, if the original picture information contains a scene where a girl picks flowers in the grass, the original picture information can be divided into several components such as girl, flowers, grass, and sky.
302、依据拆分得到的组件,创建播放元素。302. Create a playback element according to the split components.
其中,创建得到的播放元素会在绘本播放页面中进行展示。并且为了满足其中的播放元素可满足动态展示的需求,可选的,步骤302具体可包括:依据拆分得到的组件创建带有动画的播放元素。进而满足播放页面中部分播放元素或者全部播放元素的动态展示效果。通过这种可选方式,与现有电子绘本中的静态播放内容相比,可提升绘本的播放效果,可有效调动用户观看绘本的积极性,提升观看体验,使得绘本尽可能地被充分使用,减少绘本资源 浪费。Among them, the created playback element will be displayed in the picture book playback page. In addition, in order to satisfy the requirement of dynamic display of the playback elements, optionally, step 302 may specifically include: creating a playback element with animation based on the split components. In turn, the dynamic display effect of part or all of the playing elements in the playing page is satisfied. Through this optional method, compared with the static playback content in the existing electronic picture books, the playback effect of the picture books can be improved, the enthusiasm of the users to watch the picture books can be effectively mobilized, the viewing experience can be improved, and the picture books can be fully used as much as possible. Picture book resources are wasted.
为了说明具体的技术实现过程,进一步可选的,依据拆分得到的组件创建带有动画的播放元素,具体可包括:动态调整组件对应元素在播放页面中的展示位置和/或展示尺寸等,以生成带有动画的播放元素。例如,在动态调整的过程中,记录动态元素播放时每个时间点其对应移动的位置坐标,和/或形态变化(如拉伸,收缩、旋转、放大或缩小等)展示的位置坐标等,然后记录的这些信息后续可保存在绘本对应的配置文件中。以便客户端在加载该配置文件获取到的这些记录信息,并根据这些记录的位置坐标,按照播放时间点对应展示出具有动画效果的播放元素。In order to illustrate the specific technical implementation process, it is further optional to create a playback element with animation based on the split components, which may specifically include: dynamically adjusting the display position and/or display size of the corresponding element of the component in the playback page, etc., To generate playback elements with animation. For example, in the process of dynamic adjustment, record the position coordinates of the corresponding movement of the dynamic element at each time point when the dynamic element is played, and/or the position coordinates of the display of the shape change (such as stretching, shrinking, rotating, zooming in or zooming out, etc.), etc. The recorded information can then be saved in the configuration file corresponding to the picture book. So that the client loads the record information obtained by the configuration file, and according to the position coordinates of the records, according to the playback time point correspondingly, the playback element with the animation effect is displayed.
303、创建绘本对应预设内容道具的收集任务信息。303. Create the collection task information of the preset content props corresponding to the picture book.
对于本实施例,可根据绘本对应的原画内容信息,并结合实际的业务需求创建得到绘本对应的内容道具收集任务信息。例如,根据绘本的原画内容信息,确定绘本的主题为疫情防护知识,并且绘本对应包含有一些疫情防护所使用的防护道具(如护目镜、防护服、杀毒剂、口罩、手套等)的播放元素,因此为了帮助宣传疫情防护的安全措施,可将一些必要的防护道具组合在一起作为该绘本对应预设内容道具的收集任务信息。For this embodiment, the content and props collection task information corresponding to the picture book can be created according to the original picture content information corresponding to the picture book and combined with actual business requirements. For example, according to the original picture content information of the picture book, the theme of the picture book is determined to be epidemic prevention knowledge, and the picture book corresponds to the playback elements of some protective props used for epidemic prevention (such as goggles, protective clothing, anti-virus, masks, gloves, etc.) Therefore, in order to help publicize the safety measures for epidemic prevention, some necessary protective props can be combined as the collection task information of the preset content props corresponding to the picture book.
304、根据创建得到的收集任务信息,选择播放元素并绑定对应的内容道具。具体可创建触发事件的方式,以绑定播放元素对应的内容道具,根据播放元素在播放页面中的坐标位置,绑定该坐标位置对应的触发事件,在绘本播放的过程中,当用户触击相应播放页面的该坐标位置时,可执行绑定的触发事件,即判断绑定的内容道具与当前未收集到的预设内容道具是否匹配,若匹配,则根据绑定的内容道具,将收集任务信息中相对应未收集到的预设内容道具变更为已收集状态等。304. According to the created collection task information, select a play element and bind corresponding content props. Specifically, you can create a trigger event by binding the content props corresponding to the playback element. According to the coordinate position of the playback element in the playback page, bind the trigger event corresponding to the coordinate position. During the playback of the picture book, when the user touches When corresponding to the coordinate position of the playback page, the binding trigger event can be executed, that is, to determine whether the bound content props match the preset content props that are not currently collected. If they match, the bound content props will be collected The task information corresponding to the preset content items that have not been collected is changed to the collected state, etc.
可选的,本实施例方法还可包括:将播放元素进行组合,以创建绘本中各播放页面的页面信息;然后依据各播放页面的页面信息,生成绘本的配置文件,进而可准确得到包含有动画信息的、预设内容道具收集任务信息的绘本配置文件。其中,页面信息可包括播放页面中包含的触发事件和与触发事件对应的事件触发位置,以及播放页面中包含的播放元素和播放元素在播放页面中的坐标位置。Optionally, the method of this embodiment may further include: combining the playback elements to create page information of each playback page in the picture book; and then generating the configuration file of the picture book according to the page information of each playback page, so as to accurately obtain the A picture book configuration file with animation information and preset content and props collection task information. Wherein, the page information may include the trigger event included in the playback page and the event trigger position corresponding to the trigger event, and the playback element included in the playback page and the coordinate position of the playback element in the playback page.
例如,为了让每本绘本的每一页能动起来,首先需要将根据故事剧情,将每一页原画拆分成环境,人物,物品等组件。再将这些组件,制作成带有 动画的元素。然后按照故事的剧情,再将所有的元素,组合成一页一页的画面。然后可用json数据结构记录每一本书每一页的信息。信息主要包括:绘本的总页数,每一页用哪些元素,这些元素在什么位置;每一页里面,用户点击什么位置会触发什么事件等。如图4所示,为互动(交互式)绘本整体内容的结构示意图。可包括扉页、故事页、问题页(交互式的问答页)、尾页以及菜单用户界面(UserInterface,UI)等几个部分。其中,扉页可包含作者信息、故事名称、故事简介、阅读时长、封面图等。故事页可包含画面使用的背景元素、画面中所有的角色元素以及他们的坐标位置、本故事页所需要的对白所对应的音频文件、本故事页所有的触发事件安排等。问题页可包含问题的文案、图标、可选答案、答案解析等。尾页可包含封面图、故事名称展示等。菜单UI中可包含书签(如记录每一页的缩略图和页码等)和成就手记(如展示用户已收集和未收集的密保(内容道具)信息)。For example, in order to make each page of each picture book moveable, it is first necessary to split each page of the original painting into components such as environment, characters, and objects according to the story. These components are then made into elements with animation. Then according to the plot of the story, all the elements are combined into a page by page picture. Then the json data structure can be used to record the information of each page of each book. The information mainly includes: the total number of pages of the picture book, which elements are used on each page, and where these elements are located; in each page, what events will be triggered when the user clicks on which position, etc. As shown in Figure 4, it is a schematic diagram of the overall structure of the interactive (interactive) picture book. It may include a title page, a story page, a question page (an interactive question and answer page), a tail page, and a menu user interface (UserInterface, UI). Among them, the title page can include author information, story name, story introduction, reading time, cover image, etc. The story page can include the background elements used in the screen, all the character elements in the screen and their coordinate positions, the audio files corresponding to the dialogue required by the story page, and all the trigger event arrangements for the story page, etc. The question page can contain the copy of the question, icons, optional answers, answer analysis, etc. The last page can include a cover image, story name display, etc. The menu UI can include bookmarks (such as recording thumbnails and page numbers of each page, etc.) and achievement notes (such as showing the user's collected and uncollected secrets (content props) information).
基于图4所示的结构,如图5所示,其具体的实现过程可包括:在播放绘本时,首先客户端加载该绘本的配置文件,展示出菜单UI并加载绘本的扉页内容,此时用户可通过点击成就手记查看到成就手记中包含的用户已收集和未收集的密保信息;用户还可通过手指滑动展示故事页内容以及问题页、尾页等,期间可以翻阅对白、页面回翻、点击菜单UI中的书签以跳转至指定页面等。在故事内容页播放时,还可点击科普介绍(可指设计人员在特定的故事页安排的一个小讲座,为用户介绍一些物品的由来、作用等)以展示科普界面,点击密保(可指设计人员安排并隐藏在每一页故事页里面的特定的道具。用户可以去收集。收集到了之后,用户可以查看是什么,并且给用户一定的讲解说明。主要为了给用户做生活常识介绍)以展示密保收集界面以及点击交互元素以播放元素动画和音频)等。Based on the structure shown in Figure 4, as shown in Figure 5, the specific implementation process may include: when playing a picture book, the client first loads the configuration file of the picture book, displays the menu UI and loads the title page content of the picture book. The user can click on the achievement note to view the confidential information contained in the achievement note that the user has collected and not collected; the user can also slide the finger to display the content of the story page, the question page, the last page, etc., during which the dialogue and page back page can be flipped , Click the bookmark in the menu UI to jump to the specified page, etc. When the story content page is playing, you can also click on the introduction of science popularization (which can refer to a small lecture arranged by the designer on a specific story page to introduce the origin and function of some items to the user) to display the popular science interface, and click the secret protection (which can refer to The designer arranges and hides the specific props in each page of the story page. The user can collect it. After the collection, the user can check what it is and give the user a certain explanation. The main purpose is to introduce the user to the common sense of life). Show the secret collection interface and click on interactive elements to play element animation and audio), etc.
本实施例方法与目前现有技术相比,可有效调动用户观看绘本的积极性,提升观看体验,使得绘本尽可能地被充分使用,减少绘本资源浪费。Compared with the current prior art, the method of this embodiment can effectively mobilize the user's enthusiasm for viewing picture books, improve the viewing experience, make the picture books fully used as much as possible, and reduce the waste of picture book resources.
进一步的,作为图1和图2所示方法的具体实现,本实施例提供了一种可应用于客户端侧的交互式绘本的处理装置,如图6所示,该装置包括:获取模块41、接收模块42、更新模块43、输出模块44。Further, as a specific implementation of the method shown in FIG. 1 and FIG. 2, this embodiment provides an interactive picture book processing device that can be applied to the client side. As shown in FIG. 6, the device includes: an acquisition module 41 , The receiving module 42, the updating module 43, and the output module 44.
获取模块41,可用于获取绘本对应的预设内容道具的收集任务信息;The obtaining module 41 can be used to obtain the collection task information of the preset content props corresponding to the picture book;
接收模块42,可用于接收所述绘本播放页面中第一元素的点击指令;The receiving module 42 may be used to receive the click instruction of the first element in the play page of the picture book;
更新模块43,可用于若判定当前未收集到的预设内容道具与所述第一元 素对应绑定的内容道具匹配,则对所述收集任务信息进行更新;The update module 43 can be used to update the collection task information if it is determined that the preset content props that are not currently collected match the content props bound corresponding to the first element;
输出模块44,可用于输出所述收集任务信息的更新消息。The output module 44 can be used to output the update message of the collection task information.
在具体的应用场景中,所述更新模块43,具体可用于根据所述第一元素对应绑定的内容道具,将所述收集任务信息中相对应未收集到的预设内容道具变更为已收集状态。In a specific application scenario, the update module 43 may be specifically used to change the uncollected preset content props in the collection task information to collected content props according to the content props bound corresponding to the first element. state.
在具体的应用场景中,所述输出模块44,还可用于若所述绘本播放页面中存在带有动画的第二元素,则在展示所述绘本播放页面时,播放所述第二元素的动画信息。In a specific application scenario, the output module 44 may also be used to play the animation of the second element when displaying the picture book playback page if there is a second element with animation in the picture book playback page information.
在具体的应用场景中,可选的,所述第二元素是在接收到相应的点击指令时触发播放的动画信息。In a specific application scenario, optionally, the second element is animation information that is triggered to be played when a corresponding click instruction is received.
在具体的应用场景中,所述输出模块44,还可用于若在所述绘本播放页面展示的预设时长内未接收到所述第二元素相应的点击指令,则输出所述第二元素可被点击的提示信息。In a specific application scenario, the output module 44 may also be used to output the second element if the click instruction corresponding to the second element is not received within the preset duration of the display of the picture book playback page. The prompt message that was clicked.
在具体的应用场景中,本装置还可包括:加载模块;In specific application scenarios, the device may also include: a loading module;
所述加载模块,可用于加载所述绘本的配置文件;The loading module can be used to load the configuration file of the picture book;
所述获取模块41,还可用于获取所述绘本中各播放页面的页面信息;The acquiring module 41 may also be used to acquire page information of each playback page in the picture book;
所述输出模块44,还可用于根据所述页面信息,播放所述绘本。The output module 44 can also be used to play the picture book according to the page information.
在具体的应用场景中,所述更新模块43,还可用于若判定当前未收集到的预设内容道具与所述第一元素对应绑定的内容道具匹配,则对所述绘本播放页面进行更新;In a specific application scenario, the update module 43 may also be used to update the picture book playback page if it is determined that the preset content props that are not currently collected match the content props bound to the first element. ;
所述输出模块44,还可用于输出更新后的所述绘本播放页面。The output module 44 can also be used to output the updated picture book playback page.
在具体的应用场景中,所述更新模块43,具体可用于将所述第一元素在所述绘本播放页面中清除。In a specific application scenario, the update module 43 may be specifically used to clear the first element in the picture book playback page.
在具体的应用场景中,所述接收模块41,还可用于接收所述收集任务信息的展示指令;In a specific application scenario, the receiving module 41 may also be used to receive a display instruction for collecting task information;
所述输出模块44,还可用于输出所述收集任务信息。The output module 44 can also be used to output the collection task information.
在具体的应用场景中,所述输出模块44,具体可用于输出所述收集任务信息中已收集到的、和/或未收集到的内容道具的相关信息。In a specific application scenario, the output module 44 may be specifically configured to output information related to content props that have been collected and/or have not been collected in the collection task information.
在具体的应用场景中,可选的,所述相关信息包括:内容道具的标识、形状、图片、功能介绍、所属绘本、线索提示中的一个或多个。In a specific application scenario, optionally, the related information includes: one or more of the identification, shape, picture, function introduction, belonging picture book, and clue reminder of the content prop.
在具体的应用场景中,可选的,预设内容道具为与所述绘本内容相关联 的元素。In a specific application scenario, optionally, the preset content props are elements associated with the content of the picture book.
需要说明的是,本实施例提供的一种可应用于用户客户端侧的交互式绘本的处理装置所涉及各功能单元的其它相应描述,可以参考图1和图2中的对应描述,在此不再赘述。It should be noted that, for other corresponding descriptions of the functional units involved in the processing device for interactive picture books that can be applied to the user client side provided by this embodiment, please refer to the corresponding descriptions in FIG. 1 and FIG. 2, here No longer.
进一步的,作为图3所示方法的具体实现,本申请实施例提供了一种可应用于服务端侧的交互式绘本的处理装置,如图7所示,该装置包括:拆分模块51、创建模块52、处理模块53。Further, as a specific implementation of the method shown in FIG. 3, an embodiment of the present application provides an interactive picture book processing device that can be applied to the server side. As shown in FIG. 7, the device includes: a splitting module 51, Creation module 52, processing module 53.
拆分模块51,可用于将绘本的原画信息进行拆分,得到各个组件;The splitting module 51 can be used to split the original picture information of the picture book to obtain various components;
创建模块52,可用于依据所述组件创建播放元素;The creation module 52 can be used to create a playback element according to the component;
所述创建模块52,还可用于创建所述绘本对应预设内容道具的收集任务信息;The creation module 52 can also be used to create collection task information of the preset content props corresponding to the picture book;
处理模块53,可用于根据所述收集任务信息,选择所述播放元素并绑定对应的内容道具。The processing module 53 may be configured to select the playback element and bind the corresponding content props according to the collection task information.
在具体的应用场景中,本装置还可包括:生成模块;In specific application scenarios, the device may also include: a generating module;
所述创建模块52,还可用于将所述播放元素进行组合,以创建所述绘本中各播放页面的页面信息;The creation module 52 can also be used to combine the playback elements to create page information of each playback page in the picture book;
所述生成模块,可用于依据所述各播放页面的页面信息,生成所述绘本的配置文件。The generating module may be used to generate the configuration file of the picture book according to the page information of each playback page.
在具体的应用场景中,可选的,所述页面信息包括播放页面中包含的触发事件和与所述触发事件对应的事件触发位置,以及播放页面中包含的播放元素和所述播放元素在播放页面中的坐标位置。In a specific application scenario, optionally, the page information includes the trigger event contained in the playback page and the event trigger position corresponding to the trigger event, and the playback element contained in the playback page and the playback element is playing. The coordinate position on the page.
在具体的应用场景中,所述拆分模块51,具体可用于将所述原画信息按照背景、和/或角色、和/或物品进行拆分,得到各个组件。In a specific application scenario, the splitting module 51 may specifically be used to split the original picture information according to background, and/or roles, and/or items to obtain various components.
在具体的应用场景中,所述创建模块52,具体可用于依据所述组件创建带有动画的播放元素。In a specific application scenario, the creation module 52 can be specifically used to create a playback element with animation according to the component.
在具体的应用场景中,所述创建模块52,具体还可用于动态调整组件对应元素在播放页面中的展示位置和/或展示尺寸,以生成带有动画的播放元素。In a specific application scenario, the creation module 52 can also be specifically used to dynamically adjust the display position and/or display size of the corresponding element of the component in the playback page to generate a playback element with animation.
需要说明的是,本实施例提供的一种可应用于服务端侧的交互式绘本的处理装置所涉及各功能单元的其它相应描述,可以参考图3中的对应描述,在此不再赘述。It should be noted that, for other corresponding descriptions of the functional units involved in the processing device for interactive picture books on the server side provided in this embodiment, reference may be made to the corresponding descriptions in FIG. 3, which will not be repeated here.
本申请的各个部件实施例可以以硬件实现,或者以在一个或者多个 处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本申请实施例的交互式绘本的处理设备中的一些或者全部部件的一些或者全部功能。本申请还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本申请的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。The various component embodiments of the present application may be implemented by hardware, or by software modules running on one or more processors, or by a combination of them. Those skilled in the art should understand that a microprocessor or a digital signal processor (DSP) may be used in practice to implement some or all of the functions of some or all of the components in the processing device of the interactive picture book according to the embodiments of the present application. This application can also be implemented as a device or device program (for example, a computer program and a computer program product) for executing part or all of the methods described herein. Such a program for implementing the present application may be stored on a computer-readable medium, or may have the form of one or more signals. Such a signal can be downloaded from an Internet website, or provided on a carrier signal, or provided in any other form.
例如,图8示出了可以实现根据本申请的交互式绘本的处理的客户端设备,例如智能手机、平板电脑等。该客户端设备传统上包括处理器610和以存储器620形式的计算机程序产品或者计算机可读介质。存储器620可以是诸如闪存、EEPROM(电可擦除可编程只读存储器)、EPROM、硬盘或者ROM之类的电子存储器。存储器620具有用于执行上述方法中的任何方法步骤的程序代码631的存储空间630。例如,用于程序代码的存储空间630可以包括分别用于实现上面的方法中的各种步骤的各个程序代码631。这些程序代码可以从一个或者多个计算机程序产品中读出或者写入到这一个或者多个计算机程序产品中。这些计算机程序产品包括诸如硬盘,紧致盘(CD)、存储卡或者软盘之类的程序代码载体。这样的计算机程序产品通常为如参考图9所述的便携式或者固定存储单元。该存储单元可以具有与图8的客户端设备中的存储器620类似布置的存储段、存储空间等。程序代码可以例如以适当形式进行压缩。通常,存储单元包括计算机可读代码631’,即可以由例如诸如610之类的处理器读取的代码,这些代码当由客户端设备运行时,导致该客户端设备执行上面所描述的方法中的各个步骤。For example, FIG. 8 shows a client device, such as a smart phone, a tablet computer, etc., that can implement the processing of the interactive picture book according to the present application. The client device traditionally includes a processor 610 and a computer program product in the form of a memory 620 or a computer-readable medium. The memory 620 may be an electronic memory such as flash memory, EEPROM (Electrically Erasable Programmable Read Only Memory), EPROM, hard disk, or ROM. The memory 620 has a storage space 630 for executing the program code 631 of any method step in the foregoing method. For example, the storage space 630 for program codes may include various program codes 631 respectively used to implement various steps in the above method. These program codes can be read from or written into one or more computer program products. These computer program products include program code carriers such as hard disks, compact disks (CDs), memory cards, or floppy disks. Such a computer program product is usually a portable or fixed storage unit as described with reference to FIG. 9. The storage unit may have storage segments, storage spaces, etc. arranged similarly to the storage 620 in the client device of FIG. 8. The program code can be compressed in an appropriate form, for example. Generally, the storage unit includes computer-readable codes 631', that is, codes that can be read by, for example, a processor such as 610. These codes, when run by a client device, cause the client device to execute the method described above. The various steps.
本文中所称的“一个实施例”、“实施例”或者“一个或者多个实施例”意味着,结合实施例描述的特定特征、结构或者特性包括在本申请的至少一个实施例中。此外,请注意,这里“在一个实施例中”的词语例子不一定全指同一个实施例。在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本申请的实施例可以在没有这些具体细节的情况下被实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。The “one embodiment”, “an embodiment” or “one or more embodiments” referred to herein means that a specific feature, structure, or characteristic described in conjunction with the embodiment is included in at least one embodiment of the present application. In addition, please note that the word examples "in one embodiment" here do not necessarily all refer to the same embodiment. In the instructions provided here, a lot of specific details are explained. However, it can be understood that the embodiments of the present application can be practiced without these specific details. In some instances, well-known methods, structures, and technologies are not shown in detail, so as not to obscure the understanding of this specification.
应该注意的是上述实施例对本申请进行说明而不是对本申请进行 限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本申请可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。It should be noted that the above-mentioned embodiments illustrate rather than limit the application, and those skilled in the art can design alternative embodiments without departing from the scope of the appended claims. In the claims, any reference signs placed between parentheses should not be constructed as a limitation to the claims. The word "comprising" does not exclude the presence of elements or steps not listed in the claims. The word "a" or "an" preceding an element does not exclude the presence of multiple such elements. The application can be realized by means of hardware including several different elements and by means of a suitably programmed computer. In the unit claims listing several devices, several of these devices may be embodied in the same hardware item. The use of the words first, second, and third, etc. do not indicate any order. These words can be interpreted as names.
此外,还应当注意,本说明书中使用的语言主要是为了可读性和教导的目的而选择的,而不是为了解释或者限定本申请的主题而选择的。因此,在不偏离所附权利要求书的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。对于本申请的范围,对本申请所做的公开是说明性的,而非限制性的,本申请的范围由所附权利要求书限定。In addition, it should also be noted that the language used in this specification is mainly selected for readability and teaching purposes, not for explaining or limiting the subject matter of this application. Therefore, without departing from the scope and spirit of the appended claims, many modifications and changes are obvious to those of ordinary skill in the art. For the scope of this application, the disclosure of this application is illustrative rather than restrictive, and the scope of this application is defined by the appended claims.
基于上述内容,进一步的,本申请实施例还提供了一种交互式绘本的处理系统,如图9所示,该系统包括服务器设备61、客户端设备62;Based on the above content, further, an embodiment of the present application also provides an interactive picture book processing system. As shown in FIG. 9, the system includes a server device 61 and a client device 62;
其中,客户端设备62可用于执行如图1和图2所示的方法,服务器设备61可用于执行如图3所示的方法。Wherein, the client device 62 can be used to execute the method shown in FIG. 1 and FIG. 2, and the server device 61 can be used to execute the method shown in FIG. 3.
服务器设备61,可用于将绘本的原画信息进行拆分,得到各个组件;依据所述组件创建播放元素;创建所述绘本对应预设内容道具的收集任务信息;根据所述收集任务信息,选择所述播放元素并绑定对应的内容道具;将所述播放元素进行组合,以创建所述绘本中各播放页面的页面信息;依据所述各播放页面的页面信息,生成所述绘本的配置文件。The server device 61 can be used to split the original picture information of the picture book to obtain various components; create playback elements according to the components; create collection task information of the preset content props corresponding to the picture book; select all the items according to the collection task information The playback elements are bound to corresponding content props; the playback elements are combined to create page information of each playback page in the picture book; and the configuration file of the picture book is generated according to the page information of each playback page.
客户端设备62,可用于向服务器设备61发送所述绘本的获取请求。The client device 62 may be used to send the request for acquiring the picture book to the server device 61.
服务器设备61,还可用于接收客户端设备62发送的所述绘本的获取请求。向客户端设备62发送所述绘本的配置文件。The server device 61 may also be used to receive the request for acquiring the picture book sent by the client device 62. The configuration file of the picture book is sent to the client device 62.
客户端设备62,还可用于接收服务器设备61发送的所述绘本的配置文件;加载所述配置文件,获取所述绘本中各播放页面的页面信息,以及获取绘本对应的预设内容道具的收集任务信息;根据所述页面信息,播放所述绘本。当接收到所述绘本播放页面中第一元素的点击指令时,若判定当前未收集到的预设内容道具与所述第一元素对应绑定的内容道具匹配,则对所述收集任务信息进行更新,并输出所述收集任务信息的更新消息。The client device 62 may also be used to receive the configuration file of the picture book sent by the server device 61; load the configuration file, obtain page information of each playback page in the picture book, and obtain a collection of preset content props corresponding to the picture book Task information; according to the page information, play the picture book. When the click instruction of the first element in the picture book playback page is received, if it is determined that the preset content props that are not currently collected match the content props corresponding to the first element, the collection task information is performed Update, and output an update message of the collection task information.
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到本申请可以借助软件加必要的通用硬件平台的方式来实现,也可以通过硬件实现。通过应用本实施例的技术方案,与目前现有技术相比,本实施例为绘本创建对应的预设内容道具的收集任务信息,用户可通过该收集任务信息仔细阅读绘本内容,从中找到未收集到的预设内容道具,在判定当前未收集到的预设内容道具与点击元素对应绑定的内容道具匹配时,对收集任务信息进行及时更新并输出相应的更新消息。通过此过程可有效调动用户观看绘本的积极性,提升观看体验,使得绘本尽可能地被充分使用,减少绘本资源浪费。Through the description of the above embodiments, those skilled in the art can clearly understand that this application can be implemented by means of software plus a necessary general hardware platform, or can be implemented by hardware. By applying the technical solution of this embodiment, compared with the current prior art, this embodiment creates the collection task information of the corresponding preset content props for the picture book. The user can read the contents of the picture book carefully through the collection task information, and find out that the content of the picture book is not collected. When it is determined that the preset content props that are not collected currently match the content props corresponding to the clicked element, the collected task information is updated in time and the corresponding update message is output. Through this process, the user's enthusiasm for viewing picture books can be effectively mobilized, and the viewing experience can be improved, so that the picture books can be fully used as much as possible, and the waste of picture book resources can be reduced.
本领域技术人员可以理解附图只是一个优选实施场景的示意图,附图中的模块或流程并不一定是实施本申请所必须的。本领域技术人员可以理解实施场景中的装置中的模块可以按照实施场景描述进行分布于实施场景的装置中,也可以进行相应变化位于不同于本实施场景的一个或多个装置中。上述实施场景的模块可以合并为一个模块,也可以进一步拆分成多个子模块。Those skilled in the art can understand that the accompanying drawings are only schematic diagrams of preferred implementation scenarios, and the modules or processes in the accompanying drawings are not necessarily necessary for implementing this application. Those skilled in the art can understand that the modules in the device in the implementation scenario can be distributed in the device in the implementation scenario according to the description of the implementation scenario, or can be changed to be located in one or more devices different from the implementation scenario. The modules of the above implementation scenarios can be combined into one module or further divided into multiple sub-modules.
上述本申请序号仅仅为了描述,不代表实施场景的优劣。以上公开的仅为本申请的几个具体实施场景,但是,本申请并非局限于此,任何本领域的技术人员能思之的变化都应落入本申请的保护范围。The above serial number of this application is for description only, and does not represent the pros and cons of implementation scenarios. What has been disclosed above are only a few specific implementation scenarios of this application, but this application is not limited to these, and any changes that can be thought of by those skilled in the art should fall into the protection scope of this application.

Claims (39)

  1. 一种交互式绘本的处理方法,包括:获取绘本对应的预设内容道具的收集任务信息;接收所述绘本播放页面中第一元素的点击指令;若判定当前未收集到的预设内容道具与所述第一元素对应绑定的内容道具匹配,则对所述收集任务信息进行更新,并输出所述收集任务信息的更新消息。An interactive picture book processing method, including: obtaining the collection task information of the preset content props corresponding to the picture book; receiving the click instruction of the first element in the picture book playback page; if it is determined that the preset content props that are not currently collected are If the first element matches the bound content props, the collection task information is updated, and an update message of the collection task information is output.
  2. 根据权利要求1所述的方法,对所述收集任务信息进行更新,具体包括:根据所述第一元素对应绑定的内容道具,将所述收集任务信息中相对应未收集到的预设内容道具变更为已收集状态。According to the method of claim 1, updating the collection task information specifically includes: according to the content props corresponding to the binding of the first element, corresponding uncollected preset content in the collection task information The item is changed to a collected state.
  3. 根据权利要求1所述的方法,若所述绘本播放页面中存在带有动画的第二元素,则所述方法还包括:在展示所述绘本播放页面时,播放所述第二元素的动画信息。The method according to claim 1, if there is a second element with animation in the picture book playback page, the method further comprises: playing the animation information of the second element when the picture book playback page is displayed .
  4. 根据权利要求3所述的方法,所述第二元素是在接收到相应的点击指令时触发播放的动画信息。The method according to claim 3, wherein the second element is animation information that is triggered to be played when a corresponding click instruction is received.
  5. 根据权利要求4所述的方法,若在所述绘本播放页面展示的预设时长内未接收到所述第二元素相应的点击指令,则所述方法还包括:输出所述第二元素可被点击的提示信息。According to the method of claim 4, if the click instruction corresponding to the second element is not received within the preset duration of the display of the picture book playback page, the method further comprises: outputting that the second element can be Click the prompt message.
  6. 根据权利要求1所述的方法,所述方法还包括:加载所述绘本的配置文件;获取所述绘本中各播放页面的页面信息;根据所述页面信息,播放所述绘本。The method according to claim 1, further comprising: loading a configuration file of the picture book; obtaining page information of each playback page in the picture book; and playing the picture book according to the page information.
  7. 根据权利要求1所述的方法,若判定当前未收集到的预设内容道具与所述第一元素对应绑定的内容道具匹配,则所述方法还包括:对所述绘本播放页面进行更新,并输出更新后的所述绘本播放页面。According to the method of claim 1, if it is determined that the preset content props that are not currently collected match the content props correspondingly bound to the first element, the method further comprises: updating the picture book playback page, And output the updated play page of the picture book.
  8. 根据权利要求7所述的方法,对所述绘本播放页面进行更新,具体包括:将所述第一元素在所述绘本播放页面中清除。According to the method of claim 7, updating the picture book playback page specifically includes: clearing the first element in the picture book playback page.
  9. 根据权利要求1所述的方法,所述方法还包括:接收所述收集任务信息的展示指令;输出所述收集任务信息。The method according to claim 1, further comprising: receiving a display instruction of the collection task information; and outputting the collection task information.
  10. 根据权利要求9所述的方法,输出所述收集任务信息,具体包括:输出所述收集任务信息中已收集到的、和/或未收集到的内容道具的相关信息。According to the method of claim 9, outputting the collection task information specifically includes: outputting information related to content items that have been collected and/or not collected in the collection task information.
  11. 根据权利要求10所述的方法,所述相关信息包括:内容道具的标识、形状、图片、功能介绍、所属绘本、线索提示中的一个或多个。The method according to claim 10, wherein the related information includes: one or more of the identification, shape, picture, function introduction, belonging picture book, and clue reminder of the content prop.
  12. 根据权利要求1所述的方法,所述预设内容道具为与所述绘本内容相关联的元素。The method according to claim 1, wherein the preset content props are elements associated with the content of the picture book.
  13. 一种交互式绘本的处理方法,包括:将绘本的原画信息进行拆分,得到各个组件;依据所述组件创建播放元素;创建所述绘本对应预设内容道具的收集任务信息;根据所述收集任务信息,选择所述播放元素并绑定对应的内容道具。An interactive picture book processing method, including: splitting the original picture information of the picture book to obtain each component; creating a playback element according to the component; creating the collection task information of the preset content props corresponding to the picture book; Task information, select the playback element and bind the corresponding content props.
  14. 根据权利要求13所述的方法,所述方法还包括:将所述播放元素进行组合,以创建所述绘本中各播放页面的页面信息;依据所述各播放页面的页面信息,生成所述绘本的配置文件。The method according to claim 13, further comprising: combining the playing elements to create page information of each playing page in the picture book; generating the picture book according to the page information of each playing page Configuration file.
  15. 根据权利要求14所述的方法,所述页面信息包括播放页面中包含的触发事件和与所述触发事件对应的事件触发位置,以及播放页面中包含的播放元素和所述播放元素在播放页面中的坐标位置。The method according to claim 14, wherein the page information includes the trigger event contained in the playback page and the event trigger position corresponding to the trigger event, and the playback element contained in the playback page and the playback element in the playback page The coordinate position.
  16. 根据权利要求13所述的方法,所述将绘本的原画信息进行拆分,得到各个组件,具体包括:将所述原画信息按照背景、和/或角色、和/或物品进行拆分,得到各个组件。According to the method of claim 13, the splitting the original picture information of the picture book to obtain each component specifically includes: splitting the original picture information according to the background, and/or roles, and/or objects to obtain each Components.
  17. 根据权利要求16所述的方法,依据所述组件创建播放元素,具体包括:依据所述组件创建带有动画的播放元素。The method according to claim 16, creating a play element based on the component, specifically comprising: creating a play element with animation based on the component.
  18. 根据权利要求17所述的方法,依据所述组件创建带有动画的播放元素,具体包括:动态调整组件对应元素在播放页面中的展示位置和/或展示尺寸,以生成带有动画的播放元素。The method of claim 17, creating a play element with animation based on the component, which specifically includes: dynamically adjusting the display position and/or display size of the corresponding element of the component in the play page to generate the play element with animation .
  19. 一种交互式绘本的处理装置,包括:获取模块,用于获取绘本对应的预设内容道具的收集任务信息;接收模块,用于接收所述绘本播放页面中第一元素的点击指令;更新模块,用于若判定当前未收集到的预设内容道具与所述第一元素对应绑定的内容道具匹配,则对所述收集任务信息进行更新;输出模块,用于输出所述收集任务信息的更新消息。An interactive picture book processing device, including: an acquisition module for acquiring collection task information of preset content props corresponding to the picture book; a receiving module for receiving a click instruction of the first element in the play page of the picture book; an update module , For updating the collection task information if it is determined that the preset content props that are not currently collected match the content props that are correspondingly bound to the first element; an output module is used to output the collection task information Update message.
  20. 根据权利要求19所述的装置,所述更新模块,具体用于根据所述第一元素对应绑定的内容道具,将所述收集任务信息中相对应未收集到的预设内容道具变更为已收集状态。The device according to claim 19, wherein the update module is specifically configured to change the uncollected preset content props in the collection task information to the preset content props corresponding to the bound content props corresponding to the first element. Collection status.
  21. 根据权利要求19所述的装置,所述输出模块,还用于若所述绘本播放页面中存在带有动画的第二元素,则在展示所述绘本播放页面时,播放所述第二元素的动画信息。The device according to claim 19, wherein the output module is further configured to: if there is a second element with animation in the picture book playback page, when the picture book playback page is displayed, play the second element Animation information.
  22. 根据权利要求21所述的装置,所述第二元素是在接收到相应的点击指令时触发播放的动画信息。The device according to claim 21, wherein the second element is animation information that is triggered to be played when a corresponding click instruction is received.
  23. 根据权利要求22所述的装置,所述输出模块,还用于若在所述绘本播放页面展示的预设时长内未接收到所述第二元素相应的点击指令,则输出 所述第二元素可被点击的提示信息。The device according to claim 22, wherein the output module is further configured to output the second element if the click instruction corresponding to the second element is not received within the preset duration of the display of the picture book playback page Tips that can be clicked.
  24. 根据权利要求19所述的装置,所述装置还包括:加载模块;所述加载模块,用于加载所述绘本的配置文件;所述获取模块,还用于获取所述绘本中各播放页面的页面信息;所述输出模块,还用于根据所述页面信息,播放所述绘本。The device according to claim 19, the device further comprising: a loading module; the loading module is used to load the configuration file of the picture book; the acquisition module is also used to obtain the information of each playback page in the picture book Page information; the output module is also used to play the picture book according to the page information.
  25. 根据权利要求19所述的装置,所述更新模块,还用于若判定当前未收集到的预设内容道具与所述第一元素对应绑定的内容道具匹配,则对所述绘本播放页面进行更新;所述输出模块,还用于输出更新后的所述绘本播放页面。The device according to claim 19, wherein the update module is further configured to: if it is determined that the preset content props that are not currently collected match the content props bound corresponding to the first element, then perform the operation on the picture book playback page Update; The output module is also used to output the updated picture book playback page.
  26. 根据权利要求25所述的装置,所述更新模块,具体用于将所述第一元素在所述绘本播放页面中清除。The device according to claim 25, the update module is specifically configured to clear the first element in the picture book playback page.
  27. 根据权利要求19所述的装置,所述接收模块,还用于接收所述收集任务信息的展示指令;所述输出模块,还用于输出所述收集任务信息。The device according to claim 19, the receiving module is further configured to receive a display instruction of the collection task information; the output module is further configured to output the collection task information.
  28. 根据权利要求27所述的装置,所述输出模块,具体用于输出所述收集任务信息中已收集到的、和/或未收集到的内容道具的相关信息。The device according to claim 27, wherein the output module is specifically configured to output information related to content items that have been collected and/or have not been collected in the collection task information.
  29. 根据权利要求28所述的装置,所述相关信息包括:内容道具的标识、形状、图片、功能介绍、所属绘本、线索提示中的一个或多个。The device according to claim 28, wherein the related information includes: one or more of the identification, shape, picture, function introduction, belonging picture book, and clue reminder of the content prop.
  30. 根据权利要求19所述的装置,所述预设内容道具为与所述绘本内容相关联的元素。The device according to claim 19, wherein the preset content props are elements associated with the content of the picture book.
  31. 一种交互式绘本的处理装置,包括:拆分模块,用于将绘本的原画信息进行拆分,得到各个组件;创建模块,用于依据所述组件创建播放元素;所述创建模块,还用于创建所述绘本对应预设内容道具的收集任务信息;处理模块,用于根据所述收集任务信息,选择所述播放元素并绑定对应的内容道具。An interactive picture book processing device, including: a splitting module, used to split the original picture information of the picture book to obtain various components; a creation module, used to create playback elements based on the components; the creation module also uses To create the collection task information of the preset content props corresponding to the picture book; the processing module is used to select the playback element and bind the corresponding content props according to the collection task information.
  32. 根据权利要求31所述的装置,所述装置还包括:生成模块;The device according to claim 31, further comprising: a generating module;
    所述创建模块,还用于将所述播放元素进行组合,以创建所述绘本中各播放页面的页面信息;The creation module is also used to combine the playback elements to create page information of each playback page in the picture book;
    所述生成模块,用于依据所述各播放页面的页面信息,生成所述绘本的配置文件。The generating module is configured to generate the configuration file of the picture book according to the page information of each playback page.
  33. 根据权利要求32所述的装置,所述页面信息包括播放页面中包含的触发事件和与所述触发事件对应的事件触发位置,以及播放页面中包含的播放元素和所述播放元素在播放页面中的坐标位置。The device according to claim 32, wherein the page information includes a trigger event included in the playback page and an event trigger position corresponding to the trigger event, and a playback element included in the playback page and the playback element in the playback page The coordinate position.
  34. 根据权利要求31所述的装置,所述拆分模块,具体用于将所述原画 信息按照背景、和/或角色、和/或物品进行拆分,得到各个组件。The device according to claim 31, the disassembly module is specifically configured to disassemble the original picture information according to background, and/or role, and/or article to obtain various components.
  35. 根据权利要求34所述的装置,所述创建模块,具体用于依据所述组件创建带有动画的播放元素。The apparatus according to claim 34, wherein the creation module is specifically configured to create a playback element with animation according to the component.
  36. 根据权利要求35所述的装置,所述创建模块,具体还用于动态调整组件对应元素在播放页面中的展示位置和/或展示尺寸,以生成带有动画的播放元素。The device according to claim 35, wherein the creation module is specifically further configured to dynamically adjust the display position and/or display size of the corresponding element of the component in the playback page to generate a playback element with animation.
  37. 一种计算机程序,包括计算机可读代码,当所述计算机可读代码在客户端设备上运行时,导致所述客户端设备执行根据权利要求1至12中任一项所述的交互式绘本的处理方法。A computer program, comprising computer-readable code, when the computer-readable code runs on a client device, causes the client device to execute the interactive picture book according to any one of claims 1 to 12 Approach.
  38. 一种计算机可读介质,其中存储了如权利要求37所述的计算机程序。A computer readable medium in which the computer program according to claim 37 is stored.
  39. 一种交互式绘本的处理系统,包括:客户端设备和服务器设备;所述客户端设备包括如权利要求19至30中任一项所述的装置,所述服务器设备包括如权利要求31至36中任一项所述的装置。A processing system for interactive picture books, comprising: client equipment and server equipment; the client equipment includes the device according to any one of claims 19 to 30, and the server equipment includes the device as claimed in claims 31 to 36 The device of any one of.
PCT/CN2020/112498 2020-04-14 2020-08-31 Interactive picture book processing method and apparatus, and system WO2021208329A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202010291403.1 2020-04-14
CN202010291403.1A CN111524398B (en) 2020-04-14 2020-04-14 Processing method, device and system of interactive picture book

Publications (1)

Publication Number Publication Date
WO2021208329A1 true WO2021208329A1 (en) 2021-10-21

Family

ID=71902626

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/112498 WO2021208329A1 (en) 2020-04-14 2020-08-31 Interactive picture book processing method and apparatus, and system

Country Status (2)

Country Link
CN (1) CN111524398B (en)
WO (1) WO2021208329A1 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116170647A (en) * 2023-04-26 2023-05-26 深圳市人马互动科技有限公司 Picture interaction method and device

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111524398B (en) * 2020-04-14 2021-12-31 天津洪恩完美未来教育科技有限公司 Processing method, device and system of interactive picture book
CN112115283A (en) * 2020-08-25 2020-12-22 天津洪恩完美未来教育科技有限公司 Method, device and equipment for processing picture book data

Citations (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6386881B1 (en) * 1998-01-23 2002-05-14 Scientific Learning Corp. Adaptive motivation for computer-assisted training system
US20030059758A1 (en) * 2000-02-23 2003-03-27 Brett Cohen Enhanced reading system and method
US6729884B1 (en) * 2001-11-13 2004-05-04 Metavante Corporation E-Critter game for teaching personal values and financial responsibility to a child
CN1787862A (en) * 2003-04-24 2006-06-14 大红蛙有限公司 Game
CN101719326A (en) * 2009-12-31 2010-06-02 博采林电子科技(深圳)有限公司 Game type learning system and method
CN102272810A (en) * 2008-10-19 2011-12-07 加藤浩二 Collectible centric educational game system
US20130083033A1 (en) * 2011-09-29 2013-04-04 Pleiades Publishing Limited Inc. Interactive electronic book
CN103093651A (en) * 2013-01-15 2013-05-08 深圳市有伴科技有限公司 Interaction storybook device and processing method thereof based on mobile terminal application
CN105205844A (en) * 2015-08-27 2015-12-30 林彬 Manufacturing method and apparatus of interactive electronic animation book, and mobile terminal
CN107427723A (en) * 2015-02-02 2017-12-01 库亚托游戏英国有限公司 System and method based on the user mutual dynamic creation personal story book in virtual environment
CN110478904A (en) * 2019-08-16 2019-11-22 腾讯科技(深圳)有限公司 Virtual object control method, device, equipment and storage medium in virtual environment
CN110688003A (en) * 2019-09-09 2020-01-14 华南师范大学 Augmented reality-based electronic textbook system, display method, device and medium
CN111524398A (en) * 2020-04-14 2020-08-11 天津洪恩完美未来教育科技有限公司 Processing method, device and system of interactive picture book

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8830225B1 (en) * 2010-03-25 2014-09-09 Amazon Technologies, Inc. Three-dimensional interface for content location
US9465942B1 (en) * 2013-04-08 2016-10-11 Amazon Technologies, Inc. Dictionary generation for identifying coded credentials
US9965895B1 (en) * 2014-03-20 2018-05-08 A9.Com, Inc. Augmented reality Camera Lucida
CN109324848B (en) * 2017-07-31 2021-04-09 武汉斗鱼网络科技有限公司 Linkage method of title bar and page elements, storage medium, electronic equipment and system
CN108573516B (en) * 2018-04-28 2019-09-24 掌阅科技股份有限公司 It draws the generation method of this document, calculate equipment and computer storage medium
CN109327709B (en) * 2018-11-23 2021-02-12 网易(杭州)网络有限公司 Prop delivery method and device, computer storage medium and electronic equipment
CN109871450B (en) * 2019-01-11 2021-10-19 北京光年无限科技有限公司 Multi-mode interaction method and system based on textbook reading
CN110058695A (en) * 2019-04-30 2019-07-26 北京儒博科技有限公司 Draw this interaction content generation method, editing machine, electronic equipment and storage medium
CN110368688A (en) * 2019-07-10 2019-10-25 腾讯科技(深圳)有限公司 Display methods, device, storage medium and the electronic device of animation

Patent Citations (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6386881B1 (en) * 1998-01-23 2002-05-14 Scientific Learning Corp. Adaptive motivation for computer-assisted training system
US20030059758A1 (en) * 2000-02-23 2003-03-27 Brett Cohen Enhanced reading system and method
US6729884B1 (en) * 2001-11-13 2004-05-04 Metavante Corporation E-Critter game for teaching personal values and financial responsibility to a child
CN1787862A (en) * 2003-04-24 2006-06-14 大红蛙有限公司 Game
CN102272810A (en) * 2008-10-19 2011-12-07 加藤浩二 Collectible centric educational game system
CN101719326A (en) * 2009-12-31 2010-06-02 博采林电子科技(深圳)有限公司 Game type learning system and method
US20130083033A1 (en) * 2011-09-29 2013-04-04 Pleiades Publishing Limited Inc. Interactive electronic book
CN103093651A (en) * 2013-01-15 2013-05-08 深圳市有伴科技有限公司 Interaction storybook device and processing method thereof based on mobile terminal application
CN107427723A (en) * 2015-02-02 2017-12-01 库亚托游戏英国有限公司 System and method based on the user mutual dynamic creation personal story book in virtual environment
CN105205844A (en) * 2015-08-27 2015-12-30 林彬 Manufacturing method and apparatus of interactive electronic animation book, and mobile terminal
CN110478904A (en) * 2019-08-16 2019-11-22 腾讯科技(深圳)有限公司 Virtual object control method, device, equipment and storage medium in virtual environment
CN110688003A (en) * 2019-09-09 2020-01-14 华南师范大学 Augmented reality-based electronic textbook system, display method, device and medium
CN111524398A (en) * 2020-04-14 2020-08-11 天津洪恩完美未来教育科技有限公司 Processing method, device and system of interactive picture book

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116170647A (en) * 2023-04-26 2023-05-26 深圳市人马互动科技有限公司 Picture interaction method and device
CN116170647B (en) * 2023-04-26 2023-07-18 深圳市人马互动科技有限公司 Picture interaction method and device

Also Published As

Publication number Publication date
CN111524398A (en) 2020-08-11
CN111524398B (en) 2021-12-31

Similar Documents

Publication Publication Date Title
WO2021208329A1 (en) Interactive picture book processing method and apparatus, and system
US9659278B2 (en) Methods, systems, and computer program products for displaying tag words for selection by users engaged in social tagging of content
US9928218B2 (en) Electronic text display upon changing a device orientation
CN103034395B (en) Equipment and method for Asynchronous Communication
US20080104503A1 (en) System and Method for Creating and Transmitting Multimedia Compilation Data
US20130076788A1 (en) Apparatus, method and software products for dynamic content management
Tyler App Inventor for Android: Build Your Own Apps-No Experience Required!
CN107633029A (en) A kind of method and device for showing electronic document
EP3400569A1 (en) Generating video content items using object assets
Camden Apache Cordova in action
Kinney Electron in Action
US20180211553A1 (en) Systems and methods for providing personalized electronic learning material in an educational infrastructure
CN109710221B (en) General simulation training system
Gustafson HTML5 Web Application Development By Example Beginner's guide
CN112951013B (en) Learning interaction method and device, electronic equipment and storage medium
Godwin-Jones New developments in web browsing and authoring
Wang et al. Implementation of elementary chinese language learning application in WeChat mini programs
Batty Smartphone screenwriting: Creativity, technology, and screenplays-on-the-go
Gallo et al. The presentation secrets of Steve Jobs
US9361295B1 (en) Apparatus, method and graphical user interface for providing a sound link for combining, publishing and accessing websites and audio files on the internet
Schneider RARchive Fever: The Materiality of Videogames
US10296561B2 (en) Apparatus, method and graphical user interface for providing a sound link for combining, publishing and accessing websites and audio files on the internet
Reside The Advantages of Floating in the Middle of the Sea: Digital Musical Theatre Research
Shih Jia Zhangke: life and times beyond The World.
Haines Enjoying Media and Other Entertainment

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 20931238

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 20931238

Country of ref document: EP

Kind code of ref document: A1