Image processing method, device, equipment, storage medium and program product

Abstract

The present disclosure relates to an image processing method, apparatus, device, storage medium, and program product. The method comprises: obtaining texture information of a currently displayed image and preset effect configuration information; determining position information of each image block in a preset effect based on the texture information of the currently displayed image and the preset effect configuration information; and controlling the image blocks to be reduced in size based on the position information of each image block, so that the image blocks are displayed with a three-dimensional rotating animation effect. The technical solution provided by the embodiments of the present disclosure enhances the three-dimensional perspective effect, making the image blocks appear to be rotating three-dimensional surfaces, thereby improving people's visual enjoyment.

Description

Technical Field

[0001] The present disclosure relates to the field of data processing technology, and in particular to an image processing method, apparatus, device, storage medium, and program product. Background Art

[0002] With the continuous development of Internet technology, transition effects are being used more and more in the fields of film and television editing, short video creation, and advertising creation.

[0003] Transition effects refer to the use of certain image processing technologies to transition between two video screens or two pictures. Reasonable use of transition effects can make the switching between scenes and between shots more natural, giving people a comfortable feeling from a visual perspective. Summary of the Invention

[0004] In order to solve the above technical problems, the embodiments of the present disclosure provide an image processing method, device, equipment, storage medium and program product, which enhance the three-dimensional perspective effect, make the image blocks visually look like three-dimensional surfaces rotating, and improve people's visual enjoyment.

[0005] In a first aspect, an embodiment of the present disclosure provides an image processing method, the method comprising:

[0006] Get the texture information of the currently displayed image and the preset effect configuration information;

[0007] Determining position information of each image block in a preset effect based on texture information of the currently displayed image and the preset effect configuration information;

[0008] The image blocks are controlled to be reduced based on the position information of the respective image blocks, so that the image blocks are displayed with a three-dimensional rotating animation effect.

[0009] In a second aspect, an embodiment of the present disclosure provides an image processing device, the device comprising:

[0010] An information acquisition module is used to obtain texture information of the currently displayed image and preset effect configuration information;

[0011] a position information determining module, configured to determine position information of each image block in a preset effect based on texture information of the currently displayed image and the preset effect configuration information;

[0012] The image reduction module is used to control the image blocks to be reduced based on the position information of the image blocks, so that the image blocks are displayed with a three-dimensional rotating animation effect.

[0013] In a third aspect, an embodiment of the present disclosure provides an electronic device, the electronic device comprising:

[0014] one or more processors;

[0015] a storage device for storing one or more programs;

[0016] When the one or more programs are executed by the one or more processors, the one or more processors implement the image processing method as described in any one of the first aspects above.

[0017] In a fourth aspect, an embodiment of the present disclosure provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the image processing method as described in any one of the first aspects above.

[0018] In a fifth aspect, an embodiment of the present disclosure provides a computer program product, which includes a computer program or instructions, and when the computer program or instructions are executed by a processor, implements the image processing method as described in any one of the first aspects above.

[0019] The disclosed embodiments provide an image processing method, apparatus, device, storage medium, and program product. The method includes: obtaining texture information of a currently displayed image and preset effect configuration information; determining position information of each image block in a preset effect based on the texture information of the currently displayed image and the preset effect configuration information; and controlling the reduction of the leaf image based on the position information of each image block to display the image block with a three-dimensional leaf rotating animation effect. The technical solution provided by the disclosed embodiments enhances the three-dimensional perspective effect, making the image block visually resemble a rotating three-dimensional surface, thereby improving people's visual enjoyment. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] The above and other features, advantages, and aspects of the various embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and that the originals and elements are not necessarily drawn to scale.

[0021] Figure 1 is a flowchart of an image processing method in an embodiment of the present disclosure;

[0022] Figure 2 is a schematic diagram of a blinds animation effect in an embodiment of the present disclosure;

[0023] Figure 3 is a schematic diagram of a reduced leaf image in an embodiment of the present disclosure;

[0024] Figure 4 is a schematic diagram of a gating function in an embodiment of the present disclosure;

[0025] Figure 5a is a blade image rotation speed curve diagram in an embodiment of the present disclosure;

[0026] Figure 5b is another blade image rotation speed curve diagram in an embodiment of the present disclosure;

[0027] Figure 5c is another blade image rotation speed curve diagram in an embodiment of the present disclosure;

[0028] Figure 6 is a structural diagram of an image processing device according to an embodiment of the present disclosure;

[0029] Figure 7 Schematic diagram of the structure of an electronic device in an embodiment of the present disclosure. DETAILED DESCRIPTION

[0030] The following describes embodiments of the present disclosure in more detail with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments described herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of protection of the present disclosure.

[0031] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.

[0032] As used herein, the term "including" and its variations are open-ended, i.e., "including but not limited to." The term "based on" means "based, at least in part, on." The term "one embodiment" means "at least one embodiment," the term "another embodiment" means "at least one additional embodiment," and the term "some embodiments" means "at least some embodiments." Other terms are defined in the following description.

[0033] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0034] It should be noted that the modifications of "one" and "multiple" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, they should be understood as "one or more".

[0035] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0036] With the continuous development of Internet technology, transition effects are being used more and more in the fields of film and television editing, short video creation, and advertising creation.

[0037] Transition effects refer to the use of certain image processing technologies to transition between two video screens or two pictures. Reasonable use of transition effects can make the switching between scenes and between shots more natural, giving people a comfortable feeling from a visual perspective.

[0038] Grid transitions, also known as Venetian blinds, can simulate the effect of Venetian blinds opening and closing, creating a natural transition between two images. Currently, most short video creation software includes Venetian blinds, but these transitions only consider the distribution of the two images' original color values ​​on a two-dimensional plane and achieve the effect by controlling the image ratio over time. This lacks the visually immersive three-dimensionality and lacks the perspective relationship between near and far.

[0039] To address the aforementioned technical issues, the present disclosure provides an image processing method that uses a low-cost two-dimensional image processing method to simulate a three-dimensional transition effect. This method visually creates a rotating blade image like a three-dimensional surface, enhancing visual enjoyment. The image processing method provided by the present disclosure can be used in fields such as film and television editing, short video creation, and advertising creation.

[0040] The image processing method proposed in the embodiment of the present disclosure will be described in detail below with reference to the accompanying drawings.

[0041] Figure 1 This is a flowchart of an image processing method in an embodiment of the present disclosure. This embodiment can be applied to processing images to achieve blinds transition effects. The method can be executed by an image processing device, which can be implemented in software and / or hardware. The image processing device can be configured in an electronic device.

[0042] For example: the electronic device can be a mobile terminal, a fixed terminal or a portable terminal, such as a mobile phone, a station, a unit, a device, a multimedia computer, a multimedia tablet, an Internet node, a communicator, a desktop computer, a laptop computer, a notebook computer, a netbook computer, a tablet computer, a personal communication system (PCS) device, a personal navigation device, a personal digital assistant (PDA), an audio / video player, a digital camera / camcorder, a positioning device, a television receiver, a radio broadcast receiver, an e-book device, a gaming device or any combination thereof, including accessories and peripherals of these devices or any combination thereof.

[0043] For another example, the electronic device may be a server, wherein the server may be a physical server or a cloud server, and the server may be a single server or a server cluster.

[0044] like Figure 1 The image processing method provided by the embodiment of the present disclosure mainly includes the following steps:

[0045] S101: Acquire texture information of a currently displayed image and preset effect configuration information.

[0046] The currently displayed image refers to the image displayed on the top layer of the display interface, and the texture information of the currently displayed image includes the coordinate information and color information of the currently displayed image. Furthermore, the texture information of the currently displayed image can be obtained by reading the attribute information of the currently displayed image.

[0047] The preset effect configuration information can be understood as configuration information for causing the currently displayed image to simulate a three-dimensional rotation effect. The preset effect configuration information may primarily include information such as the number of image blocks, the preset rotation speed of the image blocks, and the rotation axis of the image blocks. The preset effect configuration information may be pre-stored in the device or may be obtained from configuration information input by a user through an open interface.

[0048] In one possible implementation, the number of image blocks and the preset rotation speed of the image blocks are user-configured information input through an open interface. The number of image blocks can be retrieved through the open interface, enabling dynamic adjustment of the number of image blocks. The preset rotation speed of the image blocks can also be retrieved through the open interface, facilitating the creation of customized transition effects with varying speed profiles.

[0049] S102: Determine position information of each image block in a preset effect based on texture information of the currently displayed image and the preset effect configuration information.

[0050] The image block refers to the image displayed in any part after the currently displayed image is split into multiple parts. The image block can be one or more of any shapes such as a rectangle, a circle, an ellipse, etc. The position information of the image block can be understood as the starting position and the ending position of the image block, wherein the starting position and the ending position can be represented by texture coordinates. The starting position and the ending position can be understood as the boundary position of the image block. For example: the starting position can be the boundary coordinate of the leftmost or topmost side of an image block; the ending position can be the boundary coordinate of the rightmost or bottommost side of an image block.

[0051] In a possible implementation, the preset effect includes a three-dimensional blinds rotation effect. When the preset effect is the three-dimensional blinds rotation effect, the image block is any blade image in the blinds rotation effect.

[0052] Wherein, when the preset effect is a three-dimensional blinds rotation effect, the preset effect configuration information includes the blade width of each blind, and the position information of each blade image is determined based on the texture coordinates and blade width of the currently displayed image.

[0053] The texture coordinates of the current display image include abscissa and ordinate. If the current display image is split into multiple blades according to the abscissa, that is, the shutter blades rotate with the ordinate as the rotation axis, such as Figure 2 If the currently displayed image is split into multiple blades according to the vertical coordinate, the shutter blades rotate with the vertical coordinate as the rotation axis.

[0054] Furthermore, the currently displayed image is split into multiple leaves according to the horizontal coordinate, which mainly includes: using the starting horizontal coordinate of the currently displayed image as the starting coordinate of the first leaf image, adding the starting coordinate of the first leaf image to the leaf width to obtain the ending coordinate of the first leaf image, and at the same time using the ending coordinate of the first leaf image as the starting coordinate of the second leaf image, adding the starting coordinate of the second leaf image to the leaf width to obtain the ending coordinate of the second leaf image, and at the same time using the ending coordinate of the second leaf image as the starting coordinate of the third leaf image, and successively determining the starting coordinates and ending coordinates of multiple leaves according to the above method until the ending coordinate of the N-1th leaf image is equal to or greater than the ending horizontal coordinate of the currently displayed image after adding the ending coordinate of the leaf width, using the ending coordinate of the N-1th leaf image as the starting coordinate of the Nth leaf image, and the ending horizontal coordinate of the currently displayed image is the ending coordinate of the Nth leaf image. Wherein, the vertical coordinate of each leaf is the same as the vertical coordinate of the currently displayed image.

[0055] For example, if the starting horizontal coordinate of the currently displayed image is 0 and the ending horizontal coordinate is 45, and the width of each leaf is 3, then it can be divided into 15 leaf images, and the coordinates of the leaf images are [0, 3], (3, 6], (6, 9]...(42, 45] in sequence.

[0056] The method of splitting the current display image into multiple leaves according to the vertical coordinate is the same as the method of splitting the current display image into multiple leaves according to the horizontal coordinate provided in this embodiment. For details, please refer to the description in the above embodiment, which will not be repeated in this embodiment.

[0057] In this embodiment, the image blocks are visually made to look like a three-dimensional rotating blinds, thereby improving people's visual enjoyment.

[0058] In one possible implementation, when the preset effect configuration information is three-dimensional blinds rotation effect configuration information, and the image block is any blade image in the blinds rotation effect, the position information of each image block in the preset effect is determined based on the texture information of the currently displayed image and the preset effect configuration information, including: determining the width of each blade image in the preset effect based on the texture information of the currently displayed image and the number of blades included in the preset effect configuration information; determining the starting position and ending position of each blade in the preset effect based on the first coordinate information in the texture information of the currently displayed image and the width of each blade image.

[0059] The number of blades included in the preset effect configuration information can be input by the user through an open interface. The starting position can be represented by a starting coordinate, and the ending position can be represented by an ending coordinate.

[0060] Furthermore, the width of each leaf image is calculated based on the texture coordinates of the currently displayed image and the number of leaves. Specifically, the width of the leaf image is calculated as the ratio of the coordinate length of the currently displayed image to the number of leaves. The coordinate length of the currently displayed image can be either the length of the horizontal coordinate or the length of the vertical coordinate. For example, if the coordinate length is 48 and the number of leaves is 24, then the width of each leaf image is 48 / 24, meaning that the width of each leaf image is 2.

[0061] The first coordinate can be either a horizontal coordinate or a vertical coordinate. When the first coordinate is the horizontal coordinate, the second coordinate is the vertical coordinate; when the first coordinate is the vertical coordinate, the second coordinate is the horizontal coordinate. In this embodiment, the first coordinate is the horizontal coordinate and the second coordinate is the vertical coordinate.

[0062] The first coordinate information includes a start coordinate and an end coordinate of the first coordinate, and the coordinate length of the currently displayed image is calculated based on the start coordinate and the end coordinate.

[0063] Furthermore, the manner in which the starting coordinates and the ending coordinates of the first coordinates and the blade width are used to determine the starting coordinates and the ending coordinates of each blade in the preset effect can refer to the description in the above embodiment, and will not be repeated in this embodiment.

[0064] In this embodiment, the width of each leaf image included in the current display image is calculated based on the texture coordinates of the current display image and the number of leaves included in the preset effect configuration information. In this way, the width of each leaf image can be guaranteed to be the same, thereby improving the aesthetics of the animation effect.

[0065] S103 : Control the image blocks to be reduced based on the position information of the respective image blocks, so that the image blocks are displayed with a three-dimensional rotating animation effect.

[0066] Here, shrinking the image block means shrinking one side of the image block. For example, the image block is an image of any blade in the blinds rotation effect. Figure 3 As shown, one of the long sides of a rectangular blade is reduced to form a trapezoid, so that the blade achieves the effect of being larger in the distance and smaller near, simulating three-dimensional blade rotation.

[0067] It should be noted that the reduction degree of the leaf image corresponding to each leaf position may be the same or different, which is not limited in this embodiment.

[0068] In one possible embodiment, when the image block is any blade image in the blinds rotation effect, the image block is controlled to be reduced based on the position information of each image block, including: for each blade image corresponding to the position information, the second coordinate of the blade image is controlled to be reduced based on the change of the first coordinate of the blade image and the time coefficient.

[0069] In this embodiment, the change of the first coordinate can be understood as the end coordinate of the leaf image constantly moving closer to the start coordinate. Figure 2 As shown in the figure, as the ending coordinates continue to approach the starting coordinates, the vertical coordinates continue to shrink. And as the time coefficient continues to increase, the ending coordinates continue to approach the starting coordinates. When the ending coordinates are the same as the starting coordinates, it means that the leaf image has completed its rotation and disappears from the current display interface.

[0070] In this embodiment, a method of controlling the gradual disappearance of the blade image according to the time coefficient is provided, thereby achieving a three-dimensional blinds transition effect and improving people's visual enjoyment.

[0071] In one possible implementation, the second coordinate of the leaf image is controlled to be reduced based on the change of the first coordinate of the leaf image and the time coefficient, including: for each first coordinate point in the first coordinate, determining the reduction coefficient corresponding to the leaf image based on the first coordinate point; calculating the reduction degree coefficient based on the time coefficient, the reduction coefficient and a first preset formula; and controlling the second coordinate of the leaf image to be reduced based on the reduction degree coefficient.

[0072] When the first coordinate is the horizontal coordinate, the first coordinate point is each data point in the horizontal coordinate, and the second coordinate reduction coefficient is calculated using the first coordinate point. For each first coordinate point, the corresponding second coordinate reduction coefficient is calculated, so that a scaling factor with continuous and uniform coefficient change can be obtained.

[0073] In this embodiment, a method is provided for reducing the coordinates of the blade image based on a reduction coefficient to achieve a display effect in which objects far away are larger and objects near are smaller, that is, a three-dimensional surface rotation effect.

[0074] In one possible embodiment, determining the reduction coefficient corresponding to the blade image based on the first coordinate point includes: determining a first coordinate range based on the starting position and the ending position included in the position information, wherein the first coordinate range is used to represent the maximum range of the blade image display during the blade rotation process; calculating a first ratio of the first coordinate point to the first coordinate range; and calculating the reduction coefficient corresponding to the blade image based on the first ratio and a first preset formula.

[0075] The first coordinate range refers to the range between the starting position and the ending position, that is, the width of the entire leaf image.

[0076] Furthermore, a parameter function is constructed. The parameter function has an input value and an output value. The input value represents the starting position of the leaf image. After internal operation, the parameter function outputs an output value. The output value represents the ending position of the leaf image. Then, two sign functions with a value range of 0 / 1 are constructed based on the starting position and the ending position. Then, a gate function is constructed between the two positions to obtain the maximum range of colors that need to be displayed during the rotation of the leaf image. The gate function constructed is as follows: Figure 4 shown.

[0077] Furthermore, the first coordinate point is a plurality of coordinate points starting from the end coordinate and moving toward the start coordinate in sequence. The first ratio t1 is calculated by formula (1):

[0078] t1=(x1-xi) / (x1-x0) (1)

[0079] Among them, t1 is the first scale, x1 is the end coordinate, x0 is the starting coordinate, and xi is the first coordinate point.

[0080] The first preset formula is shown in formula (2):

[0081] S1=(1-t1)×1.0+1.2×t1 (2)

[0082] Among them, S1 is the reduction coefficient.

[0083] By substituting multiple first ratios t1 into the above formula (2), a continuously and evenly changing reduction coefficient can be obtained.

[0084] Furthermore, the transition time in the preset effect configuration information is obtained. The transition time can be understood as the time from when the shutter animation effect starts to be executed on the current display image to when the current display image completely disappears.

[0085] Furthermore, the transition time is normalized to obtain a time coefficient between 0 and 1.

[0086] The second preset formula is shown in formula (3):

[0087] S2=(1-t1)×S1+1.0×t1 (2)

[0088] Among them, S2 is the reduction coefficient.

[0089] Substituting each reduction coefficient S1 into the above formula (3), a continuously and evenly changing reduction coefficient is obtained. By using the reduction coefficient to reduce the leaf image, the purpose of controlling the three-dimensional leaf rotation according to time can be achieved.

[0090] The disclosed embodiments provide an image processing method, comprising: obtaining texture information of a currently displayed image and preset effect configuration information; determining position information of each image block in a preset effect based on the texture information of the currently displayed image and the preset effect configuration information; and controlling the image blocks to be reduced in size based on the position information of each image block, so that the image blocks are displayed with a three-dimensional rotating animation effect. The technical solution provided by the disclosed embodiments enhances the three-dimensional perspective effect, making the leaf image appear to be a rotating three-dimensional surface, thereby enhancing people's visual enjoyment.

[0091] In a possible implementation, while controlling the image blocks to be reduced based on the position information of the image blocks, the method further includes: controlling the image blocks to be rotated around a set rotation axis.

[0092] The set rotation axis can be the starting coordinate of the current displayed image, the ending coordinate of the current displayed image, or any axis of the current displayed image. Figure 2 As shown, the set rotation axis can be the longitudinal center axis of the currently displayed image.

[0093] In this way, the multiple blade images rotate along the set rotation axis, improving people's visual enjoyment.

[0094] Once we have a method for rendering a single leaf, we can add the color values ​​in the main rendering process based on the condition that the boundaries are non-repeated to achieve the transition effect across the entire screen.

[0095] Furthermore, to fill the entire screen with leaf images, a step loop is needed to call the rendering functions of individual leaves and add them together. The step size can be calculated based on the number of leaves. Since the number of leaves is input by the user, the number of leaves in this method can be dynamically adjusted.

[0096] Based on the above embodiment, while controlling the image blocks to be reduced based on the position information of the image blocks, the method further includes: controlling the rotation speed of each image block based on the preset rotation speed included in the preset effect configuration information.

[0097] In this embodiment, considering that different rotation speeds of image blocks will have a greater impact on the visual experience, and there will be different requirements for transition speed during actual use, therefore, in this embodiment, a preset rotation speed controls the rotation speed of each of the image blocks.

[0098] Among them, the preset rotation speed includes at least one of the following: the rotation speed of all image blocks is the same; the rotation speed of the image block gradually increases from the set rotation axis to both sides; the rotation speed of the image block gradually decreases from the set rotation axis to both sides.

[0099] In one embodiment of the present disclosure, the image block is an image of any blade in the blinds rotation effect.

[0100] Furthermore, the speed curves of all blade images with the same rotation speed are as follows Figure 5a As shown, the speed curve is a straight line parallel to the X axis. At this time, the rotation speed of each blade image included in the three-dimensional blinds rotation effect is the same.

[0101] Furthermore, the rotation speed of the blade image gradually decreases from the set rotation axis to both sides. Figure 5b As shown, when the set rotation axis is the central axis, the blade rotation speed decreases from the center blade to the edge blade. At this time, the rotation speed of the blade image included in the three-dimensional blinds rotation effect decreases from the center blade to the edge blade, that is, Figure 2 As shown, the central blade rotates faster and disappears first. The blade rotation speed decreases from the central blade to each blade image at the edge blades, that is, each blade image disappears in turn from the central blade to the edge blades. The edge blades rotate slower and disappear last.

[0102] Furthermore, the rotation speed of the blade image gradually increases from the set rotation axis to both sides, such as Figure 5c As shown, when the rotation axis is set to the central axis, the blade rotation speed increases from the center blade to the edge blades. At this point, the blade images included in the 3D blinds rotation effect rotate at increasing speeds from the center blade to the edge blades. The edge blades rotate faster and disappear first. The blade rotation speed decreases as the blades move toward the center blades, with each blade image disappearing in turn from the edge blades toward the center blades. The center blades rotate slower and disappear last.

[0103] In this embodiment, by multiplying the above speed curve and the reduction coefficient of each blade image, it is possible to achieve a high degree of freedom in controlling the distribution of the rotation speed.

[0104] Figure 6 This is a structural diagram of an image processing device in an embodiment of the present disclosure. This embodiment can be applied to image processing to achieve a shutter transition effect. The image processing device can be implemented in software and / or hardware and can be configured in an electronic device.

[0105] like Figure 6 As described above, the image processing device provided by the embodiment of the present disclosure mainly includes an information acquisition module 61 , a position information determination module 62 and an image reduction module 63 .

[0106] The information acquisition module 61 is used to obtain the texture information of the currently displayed image and the preset effect configuration information;

[0107] a position information determining module 62, configured to determine position information of each image block in a preset effect based on texture information of the currently displayed image and the preset effect configuration information;

[0108] The image reduction module 63 is configured to control the image blocks to be reduced based on the position information of the image blocks, so that the image blocks are displayed with a three-dimensional rotating animation effect.

[0109] In a possible implementation, the preset effect includes a three-dimensional blinds rotation effect. When the preset effect is the three-dimensional blinds rotation effect, the image block is any blade image in the blinds rotation effect.

[0110] In one possible embodiment, the position information determination module 62 includes: a blade width determination unit for determining the width of each blade image in the preset effect based on the texture information of the currently displayed image and the number of blades included in the preset effect configuration information when the preset effect configuration information is three-dimensional blinds rotation effect configuration information and the image block is any blade image in the blinds rotation effect; a position information determination unit for determining the starting position and ending position of each blade in the preset effect based on the first coordinate information in the texture information of the currently displayed image and the width of each blade image.

[0111] In one possible embodiment, the image reduction module 63 is specifically used to reduce the second coordinate of the leaf image corresponding to each position information when the image block is any leaf image in the blinds rotation effect, based on the change of the first coordinate of the leaf image and the time coefficient.

[0112] In one possible embodiment, the image reduction module 63 includes: a reduction coefficient determination unit, used to determine the reduction coefficient corresponding to the leaf image based on the first coordinate point for each first coordinate point in the first coordinate; a reduction degree coefficient determination unit, used to calculate the reduction degree coefficient based on the time coefficient, the reduction coefficient and a first preset formula; and an image reduction unit, used to control the reduction of the second coordinate of the leaf image based on the reduction degree coefficient.

[0113] In one possible embodiment, the reduction coefficient determination unit is specifically used to determine a first coordinate range based on the starting position and the ending position included in the position information, wherein the first coordinate range is used to represent the maximum range of the blade image display during the blade rotation process; calculate a first ratio of the first coordinate point to the first coordinate range; and calculate the reduction coefficient corresponding to the blade image based on the first ratio and a first preset formula.

[0114] In a possible implementation, the image block rotation direction control module is configured to control the image blocks to be reduced based on the position information of the image blocks, and control the image blocks to be rotated around a set rotation axis.

[0115] In a possible implementation, the image block rotation speed control module is configured to control the image blocks to be reduced in size based on the position information of the image blocks, and to control the rotation speed of each image block based on a preset rotation speed included in the preset effect configuration information.

[0116] In one possible embodiment, the preset rotation speed includes at least one of the following: the rotation speed of all image blocks is the same; the rotation speed of the image blocks gradually increases from the set rotation axis to both sides; the rotation speed of the image blocks gradually decreases from the set rotation axis to both sides.

[0117] The image processing device provided in the embodiment of the present disclosure can execute the steps executed by the image processing method provided in the embodiment of the present disclosure. The specific execution steps and beneficial effects are not repeated here.

[0118] Figure 7 This is a schematic diagram of the structure of an electronic device in the embodiment of the present disclosure. Figure 7, which shows a schematic structural diagram of an electronic device 700 suitable for implementing the embodiments of the present disclosure. The electronic device 700 in the embodiments of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), wearable terminal devices, and the like, as well as fixed terminals such as digital TVs, desktop computers, smart home devices, and the like. Figure 7 The terminal device shown is merely an example and should not limit the functions and scope of use of the embodiments of the present disclosure.

[0119] like Figure 7 As shown, the electronic device 700 may include a processing device (such as a central processing unit, a graphics processing unit, etc.) 701, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 702 or a program loaded from a storage device 708 into a random access memory (RAM) 703 to implement the image rendering method of the embodiment as described in the present disclosure. In the RAM 703, various programs and data required for the operation of the terminal device 700 are also stored. The processing device 701, the ROM 702, and the RAM 703 are connected to each other via a bus 704. An input / output (I / O) interface 705 is also connected to the bus 704.

[0120] Typically, the following devices may be connected to the I / O interface 705: an input device 706 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 707 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 708 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 709. The communication device 709 may allow the terminal device 700 to communicate with other devices wirelessly or by wire to exchange data. Figure 7 The terminal device 700 is shown as having various devices, but it should be understood that it is not required to implement or possess all of the devices shown, and more or fewer devices may be implemented or possessed instead.

[0121] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program includes a program code for executing the method shown in the flowchart, thereby implementing the page jump method as described above. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 709, or installed from the storage device 708, or installed from the ROM 702. When the computer program is executed by the processing device 701, the above-mentioned functions defined in the method of the embodiment of the present disclosure are performed.

[0122] It should be noted that the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the two. A computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or component, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, device, or component. In the present disclosure, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, which carries computer-readable program code. Such a propagated data signal may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. A computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transport a program for use by or in conjunction with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium may be transmitted using any suitable medium, including but not limited to wires, optical cables, RF (radio frequency), etc., or any suitable combination thereof.

[0123] In some embodiments, the client and server can communicate using any currently known or future developed network protocol, such as HTTP (HyperText Transfer Protocol), and can be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

[0124] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0125] The computer-readable medium carries one or more programs. When the one or more programs are executed by the terminal device, the terminal device: obtains texture information of the currently displayed image and preset effect configuration information; determines position information of each image block in the preset effect based on the texture information of the currently displayed image and the preset effect configuration information; and controls the image blocks to be reduced based on the position information of each image block, so that the image blocks are displayed with a three-dimensional rotating animation effect.

[0126] Optionally, when the above one or more programs are executed by the terminal device, the terminal device may also execute other steps described in the above embodiment.

[0127] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages, or a combination thereof, including, but not limited to, object-oriented programming languages ​​such as Java, Smalltalk, C++, and conventional procedural programming languages ​​such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a stand-alone software package, partially on the user's computer and partially on a remote computer, or entirely on the remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

[0128] The flowcharts and block diagrams in the accompanying drawings illustrate the possible implementation architecture, functions and operations of the systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each box in the flowchart or block diagram can represent a module, program segment, or a part of code, and the module, program segment, or a part of code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in a different order than that marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram and / or flowchart, and the combination of the boxes in the block diagram and / or flowchart, can be implemented with a dedicated hardware-based system that performs the specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0129] The units involved in the embodiments described in this disclosure may be implemented in software or hardware, wherein the name of a unit does not necessarily limit the unit itself.

[0130] The functions described above herein may be performed, at least in part, by one or more hardware logic components. For example, and without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chip (SOCs), complex programmable logic devices (CPLDs), and the like.

[0131] In the context of the present disclosure, a machine-readable medium can be a tangible medium that can contain or store a program for use by or in conjunction with an instruction execution system, device or equipment. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium can include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0132] According to one or more embodiments of the present disclosure, the present disclosure provides an image processing method, including: obtaining texture information of a currently displayed image and preset effect configuration information; determining position information of each image block in a preset effect based on the texture information of the currently displayed image and the preset effect configuration information; and controlling the image blocks to be reduced based on the position information of each image block so that the image blocks are displayed with a three-dimensional rotating animation effect.

[0133] According to one or more embodiments of the present disclosure, the present disclosure provides an image processing method, wherein the preset effect includes a three-dimensional blinds rotation effect. When the preset effect is a three-dimensional blinds rotation effect, the image block is any blade image in the blinds rotation effect.

[0134] According to one or more embodiments of the present disclosure, the present disclosure provides an image processing method, wherein, when the preset effect configuration information is three-dimensional blinds rotation effect configuration information, and the image block is any blade image in the blinds rotation effect, the position information of each image block in the preset effect is determined based on the texture information of the currently displayed image and the preset effect configuration information, including: determining the width of each blade image in the preset effect based on the texture information of the currently displayed image and the number of blades included in the preset effect configuration information; determining the starting position and ending position of each blade in the preset effect based on the first coordinate information in the texture information of the currently displayed image and the width of each blade image.

[0135] According to one or more embodiments of the present disclosure, the present disclosure provides an image processing method, wherein, when the image block is any blade image in the blinds rotation effect, the image block is controlled to be reduced based on the position information of each image block, including: for each blade image corresponding to the position information, the second coordinate of the blade image is controlled to be reduced based on the change of the first coordinate of the blade image and the time coefficient.

[0136] According to one or more embodiments of the present disclosure, the present disclosure provides an image processing method, wherein the second coordinate of the leaf image is controlled to be reduced based on the change of the first coordinate of the leaf image and the time coefficient, including: for each first coordinate point in the first coordinate, determining the reduction coefficient corresponding to the leaf image based on the first coordinate point; calculating the reduction degree coefficient based on the time coefficient, the reduction coefficient and a first preset formula; and controlling the second coordinate of the leaf image to be reduced based on the reduction degree coefficient.

[0137] According to one or more embodiments of the present disclosure, the present disclosure provides an image processing method, wherein the reduction coefficient corresponding to the blade image is determined based on the first coordinate point, including: determining a first coordinate range based on the starting position and the ending position included in the position information, wherein the first coordinate range is used to represent the maximum range of the blade image display during the blade rotation process; calculating a first ratio of the first coordinate point to the first coordinate range; and calculating the reduction coefficient corresponding to the blade image based on the first ratio and a first preset formula.

[0138] According to one or more embodiments of the present disclosure, the present disclosure provides an image processing method, wherein, while controlling the image blocks to be reduced based on their position information, the method also includes: controlling the image blocks to be rotated around a set rotation axis.

[0139] According to one or more embodiments of the present disclosure, the present disclosure provides an image processing method, wherein, while controlling the image blocks to be reduced based on the position information of the image blocks, it also includes: controlling the rotation speed of each of the image blocks based on the preset rotation speed included in the preset effect configuration information.

[0140] According to one or more embodiments of the present disclosure, the present disclosure provides an image processing method, wherein the preset rotation speed includes at least one of the following: the rotation speed of all image blocks is the same; the rotation speed of the image blocks gradually increases from the set rotation axis as the center to both sides; the rotation speed of the image blocks gradually decreases from the set rotation axis as the center to both sides.

[0141] According to one or more embodiments of the present disclosure, the present disclosure provides an image processing device, including: an information acquisition module, used to obtain texture information of a currently displayed image and preset effect configuration information; a position information determination module, used to determine the position information of each image block in a preset effect based on the texture information of the currently displayed image and the preset effect configuration information; an image reduction module, used to control the image blocks to be reduced based on the position information of the each image block, so that the image blocks are displayed with a three-dimensional rotating animation effect.

[0142] According to one or more embodiments of the present disclosure, the present disclosure provides an image processing device, wherein the preset effect includes a three-dimensional blinds rotation effect. When the preset effect is a three-dimensional blinds rotation effect, the image block is any blade image in the blinds rotation effect.

[0143] According to one or more embodiments of the present disclosure, the present disclosure provides an image processing device, wherein a position information determination module includes: a blade width determination unit for determining the width of each blade image in the preset effect based on the texture information of the currently displayed image and the number of blades included in the preset effect configuration information when the preset effect configuration information is three-dimensional blinds rotation effect configuration information and the image block is any blade image in the blinds rotation effect; a position information determination unit for determining the starting position and ending position of each blade in the preset effect based on the first coordinate information in the texture information of the currently displayed image and the width of each blade image.

[0144] According to one or more embodiments of the present disclosure, the present disclosure provides an image processing device, wherein an image reduction module is specifically used for reducing the second coordinate of the leaf image corresponding to each position information based on the change of the first coordinate of the leaf image and the time coefficient when the image block is any leaf image in the blinds rotation effect.

[0145] According to one or more embodiments of the present disclosure, the present disclosure provides an image processing device, wherein an image reduction module includes: a reduction coefficient determination unit for determining, for each first coordinate point in the first coordinate, the reduction coefficient corresponding to the leaf image based on the first coordinate point; a reduction degree coefficient determination unit for calculating the reduction degree coefficient based on the time coefficient, the reduction coefficient and a first preset formula; and an image reduction unit for controlling the reduction of the second coordinate of the leaf image based on the reduction degree coefficient.

[0146] According to one or more embodiments of the present disclosure, the present disclosure provides an image processing device, wherein a reduction coefficient determination unit is specifically used to determine a first coordinate range based on a starting position and an ending position included in the position information, wherein the first coordinate range is used to represent the maximum range of the blade image display during the blade rotation process; calculate a first ratio of the first coordinate point to the first coordinate range; and calculate the reduction coefficient corresponding to the blade image based on the first ratio and a first preset formula.

[0147] According to one or more embodiments of the present disclosure, the present disclosure provides an image processing device, wherein an image block rotation direction control module is used to control the image blocks to be reduced based on the position information of the image blocks, and control the image blocks to be rotated around a set rotation axis.

[0148] According to one or more embodiments of the present disclosure, the present disclosure provides an image processing device, wherein an image block rotation speed control module is used to control the image blocks to be reduced based on the position information of the image blocks, and to control the rotation speed of each image block based on the preset rotation speed included in the preset effect configuration information.

[0149] According to one or more embodiments of the present disclosure, the present disclosure provides an image processing device, wherein the preset rotation speed includes at least one of the following: the rotation speed of all image blocks is the same; the rotation speed of the image blocks gradually increases from the set rotation axis as the center to both sides; the rotation speed of the image blocks gradually decreases from the set rotation axis as the center to both sides.

[0150] According to one or more embodiments of the present disclosure, the present disclosure provides an electronic device, including:

[0151] one or more processors;

[0152] a memory for storing one or more programs;

[0153] When the one or more programs are executed by the one or more processors, the one or more processors implement any image processing method provided in the present disclosure.

[0154] According to one or more embodiments of the present disclosure, the present disclosure provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements any image processing method provided by the present disclosure.

[0155] An embodiment of the present disclosure further provides a computer program product, which includes a computer program or instructions, and when the computer program or instructions are executed by a processor, the image processing method described above is implemented.

[0156] The above description is merely a preferred embodiment of the present disclosure and an illustration of the technical principles employed. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by the specific combination of the above-mentioned technical features, but also includes other technical solutions formed by any combination of the above-mentioned technical features or their equivalents without departing from the above-mentioned disclosed concepts. For example, a technical solution formed by replacing the above-mentioned features with (but not limited to) technical features with similar functions disclosed in this disclosure.

[0157] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details have been included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.

[0158] Although the subject matter has been described in language specific to structural features and / or methodological logical acts, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are merely example forms of implementing the claims.

Claims

1. An image processing method, characterized in that: The method comprises: Get the texture information of the currently displayed image and the preset effect configuration information; Determining position information of each image block in a preset effect based on texture information of the currently displayed image and the preset effect configuration information; controlling the image blocks to be reduced based on the position information of the respective image blocks, so that the image blocks are displayed with a three-dimensional rotating animation effect; Among them, when the image block is any leaf image in the preset rotation effect, the image block is controlled to be reduced based on the position information of each image block, including: for the leaf image corresponding to each position information, the second coordinate of the leaf image is controlled to be reduced based on the change of the first coordinate of the leaf image and the time coefficient.

2. The method according to claim 1, characterized in that The preset effect includes a three-dimensional blinds rotation effect. When the preset effect is the three-dimensional blinds rotation effect, the image block is any blade image in the blinds rotation effect.

3. The method according to claim 1, characterized in that When the preset effect configuration information is three-dimensional Venetian blinds rotation effect configuration information, and the image block is any blade image in the Venetian blinds rotation effect, determining position information of each image block in the preset effect based on texture information of the currently displayed image and the preset effect configuration information includes: Determining the width of each leaf image in the preset effect based on the texture information of the currently displayed image and the number of leaves included in the preset effect configuration information; Based on the first coordinate information in the texture information of the currently displayed image and the width of each leaf image, the starting position and the ending position of each leaf in the preset effect are determined.

4. The method according to claim 1, wherein The method of controlling the second coordinate of the leaf image to be reduced based on a change in the first coordinate of the leaf image and a time coefficient includes: For each first coordinate point in the first coordinates, determining a reduction coefficient corresponding to the leaf image based on the first coordinate point; Calculating a reduction degree coefficient based on the time coefficient, the reduction coefficient, and a first preset formula; The second coordinate of the leaf image is controlled to be reduced based on the reduction degree coefficient.

5. The method according to claim 4, characterized in that Determining a reduction coefficient corresponding to the leaf image based on the first coordinate point includes: determining a first coordinate range based on the starting position and the ending position included in the position information, wherein the first coordinate range is used to represent a maximum range of the blade image displayed during the blade rotation process; Calculating a first ratio of the first coordinate point to the first coordinate range; A reduction coefficient corresponding to the leaf image is calculated based on the first ratio and a first preset formula.

6. The method according to claim 1, characterized in that While controlling the image blocks to be reduced based on the position information of the image blocks, the method further includes: Each of the image blocks is controlled to rotate around a set rotation axis.

7. The method according to claim 1, characterized in that While controlling the image blocks to be reduced based on the position information of the image blocks, the method further includes: The rotation speed of each of the image blocks is controlled based on the preset rotation speed included in the preset effect configuration information.

8. The method according to claim 7, characterized in that The preset rotation speed includes at least one of the following: the rotation speed of all image blocks is the same; the rotation speed of the image blocks gradually increases from the set rotation axis to both sides; the rotation speed of the image blocks gradually decreases from the set rotation axis to both sides.

9. An image processing device, characterized in that: The device comprises: An information acquisition module is used to obtain texture information of the currently displayed image and preset effect configuration information; a position information determining module, configured to determine position information of each image block in a preset effect based on texture information of the currently displayed image and the preset effect configuration information; An image reduction module, configured to control the image blocks to be reduced based on the position information of the image blocks, so that the image blocks are displayed with a three-dimensional rotating animation effect; Among them, when the image block is any leaf image in the preset rotation effect, the image block is controlled to be reduced based on the position information of each image block, including: for the leaf image corresponding to each position information, the second coordinate of the leaf image is controlled to be reduced based on the change of the first coordinate of the leaf image and the time coefficient.

10. An electronic device, characterized in that: The electronic device comprises: 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 method according to any one of claims 1 to 8.

11. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, the method according to any one of claims 1 to 8 is implemented.

12. A computer program product, comprising a computer program or instructions, which implements the method according to any one of claims 1 to 8 when executed by a processor.

Images