CN111046207A - Interactive image display method, device, equipment and storage medium - Google Patents

Interactive image display method, device, equipment and storage medium Download PDF

Info

Publication number
CN111046207A
CN111046207A CN201911084330.2A CN201911084330A CN111046207A CN 111046207 A CN111046207 A CN 111046207A CN 201911084330 A CN201911084330 A CN 201911084330A CN 111046207 A CN111046207 A CN 111046207A
Authority
CN
China
Prior art keywords
interactive
image
interactive image
display
preset
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Withdrawn
Application number
CN201911084330.2A
Other languages
Chinese (zh)
Inventor
梁隽豪
熊友谊
王勇
宋伟菖
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangzhou Okay Information Technology Co ltd
Original Assignee
Guangzhou Okay Information Technology Co ltd
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 Guangzhou Okay Information Technology Co ltd filed Critical Guangzhou Okay Information Technology Co ltd
Priority to CN201911084330.2A priority Critical patent/CN111046207A/en
Publication of CN111046207A publication Critical patent/CN111046207A/en
Withdrawn legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
    • G06F16/54—Browsing; Visualisation therefor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The embodiment of the invention discloses an interactive image display method, an interactive image display device, interactive image display equipment and a storage medium, wherein the method comprises the steps of circularly displaying interactive images in an image set according to an initial display mode; receiving a first operation instruction, and displaying a first interactive image corresponding to the first operation instruction according to a first preset display mode; determining a second interactive image associated with the first interactive image; and displaying the second interactive image according to a second preset display mode. The scheme optimizes the display effect of the interactive image, increases diversified interactive mechanisms, improves the display efficiency of the interactive image and enhances the interactivity of the interactive image.

Description

Interactive image display method, device, equipment and storage medium
Technical Field
The embodiment of the application relates to the field of computers, in particular to an interactive image display method, an interactive image display device, interactive image display equipment and a storage medium.
Background
With the progress of science and technology, the exhibition modes of the exhibition objects in the museum are more and more diversified. If at museum exhibition article's in-process, demonstrate the showpiece through the mode of image display, the image of the different showpiece of show in-process can carry out automatic display in order to realize the exhibition of different showpiece. And if the mode of displaying the projection wall by the image is adopted, the image of the exhibit is projected on the projection wall for the visit of the exhibition personnel.
In the exhibition process of the museum, the existing image exhibition mode is single, the interactivity between the exhibition process and exhibition personnel is poor, a reasonable and efficient image exhibition mechanism is lacked, and even the real-time interactive function with the exhibition personnel can not be realized.
Disclosure of Invention
The embodiment of the invention provides an interactive image display method, an interactive image display device, interactive image display equipment and a storage medium, which optimize the interactive image display effect, increase diversified interactive mechanisms, improve the interactive image display efficiency and enhance the interactive image display interactivity.
In a first aspect, an embodiment of the present invention provides an interactive image display method, where the method includes:
circularly displaying the interactive images in the image set according to the initial display mode;
receiving a first operation instruction, and displaying a first interactive image corresponding to the first operation instruction according to a first preset display mode;
determining a second interactive image associated with the first interactive image;
and displaying the second interactive image according to a second preset display mode.
In a second aspect, an embodiment of the present invention further provides an interactive image display device, where the device includes:
the interactive image initialization module is used for circularly displaying the interactive images in the image set according to the initial display mode;
the instruction receiving module is used for receiving a first operation instruction;
the first display module is used for displaying a first interactive image corresponding to the first operation instruction according to a first preset display mode;
the interactive image typesetting module is used for determining a second interactive image related to the first interactive image;
and the second display module is used for displaying the second interactive image according to a second preset display mode.
In a third aspect, an embodiment of the present invention further provides an apparatus, where the apparatus includes:
one or more processors;
a storage device for storing one or more programs,
when the one or more programs are executed by the one or more processors, the one or more processors implement the interactive image display method according to the embodiment of the present invention.
In a fourth aspect, the present invention further provides a storage medium containing computer-executable instructions, which when executed by a computer processor, are configured to perform the interactive image display method according to the present invention.
In the embodiment of the invention, the interactive images in the image set are circularly displayed according to the initial display mode, the first operation instruction is received, the first interactive image corresponding to the first operation instruction is displayed according to the first preset display mode, the second interactive image associated with the first interactive image is determined, and the second interactive image is displayed according to the second preset display mode.
Drawings
Fig. 1 is a flowchart of an interactive image display method according to an embodiment of the present invention;
fig. 1a is a schematic view of a first display interface provided in an embodiment of the present invention;
FIG. 1b is a schematic diagram of a second display interface according to an embodiment of the present invention;
FIG. 1c is a schematic diagram of a third display interface according to an embodiment of the present invention;
FIG. 2 is a flowchart illustrating another interactive image display method according to an embodiment of the present invention;
FIG. 2a is a schematic diagram of a fourth display interface according to an embodiment of the present invention;
FIG. 2b is a schematic diagram of a fifth display interface according to an embodiment of the invention;
FIG. 3 is a flowchart illustrating another interactive image display method according to an embodiment of the present invention;
FIG. 4 is a flowchart illustrating another interactive image display method according to an embodiment of the present invention;
fig. 5 is a block diagram of an interactive image display device according to an embodiment of the present invention;
fig. 6 is a schematic structural diagram of an apparatus according to an embodiment of the present invention.
Detailed Description
The embodiments of the present invention will be described in further detail with reference to the drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of and not restrictive on the broad invention. It should be further noted that, for convenience of description, only some structures, not all structures, relating to the embodiments of the present invention are shown in the drawings.
Fig. 1 is a flowchart of an interactive image display method according to an embodiment of the present invention, where the present embodiment is applicable to a case of displaying an interactive image, and the method may be executed by a computing device such as a touch display all-in-one machine, a notebook, a desktop, a tablet computer, a mobile phone, and a projection device, and specifically includes the following steps:
and S101, circularly displaying the interactive images in the image set according to an initial display mode.
The image set is a set formed by a plurality of interactive images to be displayed, such as a group of cultural relics interactive images in a museum exhibition. The initial display mode of the interactive images is a preset display mode presented in the display process of the interactive images, and exemplarily, the initial display mode of the interactive images can be that the interactive images in an image set are sequentially displayed, each interactive image moves from left to right in the display process, when the interactive images move from the initial leftmost end to the rightmost end of the display, new interactive images can be generated at the leftmost end and repeatedly move to the rightmost end, and when all the interactive images in the image set are displayed, the images are circularly displayed from the beginning. The interactive image refers to image information with or without a specific display effect for providing an interactive channel for a user, such as a picture wrapped by a color animation effect frame, a segment image displayed with an animation effect, a dynamic picture designed for a cultural relic or other objects, a three-dimensional interactive model or a plan view thereof, a panoramic picture, an ineffective rendering picture and the like.
In one embodiment, the interactive images in the image set can be displayed on a touch display screen, the touch display screen can be arranged in a place for a user to visit, such as a museum, and the display of the interactive images and the user interaction are performed through the touch display screen; the interactive image display method can also be displayed on a projection wall, such as a projection wall for users to visit in a museum, and the display content of the projection wall can be controlled by a projection device or intelligent equipment, such as a tablet computer, for example, interactive images displayed by the tablet computer are synchronously projected to the projection wall to be displayed.
In one embodiment, corresponding interactive images are made for different exhibits of a museum, the made interactive images are placed in an image engine and named, for example, the interactive images are placed in a Unity engine and named as Resources, a new file such as a tex folder is created in the file Resources, the interactive images in an image set are added to the tex folder, and the naming mode of the interactive images can be named by arabic numerals. In the process of displaying the interactive images, a program is operated, a function is called to generate a fixed number of objects, such as 30 objects as an example, and the interactive images are sequentially added to the objects according to the adding and arranging sequence of the interactive images in the image set in the process of generating the objects, such as adding the interactive images to the source image attribute in the image on the object. The initial display mode of the interactive image can be displaying the interactive image in any one or more of the following modes: moving from the rightmost end to the leftmost end of the display screen, falling off from the upper end of the display screen to the bottom end with a time delay, moving outward from the middle part of the display screen in a centralized manner, and the like, illustratively, adding a speed to the left to each object generated by calling a function, and moving from the right to the left, and when the object is removed from the display screen, changing the position of the object to the rightmost end of the current line, thereby playing in a loop.
Step S102, receiving a first operation instruction, and displaying a first interactive image corresponding to the first operation instruction according to a first preset display mode.
The first operation instruction can be a touch instruction for a touch screen, or a click instruction generated by using a mouse, and can also be a voice operation instruction, an action instruction and the like, and the first operation instruction is used for interacting with the interactive image displayed in a circulating manner.
In an embodiment, taking the first operation instruction as a touch instruction of the touch screen as an example, when the first operation instruction is received, the currently displayed interactive image at the touch position of the first operation instruction is determined as the first interactive image, for example, fifty interactive images in five rows and ten columns are displayed in the touch display screen, for example, if the user touches the position area where the sixth row and the seventh column of the interactive image are located, correspondingly, when the first operation instruction is received, the interactive image in the second row and the third column is determined as the first interactive image.
In another embodiment, for example, the first operation instruction is taken as an action instruction, for example, before a projection wall with fifty interactive images including five rows and ten columns is displayed, a hand-waving designated action of the user is detected, and the interactive image pointed by the hand-waving designated action is recognized as a sixth row and a seventh column of interactive images, and accordingly, the sixth row and the seventh column of interactive images are determined as corresponding first interactive images.
The first preset display mode is a display mode corresponding to the first interactive image and is different from a display state when the interactive image is displayed in a circulating mode. In one embodiment, the first preset display mode includes an enlarged display, and if the display size of the original first interactive image is 4cm × 3cm, the size of the enlarged first interactive image is 12cm × 10 cm; in another embodiment, the first preset display mode further includes adjusting different display parameters of the first interactive image, such as a display shape, a display brightness, and a background color, besides changing the display size of the first interactive image, for example, all interactive images cyclically displayed in the display screen are square, and the first preset display mode may be a mode of adjusting the first interactive image to be circular. The specific implementation mode may be implemented by calling a function in a set script, taking the first operation instruction as a screen click instruction as an example, when a user clicks an interactive image (determined as the first interactive image), the on mouse point click function in the script is called correspondingly, and the interactive image is displayed in an enlarged manner. In one embodiment, the initial display manner of the interactive images is that all displayed interactive images move to the left at a constant speed, the first preset display manner includes suspending the movement of the first interactive image, that is, another first interactive image is displayed at a fixed position where the movement is currently stopped, specifically, the movement speed of the object correspondingly bound to the first interactive image is set to 0, and then the first interactive image is displayed as being stopped.
And S103, determining a second interactive image associated with the first interactive image.
Fig. 1a is a schematic diagram of a first display interface provided by an embodiment of the present invention, in an embodiment, as shown in fig. 1a, a display interface 1031 cyclically displays interactive images in 80 image sets of 8 rows and 10 columns (where each rectangular square in the display interface 1031 represents one displayed interactive image, and the numbers of the rectangular squares may be exemplified as interactive image numbers), and when the display mode of the first interactive image is changed in response to a first operation instruction, a second interactive image associated with the first interactive image is synchronously determined. For example, if the first interactive image is the interactive image 35, the associated second interactive image may be the interactive image 14, the interactive image 15, the interactive image 16, the interactive image 24, the interactive image 25, the interactive image 26, the interactive image 34, the interactive image 36, the interactive image 44, the interactive image 45, the interactive image 46, the interactive image 54, the interactive image 55, and the interactive image 56, wherein the associated interactive image is the interactive image near the display area of the first interactive image.
In one embodiment, as shown in fig. 1a, each interactive image in the display interface corresponds to a coordinate value during the cyclic display process, for example, the coordinate value (x, y) corresponds to a horizontal axis x axis and a vertical axis y axis, and after the first interactive image is determined, the manner of determining the second interactive image associated with the first interactive image may be: and taking coordinate values (x1, y1) of the first interactive image in the display screen as a circle center, and taking the preset value r as a radius to form a circular area, wherein the interactive images corresponding to other coordinates covered in the circular area are taken as second interactive images.
And step S104, displaying the second interactive image according to a second preset display mode.
The second preset display mode may be to reduce the size of the displayed interactive image. Fig. 1b is a schematic diagram of a second display interface according to an embodiment of the present invention, and in an embodiment, as shown in fig. 1b, after determining that the first interactive image is an interactive image 35 and the associated second interactive images may be an interactive image 14, an interactive image 15, an interactive image 16, an interactive image 24, an interactive image 25, an interactive image 26, an interactive image 34, an interactive image 36, an interactive image 44, an interactive image 45, an interactive image 46, an interactive image 54, an interactive image 55, and an interactive image 56, the first interactive image is displayed in an enlarged manner, and the second interactive image is displayed in a reduced manner.
It should be noted that the second preset display mode may also be setting the interactive image to be transparent display, reducing the brightness for display, and is not limited to reducing the display, and aims to highlight the first interactive image, so that the first interactive image is more prominent and obvious, and the interaction efficiency with the user is improved.
According to the scheme, in the process of circularly displaying the interactive images in the image set, the change of the display content can be carried out through receiving the operation instruction, when the first operation instruction is received, the display mode of the corresponding first interactive image is changed, the determined display mode of the second interactive image related to the first interactive image is changed, the first interactive image can be observed by a visitor conveniently, the interactive experience of interactive image display is optimized, the interactive image display effect is better, all the interactive images in the image set can be displayed circularly in the initial display process, after the operation instruction is received, reasonable interactive image layout change is carried out, and the interactive image display efficiency is improved.
On the basis of the technical scheme, the method further comprises the following steps: and receiving a third operation instruction aiming at the first interactive image, and restoring the display mode of the first interactive image and the associated second interactive image. The third operation instruction may be a click instruction, a touch instruction, or the like detected with respect to the first interactive image.
Specifically, after a first operation instruction is received, a first interactive image corresponding to the first operation instruction is added to a selected list in the script and determined to be in a selected state, a cloned object of the first interactive image in an un-clicked state is copied, after a third operation instruction is received, the first interactive image in the selected state is cancelled and returned to the original position, and after the position of the first interactive image is restored, the cloned object is destroyed.
It should be noted that the first interactive image is an interactive image which is operated corresponding to the first operation instruction, and during the display process of the interactive image, the first operation instruction may be executed multiple times at the same time, that is, multiple first interactive images and multiple second interactive images may be displayed on the display screen according to a first preset display mode and a second preset display mode, where fig. 1c is a schematic diagram of a third display interface provided in the embodiment of the present invention, as shown in the figure, three enlarged first interactive images exist in the display interface, and meanwhile, the second interactive images around the three first interactive images are all displayed in a reduced size.
In one embodiment, when the interactive images in the image set are displayed in a circulating manner according to the initial display mode, the interactive images in the image set are displayed in a circulating manner according to the preset position and the preset track according to the preset trigger condition. The preset trigger condition is set to be that when the initial display mode is executed and the first operation instruction is not detected within preset time (such as 10 seconds or 30 seconds), a circular display instruction of the interactive image in the image set is triggered, and when the first operation instruction is detected within the preset time, the circular display instruction is stopped, so that the user is waited to trigger the first operation instruction in a static mode of the interactive image, namely, the circular display is not always circular, therefore, the interaction between the user and the interactive image is facilitated, the clicking of the user is facilitated, and the interactive experience is optimized.
In one embodiment, displaying the first interactive image according to a first preset display mode includes: and in response to the first operation instruction, pausing the movement of the first interactive image, and displaying the first interactive image in an enlarged mode at a display position set in a corresponding area range where the first operation instruction occurs. For example, taking the first operation instruction as a touch instruction of the user as an example, a position set in a corresponding area range where the user touches the display screen may be used as a position for magnifying the first interactive image, the corresponding area range may be an area formed by a circle with a center radius of 10cm and a touch instruction triggering position point, and the set position may be any position in the circular area.
Fig. 2 is a flowchart of another interactive image display method according to an embodiment of the present invention, in which interactive images in an image set are displayed in a circular motion manner according to a set position and a set track, and a specific interactive image initial display mode is provided. As shown in fig. 2, the technical solution is as follows:
step S201, displaying an initial preset interactive image in the image set at a first initial preset position.
The initial preset interactive image can be set by a designer or determined according to the interaction condition of the interactive images in the image set, if the number of times that the interactive images 15 and the interactive images 27 in the image set are clicked in the display process is the largest, the interactive images 15 and the interactive images 17 are determined to be not the initial preset interactive images, when the image set is displayed in an initial circulating mode, the interactive images 15 and the interactive images 17 are fixed at a first initial preset position to be displayed, the initial preset position can be in the middle of a screen, and the like, and optionally, the interactive images 15 and the interactive images 17 are displayed in an enlarged mode.
Step S202, determining a coordinate moving track of the residual interactive images in the image set, and controlling the residual interactive images to move and display according to the coordinate moving track.
When the interactive images are displayed, each interactive image corresponds to a coordinate moving track, and when the display distance between the residual interactive images in the image set and the initial preset interactive images in the image set is detected to meet a preset threshold value, the coordinate moving tracks of the interactive images are modified. Illustratively, an initial preset interactive image is fixedly displayed in the center of a display screen, the rest interactive images in an image set move at a constant speed from the left end to the right end of the display screen, when the interactive images move to the vicinity of the initial preset interactive image (if the distance between the interactive images and the initial preset interactive image is smaller than a preset threshold value of 8cm), the interactive images are reduced and displayed, the coordinate moving track of the interactive images is modified to bypass the initial preset interactive image, if the y coordinate value in the coordinate moving track is modified, the interactive images move upwards or downwards to bypass the initial preset interactive image, and when the interactive images are far away from the initial preset interactive image (if the distance between the interactive images and the initial preset interactive image is larger than the preset threshold value of 8cm), the y coordinate value in the coordinate moving track of the interactive images is restored to the position before modification.
Step S203, receiving a first operation instruction, and displaying a first interactive image corresponding to the first operation instruction according to a first preset display mode.
Optionally, when the image set is displayed in a loop, if a first operation instruction is received when the enlarged interactive image exists, the enlarged interactive image is reduced and displayed.
And S204, determining a second interactive image associated with the first interactive image.
And S205, displaying the second interactive image according to a second preset display mode.
The specific implementation process of displaying the first interactive image corresponding to the first operation instruction according to a first preset display mode, determining a second interactive image associated with the first interactive image, and displaying the second interactive image according to a second preset display mode refers to the explanation part of steps S103 to S105, which is not described herein again.
According to the scheme, the initial preset interactive image can be preset in the process of carrying out the cyclic display on the interactive image, the initial preset interactive image and the residual interactive images in the image set are circularly displayed in different display modes, the interactive image display effect is optimized, the initial preset interactive image can be set for the interactive image with more interactive operation, the display time is prolonged, the amplified display is carried out, and the interactive image display and interactive image interaction efficiency is improved.
In another embodiment, when the interactive images in the image set are displayed, a time-delay moving display mode is adopted for each interactive image. Fig. 2a is a schematic diagram of a fourth display interface provided in an embodiment of the present invention, which is a manner for displaying interactive images in an image set, as shown in fig. 2a, all the interactive images are closely adjacent to each other, and the display effect of this manner is generally optimized as the display manner of fig. 2b, that is, a manner of adopting a time-lapse moving display manner, fig. 2b is a schematic diagram of a fifth display interface provided in an embodiment of the present invention, specifically, coordinates (i, j) of each interactive image are defined when the interactive image is generated, where i and j respectively represent a row number and a column number, and (4,3) represents a fourth and a third column, that is, the interactive image is displayed at a position of the fourth and the third column when the interactive image is generated, and the time-lapse displaying effect of the interactive image is realized by using an insert (e.g. tweener insert), and an exemplary code is: setdelay (j 0.1f + (row-i) × 0.1f), where row represents the maximum number of rows, and is shown in fig. 2b as 6, and f is a set time value, which may be a fixed value or a random value, and may be 1s, 5s, or 10s, for example. According to the scheme, the interactive image is subjected to delayed mobile display, the display effect of the interactive image is further optimized, the user can conveniently observe the interactive image, and the interactive image which needs to be interacted is interacted conveniently and quickly.
Fig. 3 is a flowchart of another interactive image display method according to an embodiment of the present invention, in which interactive images in an image set are displayed in a circular motion manner according to a set position and a set track, and another specific interactive image initial display mode is provided. As shown in fig. 3, the technical solution is as follows:
and S301, overlapping and displaying the interactive images in the image set at a second initial preset position.
The second initial preset position may be one or more fixed positions in the display screen, and for example, one fixed position is used to display the interactive image in the image set in an overlapping manner in the upper left corner of the display screen.
Step S302, determining a preset position corresponding to each interactive image in the image set, and controlling each interactive image to move to the corresponding preset position within preset time.
Specifically, the preset position of each interactive image is set in the same position of the interactive image, the interactive image is moved to the corresponding preset position within 0.5f-4 seconds, and then the speed is adjusted to 0. This may be accomplished by calling an aniomat control, for example, the code is as follows:
Tweener
tween 2 ═ GetComponent < rect transform > () DOAnchorPos (endpos, random. range (0.5f, 4)); // jog to target position; (0.5f,4) represents the movement of the interactive image to the predetermined position within a random time of 0.5f-4 seconds
twener2. setdelay (j 0.1f + (row-i) random. range (0,0.1 f)); // time delay
tweener2.SetEase(Ease.InSine)；
speed＝0
Step S303, receiving a first operation instruction, and displaying a first interactive image corresponding to the first operation instruction according to a first preset display mode.
And S304, determining a second interactive image associated with the first interactive image.
And S305, displaying the second interactive image according to a second preset display mode.
According to the scheme, the preset position corresponding to each interactive image in the image set is determined, and each interactive image is controlled to move from the superposition position to the corresponding preset position within the preset time, so that the display effect of the interactive images is further optimized, and the visiting experience of a user is enhanced.
Fig. 4 is a flowchart of another interactive image display method according to an embodiment of the present invention, which shows a specific scheme for confirming and adjusting the interactive image display mode. As shown in fig. 4, the technical solution is as follows:
and S401, circularly displaying the interactive images in the image set according to the initial display mode.
Step S402, receiving a first operation instruction, and displaying a first interactive image corresponding to the first operation instruction according to a first preset display mode.
Step S403, determining the display position of the first interactive image, and determining the interactive image in a preset diffusion distance at the display position as a second interactive image.
In one embodiment, the interactive image corresponding to the first operation instruction is added to a selected list of the script, when an object exists in the selected list (that is, when the interactive image is selected), a function is called to traverse all the interactive image objects, and the interactive image within a preset diffusion distance from the selected interactive image position (that is, the interactive image is determined to be the second interactive image) is added to a circleImg list in the script. The preset diffusion distance may be 30cm, that is, an image within 30cm from the first interactive image is determined as the second interactive image.
And S404, reducing the second interactive image, and generating a moving track corresponding to the second interactive image according to the display position of the first interactive image and the preset diffusion distance.
In one embodiment, a vector is obtained by coding coordinates of the interactive image added to the circleImg list and the selected interactive image, the vector is multiplied by a preset diffusion distance to obtain a coordinate, the coordinate is assigned to the corresponding interactive image in the circleImg, and when the unselected interactive image leaves the preset diffusion distance, the original coordinate is returned, so that the unselected interactive image can bypass the selected interactive image.
Illustratively, the code is as follows:
Figure RE-GDA0002314634710000101
Figure RE-GDA0002314634710000111
and S405, performing mobile display on the reduced second display interactive image according to the mobile track.
According to the scheme, in the process of displaying and interacting the interactive images, the selected interactive images are amplified and displayed, the other moving interactive images have the effect of bypassing the selected interactive images, the interactive experience of interactive image display is optimized, the visitors can conveniently observe the interactive images, and meanwhile, the display effect is better.
On the basis of the above technical solution, after displaying the first interactive image corresponding to the first operation instruction according to a first preset display mode, the method further includes: and receiving a second operation instruction, and displaying the corresponding three-dimensional interaction model at the display position of the first interaction image. The three-dimensional interaction model can be dragged and rotated, and the interaction of the displayed content and the visitors is further optimized.
In the scheme, a plurality of different interactive image display modes are provided, for example, the initial cyclic display of the interactive images comprises the steps of displaying initial preset interactive images in the image set at a first initial preset position, determining the coordinate moving track of the rest interactive images in the image set, and controlling the rest interactive images to move and display according to the coordinate moving track; overlapping and displaying the interactive images in the image set at a second initial preset position, determining a preset position corresponding to each interactive image in the image set, and controlling each interactive image to move to the corresponding preset position within preset time; and adopting a time-delay moving display mode aiming at each interactive image. The multiple different display modes can be controlled according to different time periods every day, for example, in the morning, the initial preset interactive image in the image set is displayed at a first initial preset position, the coordinate moving track of the residual interactive image in the image set is determined, and the residual interactive image is controlled to be displayed in a moving mode according to the coordinate moving track. And in the afternoon, overlapping and displaying the interactive images in the image set at a second initial preset position, determining a preset position corresponding to each interactive image in the image set, and controlling each interactive image to move to the corresponding preset position in preset time. In another embodiment, the interactive image circular display mode may also be determined according to the current number of visitors, for example, when it is detected that the current number of visitors is greater than a preset number (for example, 20 people), the method includes displaying an initial preset interactive image in the image set at a first initial preset position, determining a coordinate moving track of the remaining interactive images in the image set, and controlling the remaining interactive images to move and display according to the coordinate moving track. Therefore, different interactive image circulating display modes can be adopted according to different numbers of visitors, the visitors can efficiently browse and visit the interactive images, and user experience is optimized.
Fig. 5 is a block diagram of an interactive image display device according to an embodiment of the present invention, where the device is used to execute the interactive image display method provided in the foregoing embodiment, and has functional modules and beneficial effects corresponding to the execution method. As shown in fig. 5, the apparatus specifically includes: an interactive image initialization module 101, an instruction receiving module 102, a first display module 103, an interactive image composition module 104, and a second display module 105, wherein,
the interactive image initialization module 101 is configured to perform circular display on interactive images in the image set according to an initial display mode;
an instruction receiving module 102, configured to receive a first operation instruction;
the first display module 103 is configured to display a first interactive image corresponding to the first operation instruction according to a first preset display mode;
an interactive image typesetting module 104, configured to determine a second interactive image associated with the first interactive image;
and the second display module 105 is configured to display the second interactive image according to a second preset display mode.
According to the scheme, in the process of circularly displaying the interactive images in the image set, the change of the display content can be carried out through receiving the operation instruction, when the first operation instruction is received, the display mode of the corresponding first interactive image is changed, the determined display mode of the second interactive image related to the first interactive image is changed, the first interactive image can be observed by a visitor conveniently, the interactive experience of interactive image display is optimized, the interactive image display effect is better, all the interactive images in the image set can be displayed circularly in the initial display process, after the operation instruction is received, reasonable interactive image layout change is carried out, and the interactive image display efficiency is improved.
In a possible embodiment, the interactive image initialization module 101 is specifically configured to:
according to a preset trigger condition, displaying the interactive images in the image set in a circulating movement mode according to a set position and a set track, wherein the preset trigger condition is set to trigger a circulating display instruction of the interactive images in the image set if the first operation instruction is not detected within a preset time when the initial display mode is executed; when the first operation instruction is detected in the preset time, the circular display instruction is stopped;
the first display module 103 is specifically configured to:
and in response to the first operation instruction, pausing the movement of the first interactive image, and displaying the first interactive image in an enlarged mode at a display position set in a corresponding area range where the first operation instruction occurs.
In one possible embodiment, the interactive image layout module 104 is specifically configured to:
determining a display position of the first interactive image;
and determining the interactive image in the preset diffusion distance at the display position as a second interactive image.
In one possible embodiment, the second display module 105 is specifically configured to:
reducing the second interactive image, and generating a moving track corresponding to the second interactive image according to the display position of the first interactive image and the preset diffusion distance;
and moving and displaying the reduced second display interactive image according to the moving track.
In a possible embodiment, the interactive image initialization module 101 is specifically configured to:
displaying an initial preset interactive image in the image set at a first initial preset position;
and determining the coordinate moving track of the residual interactive images in the image set, and controlling the residual interactive images to move and display according to the coordinate moving track.
In a possible embodiment, the interactive image initialization module 101 is specifically configured to:
overlapping and displaying the interactive images in the image set at a second initial preset position;
determining a preset position corresponding to each interactive image in the image set;
and controlling each interactive image to move to a corresponding preset position within preset time.
In a possible embodiment, the instruction receiving module 102 is further configured to:
displaying a first interactive image corresponding to the first operation instruction according to a first preset display mode, and then receiving a second operation instruction; the first display module 103 is further configured to: and displaying the corresponding three-dimensional interaction model at the display position of the first interaction image.
Fig. 6 is a schematic structural diagram of an apparatus according to an embodiment of the present invention, as shown in fig. 6, the apparatus includes a processor 201, a memory 202, an input device 203, and an output device 204; the number of the processors 201 in the device may be one or more, and one processor 201 is taken as an example in fig. 6; the processor 201, the memory 202, the input device 203 and the output device 204 in the apparatus may be connected by a bus or other means, for example in fig. 6.
The memory 202 is a computer-readable storage medium, and can be used for storing software programs, computer-executable programs, and modules, such as program instructions/modules corresponding to the interactive image display method in the embodiment of the present invention. The processor 201 executes various functional applications and data processing of the device by running software programs, instructions and modules stored in the memory 202, so as to implement the above-mentioned interactive image display method.
The memory 202 may mainly include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required for at least one function; the storage data area may store data created according to the use of the terminal, and the like. Further, the memory 202 may include high speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other non-volatile solid state storage device. In some examples, the memory 202 may further include memory located remotely from the processor 201, which may be connected to the device over a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
The input device 203 may be used to receive input numeric or character information and generate key signal inputs related to user settings and function controls of the apparatus. The output device 204 may include a display device such as a display screen.
Embodiments of the present invention also provide a storage medium containing computer-executable instructions, which when executed by a computer processor, perform a method for interactive image display, the method comprising:
circularly displaying the interactive images in the image set according to the initial display mode;
receiving a first operation instruction, and displaying a first interactive image corresponding to the first operation instruction according to a first preset display mode;
determining a second interactive image associated with the first interactive image;
and displaying the second interactive image according to a second preset display mode.
From the above description of the embodiments, it is obvious for those skilled in the art that the embodiments of the present invention can be implemented by software and necessary general hardware, and certainly can be implemented by hardware, but the former is a better implementation in many cases. Based on such understanding, the technical solutions of the embodiments of the present invention may be embodied in the form of a software product, which may be stored in a computer-readable storage medium, such as a floppy disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a FLASH Memory (FLASH), a hard disk or an optical disk of a computer, and includes several instructions to make a computer device (which may be a personal computer, a server, or a network device) perform the methods described in the embodiments of the present invention.
It is to be noted that, in this document, relational terms such as first and second are used only for distinguishing one entity or operation or object from another entity or operation or object, and do not represent a sequential relationship or a limitation of a specific number.
It should be noted that, in the embodiment of the interactive image display device, the units and modules included in the embodiment are only divided according to functional logic, but are not limited to the above division as long as the corresponding functions can be realized; in addition, specific names of the functional units are only for convenience of distinguishing from each other, and are not used for limiting the protection scope of the embodiment of the invention.
It should be noted that the foregoing is only a preferred embodiment of the present invention and the technical principles applied. Those skilled in the art will appreciate that the embodiments of the present invention are not limited to the specific embodiments described herein, and that various obvious changes, adaptations, and substitutions are possible, without departing from the scope of the embodiments of the present invention. Therefore, although the embodiments of the present invention have been described in more detail through the above embodiments, the embodiments of the present invention are not limited to the above embodiments, and many other equivalent embodiments may be included without departing from the concept of the embodiments of the present invention, and the scope of the embodiments of the present invention is determined by the scope of the appended claims.

Claims (10)

1. The interactive image display method is characterized by comprising the following steps:
circularly displaying the interactive images in the image set according to the initial display mode;
receiving a first operation instruction, and displaying a first interactive image corresponding to the first operation instruction according to a first preset display mode;
determining a second interactive image associated with the first interactive image;
and displaying the second interactive image according to a second preset display mode.
2. The method of claim 1, wherein the displaying the interactive images in the image set in a loop according to the initial display mode comprises:
according to a preset trigger condition, carrying out circular movement display on the interactive images in the image set according to a set position and a set track;
the preset trigger condition is set to be that when the first operation instruction is not detected within preset time after the initial display mode is executed, a circulating display instruction of the interactive images in the image set is triggered; when the first operation instruction is detected in the preset time, the circular display instruction is stopped;
correspondingly, displaying the first interactive image according to a first preset display mode comprises:
and in response to the first operation instruction, pausing the movement of the first interactive image, and displaying the first interactive image in an enlarged mode at a display position set in a corresponding area range where the first operation instruction occurs.
3. The method of claim 1, wherein determining the second interactive image associated with the first interactive image comprises:
determining a display position of the first interactive image;
and determining the interactive image in the preset diffusion distance at the display position as a second interactive image.
4. The method of claim 3, wherein displaying the second interactive image according to a second preset display mode comprises:
reducing the second interactive image, and generating a moving track corresponding to the second interactive image according to the display position of the first interactive image and the preset diffusion distance;
and moving and displaying the reduced second display interactive image according to the moving track.
5. The method according to any one of claims 2-4, wherein the displaying the interactive images in the image set according to the preset positions and the preset tracks in a circular movement manner according to the preset trigger condition comprises:
displaying an initial preset interactive image in the image set at a first initial preset position;
and determining the coordinate moving track of the residual interactive images in the image set, and controlling the residual interactive images to move and display according to the coordinate moving track.
6. The method according to any one of claims 2-4, wherein the displaying the interactive images in the image set according to the preset positions and the preset tracks in a circular movement manner according to the preset trigger condition comprises:
overlapping and displaying the interactive images in the image set at a second initial preset position;
determining a preset position corresponding to each interactive image in the image set;
and controlling each interactive image to move to a corresponding preset position within preset time.
7. The method according to any one of claims 1 to 4, wherein after displaying the first interactive image corresponding to the first operation instruction according to a first preset display mode, the method further comprises:
and receiving a second operation instruction, and displaying the corresponding three-dimensional interaction model at the display position of the first interaction image.
8. Interactive image display device, characterized in that, includes:
the interactive image initialization module is used for circularly displaying the interactive images in the image set according to the initial display mode of the interactive images;
the instruction receiving module is used for receiving a first operation instruction;
the first display module is used for displaying a first interactive image corresponding to the first operation instruction according to a first preset display mode;
the interactive image typesetting module is used for determining a second interactive image related to the first interactive image;
and the second display module is used for displaying the second interactive image according to a second preset display mode.
9. An apparatus, the apparatus comprising: one or more processors; storage means for storing one or more programs which, when executed by the one or more processors, cause the one or more processors to implement the interactive image display method of any one of claims 1-7.
10. A storage medium containing computer-executable instructions for performing the interactive image display method of any one of claims 1-7 when executed by a computer processor.
CN201911084330.2A 2019-11-07 2019-11-07 Interactive image display method, device, equipment and storage medium Withdrawn CN111046207A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201911084330.2A CN111046207A (en) 2019-11-07 2019-11-07 Interactive image display method, device, equipment and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911084330.2A CN111046207A (en) 2019-11-07 2019-11-07 Interactive image display method, device, equipment and storage medium

Publications (1)

Publication Number Publication Date
CN111046207A true CN111046207A (en) 2020-04-21

Family

ID=70232933

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911084330.2A Withdrawn CN111046207A (en) 2019-11-07 2019-11-07 Interactive image display method, device, equipment and storage medium

Country Status (1)

Country Link
CN (1) CN111046207A (en)

Similar Documents

Publication Publication Date Title
US9268423B2 (en) Definition and use of node-based shapes, areas and windows on touch screen devices
KR101962979B1 (en) Three-dimensional icons for organizing, invoking, and using applications
US20220249949A1 (en) Method and apparatus for displaying virtual scene, device, and storage medium
CN109144649A (en) Display methods, device, terminal and the storage medium of icon
CN113711174A (en) Managing and displaying web pages in virtual three-dimensional space with mixed reality systems
JP6532981B2 (en) Persistent Node Framework
CN106658139B (en) Focus control method and device
RU2768526C2 (en) Real handwriting presence for real-time collaboration
CN107077347B (en) View management architecture
CN102880382B (en) Interface display system, method and equipment
CN114518820A (en) Icon sorting method and device and electronic equipment
CN113099285A (en) Display method and device
CN107391148B (en) View element saving method and device, electronic equipment and computer storage medium
US20230343056A1 (en) Media resource display method and apparatus, device, and storage medium
WO2023236602A1 (en) Display control method and device for virtual object, and storage medium and electronic device
CN111046207A (en) Interactive image display method, device, equipment and storage medium
CN110888581A (en) Element transfer method, device, equipment and storage medium
WO2022217433A1 (en) Multi-terminal collaborative display update method and apparatus
CN114564134A (en) Application icon display method and device
CN113360064A (en) Method and device for searching local area of picture, medium and electronic equipment
CN115373558A (en) Screen projection method, device, equipment and storage medium
KR102352570B1 (en) Method and system for providing a group call screen
US20190004675A1 (en) Flexible layout for calendars
CN109714474A (en) Content copying methods, device, terminal and storage medium
CN109144453A (en) Massive information high-resolution collaborative work cloud platform based on parallel computation

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
WW01 Invention patent application withdrawn after publication
WW01 Invention patent application withdrawn after publication

Application publication date: 20200421