Image rendering method, device and non-volatile storage medium

Abstract

This application discloses an image rendering method, device, and non-volatile storage medium. The method comprises: acquiring a target image; determining a three-dimensional grid from the target image; and modifying the dot information within the three-dimensional grid according to preset rules, wherein the dot information includes at least one of the following: the three-dimensional coordinates, reflection intensity, and color information of the dot; and re-rendering the target image containing the three-dimensional grid based on the modified dot information to obtain a rendered image. This application addresses the technical problem of existing technologies that cannot generate dynamic color renderings that meet user needs.

Description

Technical Field

[0001] The present application relates to the field of image processing, and more specifically, to an image rendering method, device, and non-volatile storage medium. Background Art

[0002] The design and presentation of high-tech products, such as cloud products, often require dynamic, high-tech backgrounds to enhance the atmosphere. However, common dynamic background generation products currently on the market suffer from a single, monotonous display effect, are generated offline without user interaction, and lack the ability to randomly generate dynamic backgrounds or allow for user customization.

[0003] To address the above-mentioned problems, no effective solutions have been proposed so far. Summary of the Invention

[0004] The embodiments of the present application provide an image rendering method, device, and non-volatile storage medium to at least solve the technical problem that the prior art cannot generate dynamic color rendering images that meet user needs.

[0005] According to one aspect of an embodiment of the present application, a rendering method is provided, comprising: acquiring a target image; determining a three-dimensional grid from the target image, and changing lattice information in the three-dimensional grid according to preset rules, wherein the lattice information includes at least one of the following: three-dimensional coordinates of the lattice, reflection intensity, and color information; and re-rendering the target image where the three-dimensional grid is located based on the changed lattice information to obtain a rendered image.

[0006] According to another aspect of an embodiment of the present application, an image rendering method is also provided, including: displaying a received image to be edited in an editing interface; changing the dot matrix information in the image to be edited based on the three-dimensional grid in the image to be edited, wherein the dot matrix information includes at least one of the following: three-dimensional coordinates of the dot matrix, reflection intensity and color information; rendering the image to be edited based on the changed dot matrix information to obtain a rendered image.

[0007] According to another aspect of an embodiment of the present application, an image display method is also provided, including: displaying a target image and at least one editing option for editing the target image in an editing interface, wherein at least one editing option is used to adjust the properties of a three-dimensional grid; in response to an editing operation on at least one editing option, configuring the image properties corresponding to the editing option, and saving the configuration result; re-rendering the target image based on the configuration result, and displaying the re-rendered target image in the editing interface.

[0008] According to another aspect of an embodiment of the present application, an image rendering device is also provided, including: an acquisition module for acquiring a target image; a calculation module for determining a three-dimensional grid from the target image and changing the dot matrix information in the three-dimensional grid according to preset rules, wherein the dot matrix information includes at least one of the following: three-dimensional coordinates of the dot matrix, reflection intensity and color information; a rendering module for re-rendering the target image where the three-dimensional grid is located based on the changed dot matrix information to obtain a rendered image.

[0009] According to another aspect of an embodiment of the present application, a computer device is also provided, comprising: a memory and a processor; wherein the memory is used to store program instructions; the processor is used to execute the program instructions stored in the memory, and when executing the program instructions, implements the following functions: acquiring a target image; determining a three-dimensional grid from the target image, and changing the dot matrix information in the three-dimensional grid according to preset rules, wherein the dot matrix information includes at least one of the following: three-dimensional coordinates of the dot matrix, reflection intensity and color information; and re-rendering the target image where the three-dimensional grid is located based on the changed dot matrix information to obtain a rendered image.

[0010] According to another aspect of an embodiment of the present application, a non-volatile storage medium is further provided, wherein when a program is running, a device where the storage medium is located is controlled to execute the above-mentioned image rendering method.

[0011] In an embodiment of the present application, a target image is acquired; a three-dimensional grid is determined from the target image, and the dot matrix information in the three-dimensional grid is changed according to preset rules, wherein the dot matrix information includes at least one of the following: three-dimensional coordinates of the dot matrix, reflection intensity and color information; based on the changed dot matrix information, the target image where the three-dimensional grid is located is re-rendered to obtain a rendered image. By changing the dot matrix information of the target image, the purpose of rendering the image is achieved, thereby achieving the technical effect of obtaining a rendered image with a strong sense of fluidity, thereby solving the technical problem that the existing technology cannot generate dynamic color renderings that meet user needs. BRIEF DESCRIPTION OF THE DRAWINGS

[0012] The drawings described herein are used to provide a further understanding of the present application and constitute a part of the present application. The illustrative embodiments of the present application and their descriptions are used to explain the present application and do not constitute an improper limitation on the present application. In the drawings:

[0013] Figure 1 is a hardware structure block diagram of a computer terminal according to an embodiment of the present application;

[0014] Figure 2 is a flowchart of an image rendering method according to an embodiment of the present application;

[0015] Figure 3is a flowchart of another image rendering method according to an embodiment of the present application;

[0016] Figure 4 is a schematic diagram of a user interaction interface according to an embodiment of the present application;

[0017] Figure 5 is a structural diagram of an image rendering device according to an embodiment of the present application;

[0018] Figure 6 It is a flowchart of an image display method according to an embodiment of the present application. DETAILED DESCRIPTION

[0019] In order to enable those skilled in the art to better understand the present invention, the following will clearly and completely describe the technical solutions in the embodiments of the present invention in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments are only part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments in the present invention, all other embodiments obtained by ordinary technicians in this field without making creative efforts should fall within the scope of protection of this application.

[0020] It should be noted that the terms "first", "second", etc. in the specification and claims of the present application and the above-mentioned drawings are used to distinguish similar objects and are not necessarily used to describe a specific order or sequential order. It should be understood that the data used in this way can be interchangeable where appropriate, so that the embodiments of the present application described herein can be implemented in a sequence other than those illustrated or described herein. In addition, the terms "including" and "having" and any of their variations are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device comprising a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0021] First, some nouns or terms that appear in the description of the embodiments of the present application are subject to the following interpretations:

[0022] Shader (Graphics Shader Language): A computer program originally used for image shading (calculating lighting, brightness, color, and so on). It can also be used to create CG special effects, perform film post-production unrelated to shading, and even be used in other fields unrelated to computer graphics. Using shaders allows for a high degree of freedom in calculating rendering effects on graphics hardware, and most shaders are developed for GPUs. The GPU's programmable graphics pipeline has completely replaced the traditional fixed pipeline, and can be programmed using the shader language.

[0023] GDS: Generative Design Studios. It is a basic WebGL graphics technology capability and a JS code library (gds.js). It uses algorithmic thinking to design, and reflects the responsive relationship between design, logic, and function through parameter and configuration interfaces. It provides middle-end support for WebGL (3D drawing protocol) graphics development and contains a large amount of JavaScript code and Shader code.

[0024] HSL: A method for representing points in the RGB color model in cylindrical coordinates. These two representations are more intuitive than the geometric RGB structure based on the Cartesian coordinate system. HSL stands for Hue, Saturation, and Lightness.

[0025] Random noise: Random noise is a large amount of fluctuations in the disturbance that is generated randomly in time and its value cannot be predicted at a given moment.

[0026] A 3D mesh is composed of numerous points that form a 3D model grid. These points contain 3D coordinates (xyz), reflection intensity (intensity), and color information (RGB), ultimately rendering the mesh. A mesh is typically composed of triangles, quadrilaterals, or other convex polygons. In other words, a mesh is defined by a collection of polygons, representing the topology and spatial structure of a 3D model's surface contours.

[0027] Dot matrix: Also known as a bitmap, it is a graphic composed of a certain number of pixels, also known as an "image" or "raster image." A pixel is the smallest unit of a dot matrix. The size and sophistication of a dot matrix image depend on the number of pixels that make it up. Because pixels are arranged in a matrix format, both horizontally and vertically, any dot matrix image always has a certain number of horizontal and vertical pixels. The size of a dot matrix image is usually expressed as "horizontal pixels x vertical pixels."

[0028] Random noise algorithm: It is a type of random algorithm in computer graphics, often used to simulate various texture materials in nature, such as clouds, mountains, etc.

[0029] Example 1

[0030] According to an embodiment of the present application, an embodiment of a method for image rendering is also provided. It should be noted that the steps shown in the flowchart of the accompanying drawings can be executed in a computer system such as a set of computer-executable instructions, and although a logical order is shown in the flowchart, in some cases, the steps shown or described can be executed in an order different from that shown here.

[0031] The method embodiment provided in the first embodiment of the present application can be executed in a mobile terminal, a computer terminal or a similar computing device. Figure 1 FIG. 1 shows a hardware structure block diagram of a computer terminal (or mobile device) for implementing an image rendering method. Figure 1 As shown, the computer terminal 10 may include one or more processors 102 (the processor 102 may include but is not limited to a processing device such as a microprocessor MCU or a programmable logic device FPGA), a memory 104 for storing data, and a transmission module 106 for communication functions. In addition, it may also include: a display, an input / output interface (I / O interface), a universal serial bus (USB) port (which may be included as one of the ports of the I / O interface), a network interface, a power supply and / or a camera. It will be understood by those skilled in the art that Figure 1 The structure shown is only for illustration and does not limit the structure of the above electronic device. Figure 1 More or fewer components than shown, or with Figure 1 Different configurations shown.

[0032] It should be noted that the one or more processors 102 and / or other data processing circuits described above may generally be referred to herein as "data processing circuitry". The data processing circuitry may be embodied in whole or in part as software, hardware, firmware, or any other combination thereof. In addition, the data processing circuitry may be a single independent processing module, or may be incorporated in whole or in part into any of the other components of the computer terminal 10 (or mobile device). As described in the embodiments of the present application, the data processing circuitry serves as a processor control (e.g., selection of a variable resistor terminal path connected to an interface).

[0033] The memory 104 can be used to store software programs and modules of application software, such as the program instructions / data storage device corresponding to the image rendering method in the embodiment of the present application. The processor 102 executes various functional applications and data processing by running the software programs and modules stored in the memory 104, that is, implementing the image rendering method of the above-mentioned application. The memory 104 may include a high-speed random access memory, and may also include a non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid-state memory. In some instances, the memory 104 may further include a memory remotely located relative to the processor 102, and these remote memories may be connected to the computer terminal 10 via a network. Examples of the above-mentioned network include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

[0034] The transmission module 106 is configured to receive or transmit data via a network. A specific example of the aforementioned network may include a wireless network provided by the communications provider of the computer terminal 10. In one embodiment, the transmission device 106 includes a network interface controller (NIC), which can be connected to other network devices via a base station to enable communication with the Internet. In another embodiment, the transmission device 106 may be a radio frequency (RF) module, which is configured to communicate with the Internet wirelessly.

[0035] The display may be, for example, a touch screen liquid crystal display (LCD) that enables a user to interact with a user interface of the computer terminal 10 .

[0036] It should be noted that, in some embodiments, the above Figure 1 The computer device (or mobile device) shown has a touch display (also called a "touch screen" or "touch display screen"). In some embodiments, the above Figure 1 The computer device (or mobile device) shown has a graphical user interface (GUI), and a user can interact with the GUI through finger contacts and / or gestures on the touch-sensitive surface. The human-computer interaction functions here optionally include the following interactions: creating web pages, drawing, word processing, making electronic documents, games, video conferencing, instant messaging, sending and receiving emails, call interface, playing digital videos, playing digital music and / or web browsing, etc. The executable instructions for performing the above-mentioned human-computer interaction functions are configured / stored in a computer program product or readable storage medium executable by one or more processors.

[0037] Figure 2 is an image rendering method according to an embodiment of the present application, such as Figure 2 As shown, the method includes the following steps:

[0038] S202, acquiring a target image;

[0039] The target image can be any picture stored locally or in the cloud, and the picture can be acquired by a local application and used to execute subsequent steps.

[0040] In some embodiments of the present application, the arbitrary picture may also be uploaded from the client to the server, and the server performs subsequent steps.

[0041] S204, determining a three-dimensional grid from the target image, and changing dot information in the three-dimensional grid according to a preset rule, wherein the dot information includes at least one of the following: three-dimensional coordinates, reflection intensity, and color information of the dot;

[0042] In some embodiments of the present application, determining a three-dimensional grid from the target image is achieved by the following steps: determining a time interval corresponding to the target three-dimensional grid; selecting at least one target three-dimensional grid from the target image at each time interval, wherein at least one target three-dimensional grid selected at different time intervals is partially the same or completely different.

[0043] Furthermore, before modifying the dot information within the three-dimensional grid according to a preset rule, the following steps may be performed: when identical three-dimensional grids exist within at least one target three-dimensional grid selected from the target image, at least a portion of the dot information within the identical three-dimensional grid is selected at different time intervals, wherein the at least a portion of the dot information is not identical. In other words, to avoid monotony and increase diversity during the entire rendering and display of the dynamic image, when a region within the target image is selected multiple times within a change cycle, the dot information selected each time is not identical, resulting in significant variations in the rendering effect.

[0044] In some embodiments of the present application, when determining which part of the target image corresponds to the three-dimensional grid that is specifically selected at each moment, the selection can be made according to a preset selection rule. There can be multiple selection rules, and different selection specifications will produce different dynamic visual effects to meet the needs of the user. For example, when the user hopes that the target image can produce dynamic colors from left to right in sequence within a change cycle, the selection rule can be carried out according to the following steps: from left to right, determine the pixel points selected for each time interval in sequence, wherein the three-dimensional grid corresponding to the pixel points selected at each moment is the target three-dimensional grid for the time interval. When the change cycle is determined, the shorter the time interval is, the smoother the final rendering result will be.

[0045] In some embodiments of the present application, in addition to the preset selection rules, the user may also set the selection rules. When setting the desired selection rules, the user may generate a new selection rule by adjusting some parameters in a preset selection rule, such as the time interval, or all parameters may be set by the user. It should be noted that when all parameters are set by the user, the user may also choose to set only some parameters, with the remaining parameters being randomly generated.

[0046] In some embodiments of the present application, in addition to setting selection rules in advance, it is also possible to determine the selected pixels based on the user's motion information, thereby determining the target 3D grid. For example, when a user moves a mouse, the 3D grid corresponding to the pixels within a certain distance around the mouse is the target 3D grid; when a user uses a device with a touch screen, the 3D grid corresponding to the pixels near the location the user clicks is the target 3D grid; when a device running a rendering program has a corresponding component for motion capture, the device can capture the user's motion information, such as waving an arm, and generate corresponding extraction instructions based on the captured motion information to determine the target 3D grid.

[0047] In some embodiments of the present application, the dot information in the three-dimensional grid can be changed according to a plurality of preset rules, wherein generating target dot information based on a random noise algorithm and replacing the dot information in the three-dimensional grid based on the target dot information is a preferred rule among the plurality of preset rules.

[0048] The above random noise algorithm can also be called a noise algorithm. Since the noise is approximately evenly distributed on the entire image surface, the use of the random noise algorithm can make the rendered image obtained after the target image is rendered more harmonious in visual effect.

[0049] In some embodiments of the present application, a value noise generation algorithm may be used to determine a target point array.

[0050] Value noise is the simplest type of noise. The main idea is to define several vertices, each with a random value. These vertices will affect the surrounding coordinates based on their random values. The closer the vertex, the more likely it is to be affected by it. When the output value of a coordinate is needed, the influence values ​​of the vertices near the coordinate are added together to obtain a total value, which is then output.

[0051] The specific steps to generate value include: defining a lattice structure, where each vertex of the lattice has a pseudo-random value (Value). For two-dimensional Value noise, the lattice structure is a plane grid (usually a square), and for three-dimensional it is a three-dimensional grid (usually a cube). Enter a point (two-dimensional coordinates for two-dimensional, three-dimensional coordinates for three-dimensional, and n-dimensional coordinates for n-dimensional), and find the lattice vertices of all adjacent lattices (4 in two-dimensional, 8 in three-dimensional, and 2n in n-dimensional), and get the pseudo-random values ​​of these vertices. Use ease curves to calculate the weighted sum of these pseudo-random values, and the weighted sum is the final value noise.

[0052] In some embodiments of the present application, a Perlin noise generation algorithm may be used to determine the target point array.

[0053] The idea behind Perlin noise generation is to define several vertices, each with a random gradient vector. These vertices exert potential energy on surrounding coordinates based on their gradient vectors, with the potential energy increasing as the gradient along the vertex increases. To determine the output value for a particular coordinate, the potential energy contributed by the vertices near that coordinate is summed to obtain a total potential energy, which is then output.

[0054] The specific steps to generate Perlin noise include: 1. First, define a lattice structure, where each vertex of the lattice has a random gradient vector. For two-dimensional Perlin noise, the lattice structure is a plane grid (usually a square), and for three-dimensional Perlin noise, it is a three-dimensional grid (usually a cube). Enter a point coordinate (two-dimensional coordinates for two-dimensional, three-dimensional coordinates for three-dimensional, and n-dimensional coordinates for n-dimensional), and find all the lattice vertices adjacent to it (4 in two-dimensional, 8 in three-dimensional, and 2n in n-dimensional). 2n ), calculate the distance vector from this point to each lattice vertex, and then do a dot multiplication with the gradient vector on the vertex to get 2n 2n The weighted sum of all the dot product results is calculated using the easing curve, and the weighted sum is the final Perlin noise.

[0055] Compared with value noise, the advantage of Perlin noise is that the potential energy changes gradually along the gradient direction. In fact, it is a multiple superposition of noise functions, each time selecting a larger frequency and a smaller amplitude (similar to the definition in sine waves) to achieve a smooth change effect.

[0056] Perlin noise can be used to achieve a variety of image rendering effects. The simplest application is "dissolve," which works by discarding pixels whose grayscale values ​​fall below a specified value based on the generated Perlin noise map. This value increases over time from a small value to a larger value, creating the effect of dissolving a full or partial image. Grayscale values ​​near this value decrease in transparency, resulting in a smoother effect.

[0057] In some embodiments of the present application, a Simple noise generation algorithm may also be used to determine the target point array.

[0058] Simplex noise is also a lattice-based gradient noise. The only difference between it and Perlin noise in implementation is that its lattice is not square (square in 2D, cube in 3D, and we call them hypercubes in higher dimensions), but simplex.

[0059] To put it simply, a simplex can be thought of as selecting the simplest, most compact polygon in N-dimensional space that can tile the entire N-dimensional space. As you can understand, a simplex in one-dimensional space is a line segment of equal length; simply connecting these line segments ends up tiling the entire one-dimensional space. In two-dimensional space, a simplex is a triangle; isosceles triangles can be connected to tile the entire plane. A simplex in three-dimensional space is a tetrahedron. Simplexes in higher-dimensional spaces also exist.

[0060] S206: Re-render the target image where the three-dimensional grid is located based on the changed lattice information to obtain a rendered image.

[0061] In some embodiments of the present application, when re-rendering the target image where the three-dimensional grid is located based on the changed lattice information, the target image can also be re-rendered based on the changed lattice information. Figure 1 The computer terminal (or mobile device) described in the embodiment responds to the operation instructions from the user to achieve personalized rendering of the image, so that the rendering result is more in line with the user's expectations. The operation instructions can be specifically generated in the following manner: displaying the target image and at least one editing option for editing the target image in an editing interface, wherein the at least one editing option is used to adjust the properties of the three-dimensional grid. The editing options allow the user to perform corresponding editing operations on the editing options, that is, the user can change some rendering parameters by himself, so that the final rendering result is more personalized and more in line with the user's expectations. The computer terminal (or mobile device) can configure the image properties corresponding to the editing options in response to the editing operation of at least one of the editing options, save the configuration results, and then render the target image based on the configuration results. The image properties include the degree of coordinate distortion of the dot matrix, the degree of change of the auxiliary color relative to the main color, etc.

[0062] Specifically, the at least one editing option includes: an option to configure the dot matrix information; an option to configure the distortion parameters of the three-dimensional grid; and an option to configure the time interval between two adjacent transformations of the dot matrix information of the three-dimensional grid. The option to configure the time interval between two adjacent transformations of the dot matrix information of the three-dimensional grid can adjust the time interval to make the final rendering result more in line with the user's needs. For example, when the user wants the rendered image to be smoother when displaying dynamic colors, the time interval can be set to a shorter time interval; when the user does not want the rendering program to occupy too many computing resources, the time interval can be set to a shorter time interval. The distortion parameters include distortion height, distortion amplitude, overall distortion strength, etc. By adjusting the distortion parameters, the ratio of the area of ​​the dynamic color part of the target image at each moment to the area of ​​the original image can be changed.

[0063] Figure 4 This is an interactive interface that provides users with multiple editing options according to an embodiment of the present application. Figure 4 As shown in the figure, the editing buttons in the "Color Matching" section on the right side of the image allow users to independently match the secondary colors corresponding to the primary colors; the editing buttons in the "Background Color" section allow users to select the color of the desired target image; the "Color Offset" and "Dynamic Parameters" allow users to adjust the size of the rendered dynamic area, etc.; the editing buttons in the "Preset" section allow users to directly select pre-set dynamic effects; the editing buttons in the "Random Function" section allow users to choose to randomize all rendering parameters or some parameters to obtain a rendering result that better suits the user's wishes. The image display area in the left side can display the original image and the rendering effect after the corresponding parameters are modified, making it easier for users to obtain the desired rendering results.

[0064] In some embodiments of the present application, the target image where the three-dimensional grid is located is re-rendered based on the changed dot matrix information to obtain a rendered image, and the rendering is specifically performed through the following steps: determining the primary color corresponding to the changed dot matrix information, and generating attribute information of a secondary color that matches the primary color around the primary color according to a preset strategy, wherein the attribute information includes at least one of the following: hue value, saturation and brightness of the secondary color.

[0065] To achieve a harmonious match between the primary and secondary colors, the difference between the attribute value corresponding to the secondary color's attribute information and the attribute value corresponding to the primary color's attribute information must be less than a preset threshold. The preset threshold can be adjusted by the user. If the user desires a smoother and more harmonious color transition between the various color blocks in the rendered dynamic image, the threshold can be set to a lower value. If the user desires a stronger contrast between the various color blocks in the rendered dynamic image, the threshold can be set to a higher value.

[0066] in addition, Figure 1 The computer device (or terminal device) can also provide the user with a Figure 4 The operation interface shown in the figure executes the instructions issued by the user's corresponding operation on the operation interface. The operation interface allows the user to determine the change in the hue value, saturation and brightness of the secondary color relative to the primary color.

[0067] It should be noted that for the aforementioned method embodiments, for the sake of simplicity, they are all expressed as a series of action combinations, but those skilled in the art should be aware that this application is not limited by the order of the actions described, because according to this application, certain steps can be performed in other orders or simultaneously. Secondly, those skilled in the art should also be aware that the embodiments described in the specification are all preferred embodiments, and the actions and modules involved are not necessarily required by this application.

[0068] Through the description of the above implementation methods, those skilled in the art can clearly understand that the method according to the above embodiment can be implemented by means of software plus the necessary general hardware platform, and of course it can also be implemented by hardware, but in many cases the former is a better implementation method. Based on this understanding, the technical solution of the present application, or the part that contributes to the prior art, can be embodied in the form of a software product, which is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk), and includes a number of instructions for enabling a terminal device (which can be a mobile phone, computer, server, or network device, etc.) to execute the methods described in each embodiment of the present application.

[0069] Example 2

[0070] Figure 3 is another image rendering method according to an embodiment of the present application, such as Figure 3 As shown, the method includes the following steps:

[0071] S302, displaying the received image to be edited in the editing interface;

[0072] The editing interface is as follows Figure 4As shown in the figure, the editing buttons in the "Color Matching" section on the right side of the image allow users to independently match the secondary colors corresponding to the primary colors; the editing buttons in the "Background Color" section allow users to select the color of the desired target image; the "Color Offset" and "Dynamic Parameters" allow users to adjust the size of the rendered dynamic area, etc.; the editing buttons in the "Preset" section allow users to directly select pre-set dynamic effects; the editing buttons in the "Random Function" section allow users to choose to randomize all rendering parameters or some parameters to obtain a rendering result that better suits the user's wishes. The image display area in the left side can display the original image and the rendering effect after the corresponding parameters are modified, making it easier for users to obtain the desired rendering results.

[0073] The image to be edited can be any picture stored locally or in the cloud. The picture can be acquired by a local application and subsequent steps can be executed.

[0074] In some embodiments of the present application, the arbitrary picture may also be uploaded from the client to the server, and the server performs subsequent steps.

[0075] S304, changing the dot information in the image to be edited based on the three-dimensional grid in the image to be edited, wherein the dot information includes at least one of the following: three-dimensional coordinates, reflection intensity, and color information of the dot;

[0076] In some embodiments of the present application, before modifying the dot matrix information, a three-dimensional grid must be determined from the image to be edited. Determining the three-dimensional grid from the target image is accomplished by: determining a time interval corresponding to the target three-dimensional grid; and selecting at least one target three-dimensional grid from the target image at each time interval, wherein the at least one target three-dimensional grid selected at different time intervals may be partially or completely identical.

[0077] Furthermore, before modifying the dot information within the three-dimensional grid according to a preset rule, the following steps may be performed: when identical three-dimensional grids exist within at least one target three-dimensional grid selected from the target image, at least a portion of the dot information within the identical three-dimensional grid is selected at different time intervals, wherein the at least a portion of the dot information is not identical. In other words, to avoid monotony and increase diversity during the entire rendering and display of the dynamic image, when a region within the target image is selected multiple times within a change cycle, the dot information selected each time is not identical, resulting in significant variations in the rendering effect.

[0078] In some embodiments of the present application, when determining which part of the target image corresponds to the three-dimensional grid that is specifically selected at each moment, the selection can be made according to a preset selection rule. There can be multiple selection rules, and different selection specifications will produce different dynamic visual effects to meet the needs of the user. For example, when the user hopes that the target image can produce dynamic colors from left to right in sequence within a change cycle, the selection rule can be carried out according to the following steps: from left to right, determine the pixel points selected for each time interval in sequence, wherein the three-dimensional grid corresponding to the pixel points selected at each moment is the target three-dimensional grid for the time interval. When the change cycle is determined, the shorter the time interval is, the smoother the final rendering result will be.

[0079] In some embodiments of the present application, in addition to the preset selection rules, the user may also set the selection rules. When setting the desired selection rules, the user may generate a new selection rule by adjusting some parameters in a preset selection rule, such as the time interval, or all parameters may be set by the user. It should be noted that when all parameters are set by the user, the user may also choose to set only some parameters, with the remaining parameters being randomly generated.

[0080] In some embodiments of the present application, in addition to setting selection rules in advance, it is also possible to determine the selected pixels based on the user's motion information, thereby determining the target 3D grid. For example, when a user moves a mouse, the 3D grid corresponding to the pixels within a certain distance around the mouse is the target 3D grid; when a user uses a device with a touch screen, the 3D grid corresponding to the pixels near the location the user clicks is the target 3D grid; when a device running a rendering program has a corresponding component for motion capture, the device can capture the user's motion information, such as waving an arm, and generate corresponding extraction instructions based on the captured motion information to determine the target 3D grid.

[0081] In some embodiments of the present application, the dot information in the three-dimensional grid can be changed according to a plurality of preset rules, wherein generating target dot information based on a random noise algorithm and replacing the dot information in the three-dimensional grid based on the target dot information is a preferred rule among the plurality of preset rules.

[0082] In some embodiments of the present application, the random noise algorithm used may be a value noise generation algorithm, a Perlin noise generation algorithm, a Simplex noise generation algorithm or other random noise algorithms, or may be other random noise algorithms.

[0083] S306: Render the image to be edited based on the changed dot matrix information to obtain a rendered image.

[0084] In some embodiments of the present application, in order to increase the rendering speed and optimize the user experience, a rendering tool (such as Shader) can be used to perform concurrent operations through the graphics card GPU to generate high-performance visual effects in real time.

[0085] In some embodiments of the present application, when re-rendering the target image where the three-dimensional grid is located based on the changed lattice information, the target image can also be re-rendered based on the changed lattice information. Figure 1 The computer terminal (or mobile device) described in the embodiment responds to the operation instructions from the user to achieve personalized rendering of the image, so that the rendering result is more in line with the user's expectations. The operation instructions can be specifically generated in the following manner: displaying the target image and at least one editing option for editing the target image in an editing interface, wherein the at least one editing option is used to adjust the properties of the three-dimensional grid. The editing options allow the user to perform corresponding editing operations on the editing options, that is, the user can change some rendering parameters by himself, so that the final rendering result is more personalized and more in line with the user's expectations. The computer terminal (or mobile device) can configure the image properties corresponding to the editing options in response to the editing operation of at least one of the editing options, save the configuration results, and then render the target image based on the configuration results. The image properties include the degree of coordinate distortion of the dot matrix, the degree of change of the auxiliary color relative to the main color, etc.

[0086] Specifically, the at least one editing option includes: an option to configure the dot matrix information; an option to configure the distortion parameters of the three-dimensional grid; and an option to configure the time interval between two adjacent transformations of the dot matrix information of the three-dimensional grid. The option to configure the time interval between two adjacent transformations of the dot matrix information of the three-dimensional grid can adjust the time interval to make the final rendering result more in line with the user's needs. For example, when the user wants the rendered image to be smoother when displaying dynamic colors, the time interval can be set to a shorter time interval; when the user does not want the rendering program to occupy too many computing resources, the time interval can be set to a shorter time interval. The distortion parameters include distortion height, distortion amplitude, overall distortion strength, etc. By adjusting the distortion parameters, the ratio of the area of ​​the dynamic color part of the target image at each moment to the area of ​​the original image can be changed.

[0087] In some embodiments of the present application, the target image where the three-dimensional grid is located is re-rendered based on the changed dot matrix information to obtain a rendered image, and the rendering is specifically performed through the following steps: determining the primary color corresponding to the changed dot matrix information, and generating attribute information of a secondary color that matches the primary color around the primary color according to a preset strategy, wherein the attribute information includes at least one of the following: hue value, saturation and brightness of the secondary color.

[0088] To achieve a harmonious match between the primary and secondary colors, the difference between the attribute value corresponding to the secondary color's attribute information and the attribute value corresponding to the primary color's attribute information must be less than a preset threshold. The preset threshold can be adjusted by the user. If the user desires a smoother and more harmonious color transition between the various color blocks in the rendered dynamic image, the threshold can be set to a lower value. If the user desires a stronger contrast between the various color blocks in the rendered dynamic image, the threshold can be set to a higher value.

[0089] in addition, Figure 1 The computer device (or terminal device) can also provide the user with a Figure 4 The operation interface shown in the figure executes the instructions issued by the user's corresponding operation on the operation interface. The operation interface allows the user to determine the change in the hue value, saturation and brightness of the secondary color relative to the primary color.

[0090] Example 3

[0091] According to an embodiment of the present application, a device for implementing the above-mentioned image rendering method is also provided, such as Figure 5 As shown, the device includes: an acquisition module 50 for acquiring a target image; a calculation module 52 for determining a three-dimensional grid from the target image and changing the dot matrix information in the three-dimensional grid according to a preset rule, wherein the dot matrix information includes at least one of the following: three-dimensional coordinates, reflection intensity and color information of the dot matrix; a rendering module 54 for re-rendering the target image where the three-dimensional grid is located based on the changed dot matrix information to obtain a rendered image.

[0092] It should be noted that the acquisition module 50 corresponds to step S202 in Example 1, the calculation module 32 corresponds to step S504 in Example 2, and the rendering module 34 corresponds to step S506 in Example 3. Each module implements the same examples and application scenarios as the corresponding steps, but is not limited to the content disclosed in Example 1. It should be noted that the above modules, as part of the device, can be run in the computer terminal 10 provided in Example 1.

[0093] In some embodiments of the present application, the acquisition module 50 may extract the target image from local storage, or download an image from the cloud or the Internet as the target image.

[0094] In some embodiments of the present application, the calculation module 52 determines a three-dimensional grid from a target image through the following steps: determining a time interval corresponding to the target three-dimensional grid; selecting at least one target three-dimensional grid from the target image at each time interval, wherein at least one target three-dimensional grid selected at different time intervals is partially the same or completely different.

[0095] Furthermore, before modifying the dot information within the three-dimensional grid according to a preset rule, the following steps may be performed: when identical three-dimensional grids exist within at least one target three-dimensional grid selected from the target image, at least a portion of the dot information within the identical three-dimensional grid is selected at different time intervals, wherein the at least a portion of the dot information is not identical. In other words, to avoid monotony and increase diversity during the entire rendering and display of the dynamic image, when a region within the target image is selected multiple times within a change cycle, the dot information selected each time is not identical, resulting in significant variations in the rendering effect.

[0096] In some embodiments of the present application, when determining which part of the target image corresponds to the three-dimensional grid that is specifically selected at each moment, the selection can be made according to a preset selection rule. There can be multiple selection rules, and different selection specifications will produce different dynamic visual effects to meet the needs of the user. For example, when the user hopes that the target image can produce dynamic colors from left to right in sequence within a change cycle, the selection rule can be carried out according to the following steps: from left to right, determine the pixel points selected for each time interval in sequence, wherein the three-dimensional grid corresponding to the pixel points selected at each moment is the target three-dimensional grid for the time interval. When the change cycle is determined, the shorter the time interval is, the smoother the final rendering result will be.

[0097] In some embodiments of the present application, in addition to the preset selection rules, the user may also set the selection rules. When setting the desired selection rules, the user may generate a new selection rule by adjusting some parameters in a preset selection rule, such as the time interval, or all parameters may be set by the user. It should be noted that when all parameters are set by the user, the user may also choose to set only some parameters, with the remaining parameters being randomly generated.

[0098] In some embodiments of the present application, in addition to setting selection rules in advance, it is also possible to determine the selected pixels based on the user's motion information, thereby determining the target 3D grid. For example, when a user moves a mouse, the 3D grid corresponding to the pixels within a certain distance around the mouse is the target 3D grid; when a user uses a device with a touch screen, the 3D grid corresponding to the pixels near the location the user clicks is the target 3D grid; when a device running a rendering program has a corresponding component for motion capture, the device can capture the user's motion information, such as waving an arm, and generate corresponding extraction instructions based on the captured motion information to determine the target 3D grid.

[0099] In some embodiments of the present application, the dot information in the three-dimensional grid can be changed according to a plurality of preset rules, wherein generating target dot information based on a random noise algorithm and replacing the dot information in the three-dimensional grid based on the target dot information is a preferred rule among the plurality of preset rules.

[0100] In some embodiments of the present application, the random noise algorithm used may be a value noise generation algorithm, a Perlin noise generation algorithm, a Simplex noise generation algorithm or other random noise algorithms, or may be other random noise algorithms.

[0101] In some embodiments of the present application, when the rendering module 54 re-renders the target image where the three-dimensional grid is located based on the changed dot matrix information, it can also be based on Figure 1 The computer terminal (or mobile device) described in the text responds to the operation instructions from the user to achieve personalized rendering of the image, so that the rendering result is more in line with the user's expectations. The operation instructions can be specifically generated in the following way: displaying the target image and at least one editing option of the target image in the editing interface, and the editing option allows the user to perform corresponding editing operations on the editing option, that is, the user can change some rendering parameters by himself, so that the final rendering result is more personalized and more in line with the user's expectations. The computer terminal (or mobile device) can configure the image properties corresponding to the editing option in response to the editing operation of at least one of the editing options, save the configuration results, and then render the target image based on the configuration results. The image properties include the degree of coordinate distortion of the dot matrix, the degree of change of the auxiliary color relative to the main color, etc.

[0102] Specifically, the at least one editing option includes: an option to configure the dot matrix information; an option to configure the distortion parameters of the three-dimensional grid; and an option to configure the time interval between two adjacent transformations of the dot matrix information of the three-dimensional grid. The option to configure the time interval between two adjacent transformations of the dot matrix information of the three-dimensional grid can adjust the time interval to make the final rendering result more in line with the user's needs. For example, when the user wants the rendered image to be smoother when displaying dynamic colors, the time interval can be set to a shorter time interval; when the user does not want the rendering program to occupy too many computing resources, the time interval can be set to a shorter time interval. The distortion parameters include distortion height, distortion amplitude, overall distortion strength, etc. By adjusting the distortion parameters, the ratio of the area of ​​the dynamic color part of the target image at each moment to the area of ​​the original image can be changed.

[0103] Figure 4 This is an interactive interface that provides users with multiple editing options according to an embodiment of the present application. Figure 4 As shown in the figure, the editing buttons in the "Color Matching" section on the right side of the image allow users to independently match the secondary colors corresponding to the main colors; the editing buttons in the "Background Color" section allow users to select the color of the desired target image; the "Color Offset" and "Dynamic Parameters" allow users to adjust the size of the rendered dynamic area, etc.; the editing buttons in the "Preset" section allow users to directly select pre-set dynamic effects; the editing buttons in the "Random Function" section allow users to choose to randomize all rendering parameters or some parameters to obtain rendering results that better suit the user's wishes. The image display area in the left side can display the original image and the rendering effect after the corresponding parameters are modified, making it easier for users to obtain the desired rendering results. In addition, when the user wants to continue using the satisfactory rendering effect next time or quickly set various parameters, the program also supports users to import or export relevant parameters.

[0104] In some embodiments of the present application, the target image where the three-dimensional grid is located is re-rendered based on the changed dot matrix information to obtain a rendered image, and the rendering is specifically performed through the following steps: determining the primary color corresponding to the changed dot matrix information, and generating attribute information of a secondary color that matches the primary color around the primary color according to a preset strategy, wherein the attribute information includes at least one of the following: hue value, saturation and brightness of the secondary color.

[0105] To achieve a harmonious match between the primary and secondary colors, the difference between the attribute value corresponding to the secondary color's attribute information and the attribute value corresponding to the primary color's attribute information must be less than a preset threshold. The preset threshold can be adjusted by the user. If the user desires a smoother and more harmonious color transition between the various color blocks in the rendered dynamic image, the threshold can be set to a lower value. If the user desires a stronger contrast between the various color blocks in the rendered dynamic image, the threshold can be set to a higher value.

[0106] in addition, Figure 1 The computer device (or terminal device) can also provide the user with a Figure 4 The operation interface shown in the figure executes the instructions issued by the user's corresponding operation on the operation interface. The operation interface allows the user to determine the change in the hue value, saturation and brightness of the secondary color relative to the primary color.

[0107] Example 4

[0108] The embodiments of the present application may provide an image display method, such as Figure 6 As shown, the following steps are included:

[0109] S602, displaying a target image and at least one editing option for editing the target image in an editing interface;

[0110] The at least one editing option is used to adjust properties of the three-dimensional grid.

[0111] In some embodiments of the present application, the at least one editing option may include the following types of editing options: a first type of editing option for adjusting the primary color, secondary color, and the size of the area dynamically rendered at each moment, a second type of editing option that allows users to directly select pre-set dynamic effects, and a third type of editing option that allows users to select randomization of some parameters or all parameters.

[0112] S604, in response to an editing operation on at least one editing option, configuring image attributes corresponding to the editing option, and saving the configuration result;

[0113] The saved configuration result can be used to quickly render the image.

[0114] S606: Re-render the target image based on the configuration result, and display the re-rendered target image in the editing interface.

[0115] In some embodiments of the present application, the first area of ​​the editing interface is used to display the target image, and can display different rendering effects according to the editing options of the second area.

[0116] In some embodiments of the present application, the above-mentioned image display method can be performed as follows: Figure 4 The interactive interface shown in the figure is used to implement it. Figure 4 As shown in the figure, the editing buttons in the "Color Matching" section on the right side of the image allow users to independently match the secondary colors corresponding to the primary colors; the editing buttons in the "Background Color" section allow users to select the color of the desired target image; the "Color Offset" and "Dynamic Parameters" allow users to adjust the size of the rendered dynamic area, etc.; the editing buttons in the "Preset" section allow users to directly select pre-set dynamic effects; the editing buttons in the "Random Function" section allow users to choose to randomize all rendering parameters or some parameters to obtain a rendering result that better suits the user's wishes. The image display area in the left side can display the original image and the rendering effect after the corresponding parameters are modified, making it easier for users to obtain the desired rendering results.

[0117] Example 5

[0118] The embodiment of the present application can provide a computer terminal, which can be any computer terminal device in a computer terminal group. Optionally, in this embodiment, the computer terminal can also be replaced by a terminal device such as a mobile terminal.

[0119] Optionally, in this embodiment, the computer terminal may be located in at least one network device among a plurality of network devices of a computer network.

[0120] In this embodiment, the above-mentioned computer terminal can execute the program code of the following steps in the image rendering method: displaying the received image to be edited in the editing interface; changing the dot matrix information in the image to be edited based on the three-dimensional grid in the image to be edited, wherein the dot matrix information includes at least one of the following: the three-dimensional coordinates of the dot matrix, reflection intensity and color information; rendering the image to be edited based on the changed dot matrix information to obtain a rendered image.

[0121] An embodiment of the present application provides an image rendering solution. The solution involves acquiring a target image; determining a three-dimensional grid from the target image; and modifying the dot information in the three-dimensional grid according to preset rules, wherein the dot information includes at least one of the following: the three-dimensional coordinates, reflection intensity, and color information of the dot; and re-rendering the target image containing the three-dimensional grid based on the modified dot information to obtain a rendered image. This solution achieves the goal of rapidly generating a high-quality dynamic color map that meets user needs, thereby resolving the technical problem of existing technologies being unable to generate dynamic color renderings that meet user needs.

[0122] It can be understood by those skilled in the art that Figure 1 The structure shown is for illustration only, and the computer terminal may also be a smart phone (such as an Android phone, an iOS phone, etc.), a tablet computer, a handheld computer, a mobile Internet device (MID), a PAD, or other terminal devices. Figure 1 It does not limit the structure of the above electronic device. For example, the computer terminal 10 may also include Figure 1 More or fewer components (such as network interfaces, display devices, etc.) shown in, or with Figure 1 Different configurations shown.

[0123] A person skilled in the art will understand that all or part of the steps in the various methods of the above embodiments can be completed by instructing the hardware related to the terminal device through a program, and the program can be stored in a computer-readable storage medium, which may include: a flash drive, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, etc.

[0124] Example 6

[0125] The embodiment of the present application further provides a storage medium. Optionally, in this embodiment, the storage medium can be used to store the program code executed by the image rendering method provided in the first embodiment.

[0126] Optionally, in this embodiment, the storage medium may be located in any computer terminal in a computer terminal group in a computer network, or in any mobile terminal in a mobile terminal group.

[0127] Optionally, in this embodiment, the storage medium is configured to store program code for executing the following steps: displaying the received image to be edited in an editing interface; changing the dot matrix information in the image to be edited based on the three-dimensional grid in the image to be edited, wherein the dot matrix information includes at least one of the following: three-dimensional coordinates of the dot matrix, reflection intensity and color information; rendering the image to be edited based on the changed dot matrix information to obtain a rendered image.

[0128] The serial numbers of the above embodiments of the present application are for description only and do not represent the advantages or disadvantages of the embodiments.

[0129] In the above embodiments of the present application, the description of each embodiment has its own focus. For parts that are not described in detail in a certain embodiment, please refer to the relevant description of other embodiments.

[0130] In the several embodiments provided in this application, it should be understood that the disclosed technical content can be implemented in other ways. Among them, the device embodiments described above are only schematic. For example, the division of the units is only a logical function division. In actual implementation, there may be other division methods, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of units or modules, which can be electrical or other forms.

[0131] The units described as separate components may or may not be physically separate, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed across multiple network units. Some or all of these units may be selected to achieve the purpose of this embodiment according to actual needs.

[0132] In addition, the functional units in the various embodiments of the present application may be integrated into a single processing unit, or each unit may exist physically separately, or two or more units may be integrated into a single unit. The aforementioned integrated units may be implemented in the form of hardware or software functional units.

[0133] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a storage medium, including a number of instructions for enabling a computer device (which can be a personal computer, a server or a network device, etc.) to execute all or part of the steps of the method described in each embodiment of the present application. The aforementioned storage medium includes: various media that can store program codes, such as a USB flash drive, a read-only memory (ROM), a random access memory (RAM), a mobile hard disk, a magnetic disk or an optical disk.

[0134] The above is only a preferred embodiment of the present application. It should be pointed out that for ordinary technicians in this technical field, several improvements and modifications can be made without departing from the principles of the present application. These improvements and modifications should also be regarded as the scope of protection of the present application.

Claims

1. An image rendering method, comprising: Acquire the target image; Determine a three-dimensional grid from the target image, and change the dot information in the three-dimensional grid according to a preset rule, wherein the dot information includes at least one of the following: three-dimensional coordinates of the dot, reflection intensity and color information; Re-rendering the target image where the three-dimensional grid is located based on the changed dot matrix information to obtain a rendered image, wherein the rendered image is used as a dynamic background of the cloud product; The method of determining a three-dimensional grid from the target image includes: determining a time interval corresponding to the three-dimensional grid, selecting at least one three-dimensional grid from the target image at each time interval, wherein the at least one three-dimensional grid selected at different time intervals is partially identical or completely different; or determining a plurality of pixels constituting the three-dimensional grid based on user action information, wherein the action information includes at least one of the following: mouse movement position information, click position information on a touch screen, and user action information collected by an action collection component; Among them, the target image where the three-dimensional grid is located is re-rendered based on the changed dot matrix information to obtain a rendered image, including: determining the primary color corresponding to the changed dot matrix information, and generating attribute information of a secondary color that matches the primary color around the primary color according to a preset strategy, wherein the attribute information includes at least one of the following: hue value, saturation and brightness of the secondary color.

2. The method according to claim 1, wherein Before changing the dot matrix information in the three-dimensional grid according to a preset rule, the method further includes: when an identical three-dimensional grid exists in at least one target three-dimensional grid selected from the target image, selecting at least part of the dot matrix information in the identical three-dimensional grid at different time intervals, wherein the at least part of the dot matrix information is not exactly the same.

3. The method according to claim 1, wherein Re-rendering the target image where the three-dimensional grid is located based on the changed lattice information includes: Displaying the target image and at least one editing option for editing the target image in an editing interface, wherein the at least one editing option is used to adjust properties of the three-dimensional grid; In response to an editing operation on at least one of the editing options, configuring image attributes corresponding to the editing option and saving the configuration result; The target image is rendered based on the configuration result.

4. The method according to claim 3, wherein: The at least one editing option includes: an option for configuring the lattice information; an option for configuring the distortion parameters of the three-dimensional grid; and an option for configuring the time interval between two adjacent transformations of the lattice information of the three-dimensional grid.

5. The method according to claim 1, wherein Changing the dot information in the three-dimensional grid according to a preset rule includes: Target lattice information is generated based on a random noise algorithm, and the lattice information in the three-dimensional grid is replaced based on the target lattice information.

6. The method according to claim 5, wherein: A difference between an attribute value corresponding to the attribute information of the secondary color and an attribute value corresponding to the attribute information of the primary color is smaller than a preset threshold.

7. An image rendering method, comprising: Displaying the received image to be edited in the editing interface; Taking a three-dimensional grid in the image to be edited as a unit, modifying dot information in the image to be edited, wherein the dot information includes at least one of the following: three-dimensional coordinates, reflection intensity, and color information of the dot; wherein determining the three-dimensional grid corresponding to the modified dot information includes: determining a time interval corresponding to the three-dimensional grid, selecting at least one three-dimensional grid from the image to be edited at each time interval, wherein the at least one three-dimensional grid selected at different time intervals is partially or completely identical; or determining a plurality of pixels constituting the three-dimensional grid based on user action information, wherein the action information includes at least one of the following: mouse movement position information, click position information on a touch screen, and user action information collected by an action collection component; The image to be edited is rendered based on the changed dot matrix information to obtain a rendered image, including: determining a primary color corresponding to the changed dot matrix information, and generating attribute information of a secondary color that matches the primary color around the primary color according to a preset strategy, wherein the attribute information includes at least one of the following: hue value, saturation, and brightness of the secondary color, and the rendered image is used as a dynamic background of a cloud product.

8. A method for displaying an image, comprising: A target image and at least one editing option for editing the target image are displayed in an editing interface, wherein the at least one editing option is used to adjust properties of a three-dimensional grid. The process of determining the three-dimensional grid to be adjusted includes: determining a time interval corresponding to the three-dimensional grid, selecting at least one three-dimensional grid from the target image at each time interval, wherein the at least one three-dimensional grid selected at different time intervals is partially identical or completely different; or determining a plurality of pixels constituting the three-dimensional grid based on user action information, wherein the action information includes at least one of the following: mouse movement position information, click position information on a touch screen, and user action information collected by an action collection component; In response to an editing operation on at least one of the editing options, configuring image attributes corresponding to the editing option and saving the configuration result; Re-rendering the target image based on the configuration result, and displaying the re-rendered target image in the editing interface, wherein the rendered target image is used as a dynamic background of the cloud product; Among them, the target image is re-rendered based on the configuration result, including: determining the primary color corresponding to the three-dimensional grid after adjusting the attributes, and generating attribute information of the secondary color that matches the primary color around the primary color according to a preset strategy, wherein the attribute information includes at least one of the following: hue value, saturation and brightness of the secondary color.

9. An image rendering device, wherein: include: An acquisition module, used to acquire a target image; a calculation module configured to determine a three-dimensional grid from the target image and modify dot information in the three-dimensional grid according to a preset rule, wherein the dot information includes at least one of the following: three-dimensional coordinates, reflection intensity, and color information of the dot; and wherein the process of determining the three-dimensional grid includes: determining a time interval corresponding to the three-dimensional grid, selecting at least one three-dimensional grid from the target image at each time interval, wherein the at least one three-dimensional grid selected at different time intervals may be partially or completely identical; or determining a plurality of pixels constituting the three-dimensional grid based on user motion information, wherein the motion information includes at least one of the following: mouse movement position information, click position information on a touch screen, and user motion information collected by a motion acquisition component; A rendering module is configured to re-render the target image containing the three-dimensional grid based on the changed dot matrix information to obtain a rendered image, including: determining a primary color corresponding to the changed dot matrix information, and generating attribute information of a secondary color that matches the primary color around the primary color according to a preset strategy, wherein the attribute information includes at least one of the following: hue value, saturation, and brightness of the secondary color; wherein the rendered image is used as a dynamic background for cloud products.

10. A computer device comprising: memory and processor; Wherein, the memory is used to store program instructions; The processor is configured to execute program instructions stored in the memory, and implement the following functions when executing the program instructions: Acquire the target image; Determining a three-dimensional grid from the target image and changing dot information in the three-dimensional grid according to a preset rule, wherein the dot information includes at least one of the following: three-dimensional coordinates, reflection intensity, and color information of the dot. The process of determining the three-dimensional grid includes: determining a time interval corresponding to the three-dimensional grid, selecting at least one three-dimensional grid from the target image at each time interval, wherein the at least one three-dimensional grid selected at different time intervals may be partially or completely identical; or determining a plurality of pixels constituting the three-dimensional grid based on user action information, wherein the action information includes at least one of the following: mouse movement position information, click position information on a touch screen, and user action information collected by an action acquisition component; The target image where the three-dimensional grid is located is re-rendered based on the changed dot matrix information to obtain a rendered image, including: determining a primary color corresponding to the changed dot matrix information, and generating attribute information of a secondary color that matches the primary color around the primary color according to a preset strategy, wherein the attribute information includes at least one of the following: hue value, saturation and brightness of the secondary color, wherein the rendered image is used as a dynamic background of a cloud product.

11. A non-volatile storage medium, wherein: The storage medium includes a stored program, wherein when the program is run, the device where the storage medium is located is controlled to execute the image rendering method according to any one of claims 1 to 7.

Images