CN114972593A - Image rendering method, device and non-volatile storage medium - Google Patents

Abstract

The present application discloses an image rendering method, device and non-volatile storage medium. The method includes: acquiring a target image; determining a three-dimensional grid from the target image, and changing the lattice information in the three-dimensional grid according to a preset rule, wherein the lattice information includes at least one of the following: Three-dimensional coordinates, reflection intensity and color information; based on the changed lattice information, re-render the target image where the three-dimensional grid is located to obtain a rendered image. The present application solves the technical problem that the prior art cannot generate a dynamic color rendering image that meets user requirements.

Description

Image rendering method, device and non-volatile storage medium

technical field

The present application relates to the field of image processing, and in particular, to an image rendering method, device and non-volatile storage medium.

Background technique

The design and display of high-tech products such as cloud products often need to use some technological and dynamic backgrounds to enhance the atmosphere. However, the common products on the market that generate dynamic backgrounds all have problems such as single display effect, and the process of generating dynamic backgrounds is completed offline, without interaction with users, and cannot generate dynamic backgrounds randomly or do not allow users to make personalized settings.

For the above problems, no effective solution has been proposed yet.

SUMMARY OF THE INVENTION

Embodiments of the present application provide an image rendering method, device, and non-volatile storage medium, so as to at least solve the technical problem that the prior art cannot generate a dynamic color rendering map that meets user requirements.

According to an aspect of the embodiments of the present application, a rendering method is provided, including: acquiring a target image; determining a three-dimensional grid from the target image, and changing the 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, reflection intensity and color information of the lattice; and based on the changed lattice information, the target image where the three-dimensional grid is located is re-rendered to obtain a rendered image.

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

According to another aspect of the embodiments of the present application, an image display method is also provided, comprising: displaying a 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 for Adjust the properties of the 3D mesh; in response to an editing operation for at least one editing option, configure the image properties corresponding to the editing options, and save the configuration results; re-render the target image based on the configuration results, and display the image properties in the editing interface Displays the rerendered target image.

According to another aspect of the embodiments of the present application, an image rendering apparatus is further provided, including: an acquisition module for acquiring a target image; a calculation module for determining a three-dimensional grid from the target image, and for determining the three-dimensional grid The lattice information is changed 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; The target image where it is located is re-rendered to obtain a rendered image.

According to another aspect of the embodiments of the present application, a computer device is also provided, including: 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 the program instructions are executed, the following functions are implemented: acquiring a target image; determining a three-dimensional grid from the target image, and changing the lattice information in the three-dimensional grid according to preset rules, wherein the lattice information includes at least one of the following: The three-dimensional coordinates, reflection intensity and color information of the lattice; based on the changed lattice information, the target image where the three-dimensional grid is located is re-rendered to obtain a rendered image.

According to another aspect of the embodiments of the present application, a non-volatile storage medium is further provided, wherein when a program is run, a device where the storage medium is located is controlled to execute the above image rendering method.

In the embodiment of the present application, a target image is acquired; a three-dimensional grid is determined from the target image, and the lattice information in the three-dimensional grid is changed according to preset rules, wherein the lattice information includes at least one of the following: The three-dimensional coordinates, reflection intensity and color information of the matrix; based on the changed lattice information, the target image where the three-dimensional grid is located is re-rendered, and the way of rendering the image is obtained. By changing the lattice information of the target image, the rendering of the image is achieved. Therefore, the technical effect of obtaining a rendered image with a strong sense of flow is achieved, thereby solving the technical problem that the prior art cannot generate a dynamic color rendering image that meets user requirements.

Description of drawings

The drawings described herein are used to provide further understanding of the present application and constitute a part of the present application. The schematic embodiments and descriptions of the present application are used to explain the present application and do not constitute an improper limitation of the present application. In the attached image:

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

2 is a schematic flowchart of an image rendering method according to an embodiment of the present application;

3 is a schematic flowchart of another image rendering method according to an embodiment of the present application;

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

5 is a schematic structural diagram of an image rendering apparatus according to an embodiment of the present application;

FIG. 6 is a schematic flowchart of an image display method according to an embodiment of the present application.

Detailed ways

In order to make those skilled in the art better understand the solutions of the present application, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present application. Obviously, the described embodiments are only The embodiments are part of the present application, but not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art without creative work shall fall within the scope of protection of the present application.

It should be noted that the terms "first", "second", etc. in the description and claims of the present application and the above drawings are used to distinguish similar objects, and are not necessarily used to describe a specific sequence or sequence. It is to be understood that data so used may be interchanged under appropriate circumstances so that the embodiments of the application described herein can be practiced in sequences other than those illustrated or described herein. Furthermore, the terms "comprising" and "having" and any variations thereof, are intended to cover non-exclusive inclusion, for example, a process, method, system, product or device comprising a series of steps or units is not necessarily limited to those expressly listed Rather, those steps or units may include other steps or units not expressly listed or inherent to these processes, methods, products or devices.

First of all, some nouns or terms that appear in the process of describing the embodiments of the present application are suitable for the following explanations:

Shader (graphics shader language): a computer program that was originally used for image shading processing (calculating the lighting, brightness, color, etc. in the image), and can also be used to complete the processing of CG special effects and perform shade-independent processing. Film post-processing, and even used in some other fields unrelated to computer graphics. There is a high degree of freedom in using Shaders to calculate 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.

GDS: The full name is Generative Design Studios. It is a basic capability of WebGL graphics technology. It is a JS code library (gds.js). It uses algorithmic thinking to design, and uses parameters and configuration interfaces to reflect the relationship between design, logic, and functions. The response relationship is to support WebGL (3D drawing protocol) graphics development, which includes a large amount of JavaScript code and Shader code.

HSL: is a representation of points in the RGB color model in a cylindrical coordinate system. These two representations are more intuitive than the Cartesian coordinate system based geometry RGB. HSL is Hue, Saturation, and Lightness.

Random noise: Random noise is a temporally random accumulation of a large number of fluctuations in disturbances, the value of which is unpredictable at a given instant.

3D grid: It is composed of many lattices of objects, and a 3D model grid is formed through lattices. The lattice includes three-dimensional coordinates (xyz), reflection intensity (Intensity) and color information (rgb), and is finally drawn into a grid. Meshes usually consist of triangles, quadrilaterals, or other convex polygons. That is to say, the mesh is defined by a collection of polygons to represent the topological and spatial structure of the surface contours of the 3D model.

Lattice: Also known as a bitmap, it is a graphic composed of a certain number of pixels, also known as "image", "raster image". Pixel is the smallest unit that constitutes a bitmap. The size and refinement of the bitmap depends on the number of pixels that make up the bitmap. Since the distribution of pixels is arranged in a matrix along the horizontal and vertical directions, any bitmap always has a certain number of horizontal and vertical pixels. Usually "the number of horizontal pixels × the number of vertical pixels" represents the size of a bitmap.

Random noise algorithm: It is a kind of random algorithm in computer graphics, which is often used to simulate various texture materials in nature, such as clouds and mountains.

Example 1

According to an embodiment of the present application, an image rendering method embodiment is also provided. It should be noted that the steps shown in the flowchart of the accompanying drawings may be executed in a computer system such as a set of computer-executable instructions, and, Although a logical order is shown in the flowcharts, in some cases steps shown or described may be performed in an order different from that herein.

The method embodiment provided in Embodiment 1 of the present application may be executed in a mobile terminal, a computer terminal, or a similar computing device. FIG. 1 shows a block diagram of the hardware structure of a computer terminal (or mobile device) for implementing an image rendering method. As shown in FIG. 1 , 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, may also include: display, input/output interface (I/O interface), universal serial bus (USB) port (may be included as one of the ports of the I/O interface), network interface, power supply and/or camera. Those of ordinary skill in the art can understand that the structure shown in FIG. 1 is only a schematic diagram, which does not limit the structure of the above electronic device. For example, the computer terminal 10 may also include more or fewer components than shown in FIG. 1 , or have a different configuration than that shown in FIG. 1 .

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 circuits." The data processing circuit may be embodied in whole or in part as software, hardware, firmware or any other combination. Furthermore, the data processing circuitry may be a single stand-alone processing module, or incorporated in whole or in part into any of the other elements in the computer terminal 10 (or mobile device). As referred to in the embodiments of the present application, the data processing circuit acts as a kind of processor control (eg, selection of a variable resistance termination path connected to an interface).

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

The transmission module 106 is used to receive or transmit data via a network. A specific example of the above-mentioned network may include a wireless network provided by a communication provider of the computer terminal 10 . In one example, the transmission device 106 includes a network adapter (Network Interface Controller, NIC), which can be connected to other network devices through a base station so as to communicate with the Internet. In one example, the transmission device 106 may be a radio frequency (Radio Frequency, RF) module, which is used for wirelessly communicating with the Internet.

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

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

FIG. 2 is an image rendering method according to an embodiment of the present application. As shown in FIG. 2 , the method includes the following steps:

S202, acquiring a target image;

The target image may be any image stored locally, or may be any image stored in the cloud. The arbitrary picture can be acquired by the local application and the subsequent steps can be performed.

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

S204, determine a three-dimensional grid from the target image, and change the lattice information in the three-dimensional grid according to a preset rule, wherein the lattice information includes at least one of the following: 3D coordinates, reflection intensity and color information;

In some embodiments of the present application, determining a three-dimensional grid from the target image is achieved through the following steps: determining a time interval corresponding to the target three-dimensional grid; At least one target three-dimensional grid is selected in the image, wherein some or all of the at least one target three-dimensional grid selected at different time intervals are the same or different.

In addition, before changing the lattice information in the three-dimensional grid according to a preset rule, the following steps may be performed: the same three-dimensional grid exists in at least one target three-dimensional grid selected from the target image At different time intervals, at least part of the lattice information in the same three-dimensional grid is selected, wherein the at least part of the lattice information is not identical. That is to say, in the whole process of rendering and displaying dynamic images, in order to avoid monotony and increase diversity, when a certain area in the target image is selected multiple times within a change cycle, the selected dot matrix Not exactly the same, so the rendering effect will be quite different.

In some embodiments of the present application, when determining which part of the three-dimensional mesh corresponding to the target image is specifically selected at each moment, the selection may be performed according to a preset selection rule. Wherein, there may be multiple selection rules, and different selection specifications will produce different dynamic visual effects to meet the needs of users. For example, when the user wants the target image to generate dynamic colors sequentially from left to right within a changing period, the selection rule can be performed according to the following steps: from left to right, sequentially determine the pixels selected for each time interval point, wherein the three-dimensional grid corresponding to the pixel point selected at each moment is the target three-dimensional grid of the time interval. Under the condition that the change period is determined, the shorter the time interval, the smoother the final rendering result will be.

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

In some embodiments of the present application, in addition to setting selection rules in advance, it is also possible to determine the selected pixel points according to the user's action information, thereby determining the target three-dimensional grid. For example, when the user moves the mouse, the 3D grid corresponding to the pixels within a certain distance around the mouse is the target 3D grid; when the user uses a device with a touch screen, the 3D grid corresponding to the pixels near the position where the user clicks The grid is the target three-dimensional grid; when the device running the rendering program has the corresponding parts for motion acquisition, the device can capture the user's motion information, such as waving an arm, etc., and generate corresponding extraction instructions according to the captured motion information to Determine the target 3D mesh.

In some embodiments of the present application, the lattice information in the three-dimensional grid can be changed through a variety of preset rules, wherein the target lattice information is generated based on a random noise algorithm, and the target lattice information is generated based on the target lattice information. The replacement of lattice information in the three-dimensional grid is a preferred rule among the various preset rules.

The above random noise algorithm may also be called a noise algorithm. Since the noise is approximately uniformly 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.

In some embodiments of the present application, a value noise generation algorithm may be used to determine the target lattice.

Value noise is the simplest kind of noise. The main idea is to define several vertices and each vertex contains a random value. These vertices will affect the surrounding coordinates according to their own random values. The closer the vertex is, the more susceptible it is to the vertex. influences. When the output value of a certain coordinate needs to be obtained, the influence values caused by the vertices near the coordinate need to be superimposed to obtain a total value and output the total value.

The specific steps of generating the value include: defining a lattice structure, and the vertex of each lattice has a pseudo-random value (Value). For two-dimensional Value noise, the lattice structure is a flat grid (usually a square), and for three-dimensional it is a solid grid (usually a cube). Enter a point (two-dimensional coordinates are two-dimensional coordinates, three-dimensional coordinates are three-dimensional coordinates, and n-dimensional ones are n coordinates), and find the lattice vertices of all lattices adjacent to it (4 in two-dimensional, three-dimensional in There are 8, and there are 2n in n dimensions), and get pseudo-random values for these vertices. Ease curves are used to calculate the weighted sum of these pseudo-random values, which is the resulting value noise.

In some embodiments of the present application, a Perlin noise generation algorithm may be used to determine the target lattice.

The idea of generating Perlin noise is to define several vertices and each vertex contains a random gradient vector. These vertices will have potential energy effects on the surrounding coordinates according to their own gradient vectors. The higher the gradient direction of the vertices, the higher the potential energy. When the output value of a certain coordinate needs to be obtained, the potential energy caused by each vertex near the coordinate needs to be superimposed, so as to obtain a total potential energy and output the total potential energy.

The specific steps for generating Perlin noise include: 1. First, define a lattice structure, and each lattice vertex has a random gradient vector. For two-dimensional Perlin noise, the lattice structure is a planar grid (usually a square), and for three-dimensional it is a solid grid (usually a cube). Enter a point coordinate (two-dimensional coordinates are two-dimensional coordinates, three-dimensional coordinates are three-dimensional coordinates, and n-dimensional coordinates are n-dimensional coordinates), and find all lattice vertices adjacent to it (4 in 2D and 8 in 3D) , there are 2n ²ⁿ in n dimension), calculate the distance vector from this point to each lattice vertex, and then do point multiplication with the gradient vector on the vertex respectively to obtain 2n ²ⁿ point multiplication results. Use the relaxation curve to calculate the weighted sum of all dot product results, which is the final Perlin noise.

Compared with value noise, the advantage of Perlin noise is that the potential energy is gradually changing along the gradient direction, which is actually a multiple superposition of noise functions, each time selecting a larger frequency and a smaller amplitude (similar to the definition in the sine wave). ) to achieve a smooth change effect.

Based on Perlin noise, a variety of image rendering effects can be achieved. The simplest application is "dissolving". The principle is based on the grayscale color of the corresponding pixel of the generated Perlin noise map, and the pixel is discarded when it is less than a certain value. The specified value increases from a small value to a large value over time to achieve the effect of dissolving a picture in whole or in part. When the gray value is near the specified value, its transparency will be reduced to achieve a smoother effect.

In some embodiments of the present application, the simple noise generation algorithm may also be used to determine the target lattice.

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 in higher latitudes). We call them hypercubes, but simplexes.

To explain the simplex in layman's terms, it can be considered as selecting the simplest and most compact polygon in the N-dimensional space, so that it can tile the entire N-dimensional space. It is understandable that a simplex in a one-dimensional space is a line segment of equal length, and the entire one-dimensional space can be covered by connecting these line segments at the end. In two-dimensional space, a simplex is a triangle, and isosceles triangles can be connected to cover the entire plane. A simplex in three-dimensional space is a tetrahedron. Simplexes of higher dimensional spaces also exist.

S206, re-rendering the target image where the three-dimensional grid is located based on the changed lattice information to obtain a rendered image.

In some embodiments of the present application, when the target image where the three-dimensional grid is located is re-rendered based on the changed lattice information, the computer terminal (or mobile device) described in FIG. 1 may also respond to the The user's operation instruction is used to realize the personalized rendering of the image, so that the rendering result is more in line with the user's expectation. Specifically, the operation instruction may be generated by: 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 for editing the target image. The properties of the 3D mesh can be adjusted. The editing option allows the user to perform corresponding editing operations on the editing option, that is, allows the user to change some rendering parameters by himself, so that the final rendering result is more personalized and more in line with the user's expectation. The computer terminal (or mobile device) may, in response to an editing operation on at least one of the editing options, configure the image attribute corresponding to the editing option, save the configuration result, and then perform an operation on the target image based on the configuration result. render. The image attributes include the degree of coordinate distortion of the dot matrix, the degree of change of the secondary color relative to the main color, and the like.

Specifically, the at least one editing option includes: an option for configuring the lattice information; an option for configuring a distortion parameter of the three-dimensional grid, an option for configuring the lattice of the three-dimensional grid twice adjacently Option to configure the time interval at which information is transformed. The option of configuring the time interval for transforming the lattice information of the three-dimensional grid two times adjacently may make the final rendering result more in line with the user's needs by adjusting the time interval. For example, when the user wants the rendered image to be more fluent in displaying dynamic colors, the time interval can be set to be shorter; when the user does not want the rendering program to occupy too much computing resources, the time interval can be set to a shorter time. Set to be shorter. The twist parameters include twist height, twist amplitude, overall twist strength, and the like. By adjusting the distortion parameters, the ratio of the area of the dynamic color portion of the target image to the area of the original image at each moment can be changed.

FIG. 4 is an interactive interface that provides a user with multiple editing options according to an embodiment of the present application. As shown in Figure 4, the edit button in the "Color Matching" part of the right half of the figure can be independently matched by the user with the secondary color corresponding to the main color; the edit button in the "Background Color" part allows the user to select the desired target image "Color Offset" and "Dynamic Parameters" allow users to adjust the size of the dynamic area of the rendering; the edit button in the "Preset" section allows users to directly select the preset dynamic effects; "Random function" ” part of the edit button allows the user to select all rendering parameters to be random or part of the parameters to be random, so as to obtain a rendering result that is more in line with the user's wishes. The image display area in the left half can display the original image and the rendering effect after modification of the corresponding parameters, so that the user can obtain the desired rendering result.

In some embodiments of the present application, the target image where the three-dimensional grid is located is re-rendered based on the changed lattice information to obtain a rendered image. Specifically, the rendering is performed by the following steps: determining the changed The main color corresponding to the dot matrix information, and the attribute information of the auxiliary color matched with the main color is generated around the main color according to the preset strategy, wherein the attribute information includes at least one of the following: Hue value, saturation and lightness.

In order to realize the coordinated collocation of the main color and the auxiliary color, the difference between the attribute value corresponding to the attribute information of the auxiliary color and the attribute value corresponding to the attribute information of the main color is smaller than a preset threshold. Wherein, the preset threshold can be adjusted by the user. When the user wants the dynamic image obtained after the target image is rendered, the color transition between the color blocks is softer and more harmonious, the threshold can be set to a smaller value; when the user wants the target image to be rendered after rendering In a dynamic image, when the contrast between each color block is stronger, the threshold can be set to a larger value.

In addition, the computer device (or terminal device) shown in FIG. 1 can also provide the user with an operation interface as shown in FIG. 4 , and execute instructions issued by the user through corresponding operations on the operation interface. The operation interface allows the user to determine the hue value of the secondary color, the variation of saturation and brightness relative to the primary color.

It should be noted that, for the sake of simple description, the foregoing method embodiments are all expressed as a series of action combinations, but those skilled in the art should know that the present application is not limited by the described action sequence. Because in accordance with the present application, certain steps may be performed in other orders or concurrently. Secondly, those skilled in the art should also know that the embodiments described in the specification are all preferred embodiments, and the actions and modules involved are not necessarily required by the present application.

From the description of the above embodiments, those skilled in the art can clearly understand that the method according to the above embodiment can be implemented by means of software plus a necessary general hardware platform, and of course can also be implemented by hardware, but in many cases the former is better implementation. Based on this understanding, the technical solution of the present application can be embodied in the form of a software product in essence or in a part that contributes to the prior art, and the computer software product is stored in a storage medium (such as ROM/RAM, magnetic disk, CD-ROM), including several instructions to make a terminal device (which may be a mobile phone, a computer, a server, or a network device, etc.) execute the methods described in the various embodiments of this application.

Example 2

FIG. 3 is another image rendering method according to an embodiment of the present application. As shown in FIG. 3 , the method includes the following steps:

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

The editing interface is shown in Figure 4. The editing buttons in the "color matching" part of the right half of the figure can be independently matched by the user with the secondary colors corresponding to the main colors; the editing buttons in the "background color" part allow the user to choose the desired color. The color of the desired target image; "Color Offset" and "Dynamic Parameters" allow users to adjust the size of the dynamic area of the rendering; the edit button in the "Preset" section allows users to directly select the preset dynamic effects ; The edit button in the "Random Function" section allows the user to select all rendering parameters to be random or part of the parameters to be random, so as to obtain a rendering result that is more in line with the user's wishes. The image display area in the left half can display the original image and the rendering effect after modification of the corresponding parameters, so that the user can obtain the desired rendering result.

The to-be-edited image may be any image stored locally, or may be any image stored in the cloud. The arbitrary picture can be acquired by the local application and the subsequent steps can be performed.

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

S304, using the three-dimensional grid in the image to be edited as a unit, change the lattice information in the image to be edited, wherein the lattice information includes at least one of the following: the three-dimensional coordinates of the lattice , reflection intensity and color information;

In some embodiments of the present application, before changing the lattice information, a three-dimensional grid needs to be determined from the image to be edited. Determining a three-dimensional grid from the target image is achieved 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 every time interval , wherein some or all of the at least one target three-dimensional grid selected at different time intervals are the same or different.

In addition, before changing the lattice information in the three-dimensional grid according to a preset rule, the following steps may be performed: the same three-dimensional grid exists in at least one target three-dimensional grid selected from the target image At different time intervals, at least part of the lattice information in the same three-dimensional grid is selected, wherein the at least part of the lattice information is not identical. That is to say, in the whole process of rendering and displaying dynamic images, in order to avoid monotony and increase diversity, when a certain area in the target image is selected multiple times within a change cycle, the selected dot matrix Not exactly the same, so the rendering effect will be quite different.

In some embodiments of the present application, when determining which part of the three-dimensional mesh corresponding to the target image is specifically selected at each moment, the selection may be performed according to a preset selection rule. Wherein, there may be multiple selection rules, and different selection specifications will produce different dynamic visual effects to meet the needs of users. For example, when the user wants the target image to generate dynamic colors sequentially from left to right within a changing period, the selection rule can be performed according to the following steps: from left to right, sequentially determine the pixels selected for each time interval point, wherein the three-dimensional grid corresponding to the pixel point selected at each moment is the target three-dimensional grid of the time interval. Under the condition that the change period is determined, the shorter the time interval, the smoother the final rendering result will be.

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

In some embodiments of the present application, in addition to setting selection rules in advance, it is also possible to determine the selected pixel points according to the user's action information, thereby determining the target three-dimensional grid. For example, when the user moves the mouse, the 3D grid corresponding to the pixels within a certain distance around the mouse is the target 3D grid; when the user uses a device with a touch screen, the 3D grid corresponding to the pixels near the position where the user clicks The grid is the target three-dimensional grid; when the device running the rendering program has the corresponding parts for motion acquisition, the device can capture the user's motion information, such as waving an arm, etc., and generate corresponding extraction instructions according to the captured motion information to Determine the target 3D mesh.

In some embodiments of the present application, the lattice information in the three-dimensional grid can be changed through a variety of preset rules, wherein the target lattice information is generated based on a random noise algorithm, and the target lattice information is generated based on the target lattice information. The replacement of lattice information in the three-dimensional grid is a preferred rule among the various preset rules.

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 other random noise algorithms.

S306, rendering the image to be edited based on the changed lattice information to obtain a rendered image.

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

In some embodiments of the present application, when the target image where the three-dimensional grid is located is re-rendered based on the changed lattice information, the computer terminal (or mobile device) described in FIG. 1 may also respond to the The user's operation instruction is used to realize the personalized rendering of the image, so that the rendering result is more in line with the user's expectation. Specifically, the operation instruction may be generated by: 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 for editing the three-dimensional The properties of the grid can be adjusted. The editing option allows the user to perform corresponding editing operations on the editing option, that is, allows the user to change some rendering parameters by himself, so that the final rendering result is more personalized and more in line with the user's expectation. The computer terminal (or mobile device) may, in response to an editing operation on at least one of the editing options, configure the image attribute corresponding to the editing option, save the configuration result, and then perform an operation on the target image based on the configuration result. render. The image attributes include the degree of coordinate distortion of the dot matrix, the degree of change of the secondary color relative to the main color, and the like.

Specifically, the at least one editing option includes: an option for configuring the lattice information; an option for configuring a distortion parameter of the three-dimensional grid, an option for configuring the lattice of the three-dimensional grid twice adjacently Option to configure the time interval at which information is transformed. The option of configuring the time interval for transforming the lattice information of the three-dimensional grid two times adjacently may make the final rendering result more in line with the user's needs by adjusting the time interval. For example, when the user wants the rendered image to be more fluent in displaying dynamic colors, the time interval can be set to be shorter; when the user does not want the rendering program to occupy too much computing resources, the time interval can be set to a shorter time. Set to be shorter. The twist parameters include twist height, twist amplitude, overall twist strength, and the like. By adjusting the distortion parameters, the ratio of the area of the dynamic color portion of the target image to the area of the original image at each moment can be changed.

In some embodiments of the present application, the target image where the three-dimensional grid is located is re-rendered based on the changed lattice information to obtain a rendered image. Specifically, the rendering is performed by the following steps: determining the changed The main color corresponding to the dot matrix information, and the attribute information of the auxiliary color matched with the main color is generated around the main color according to the preset strategy, wherein the attribute information includes at least one of the following: Hue value, saturation and lightness.

In order to realize the coordinated collocation of the main color and the auxiliary color, the difference between the attribute value corresponding to the attribute information of the auxiliary color and the attribute value corresponding to the attribute information of the main color is smaller than a preset threshold. Wherein, the preset threshold can be adjusted by the user. When the user wants the dynamic image obtained after the target image is rendered, the color transition between the color blocks is softer and more harmonious, the threshold can be set to a smaller value; when the user wants the target image to be rendered after rendering In a dynamic image, when the contrast between each color block is stronger, the threshold can be set to a larger value.

In addition, the computer device (or terminal device) shown in FIG. 1 can also provide the user with an operation interface as shown in FIG. 4 , and execute instructions issued by the user through corresponding operations on the operation interface. The operation interface allows the user to determine the hue value of the secondary color, the variation of saturation and brightness relative to the primary color.

Example 3

According to an embodiment of the present application, an apparatus for implementing the above image rendering method is also provided. As shown in FIG. 5 , the apparatus includes: an acquisition module 50 for acquiring a target image; a calculation module 52 for obtaining a target image from the A three-dimensional grid is determined in the target image, and the lattice information in the three-dimensional grid is changed according to preset rules, wherein the lattice information includes at least one of the following: the three-dimensional coordinates of the lattice, the reflection intensity and color information; the rendering module 54 is configured to re-render the target image where the three-dimensional grid is located based on the changed lattice information to obtain a rendered image.

It should be noted here that the acquisition module 50 corresponds to step S202 in Embodiment 1, the calculation module 32 corresponds to Step S504 in Embodiment 2, and the rendering module 34 corresponds to Step S506 in Embodiment 3. The examples and application scenarios implemented by each module and the corresponding steps are the same, but are not limited to the content disclosed in the above-mentioned Embodiment 1. It should be noted that, as a part of the apparatus, the above-mentioned modules may run in the computer terminal 10 provided in the first embodiment.

In some embodiments of the present application, the acquiring module 50 may extract the target image from the local storage, or may download the image from the cloud or the network as the target image.

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

In addition, before changing the lattice information in the three-dimensional grid according to a preset rule, the following steps may be performed: the same three-dimensional grid exists in at least one target three-dimensional grid selected from the target image At different time intervals, at least part of the lattice information in the same three-dimensional grid is selected, wherein the at least part of the lattice information is not identical. That is to say, in the whole process of rendering and displaying dynamic images, in order to avoid monotony and increase diversity, when a certain area in the target image is selected multiple times within a change cycle, the selected dot matrix Not exactly the same, so the rendering effect will be quite different.

In some embodiments of the present application, when determining which part of the three-dimensional mesh corresponding to the target image is specifically selected at each moment, the selection may be performed according to a preset selection rule. Wherein, there may be multiple selection rules, and different selection specifications will produce different dynamic visual effects to meet the needs of users. For example, when the user wants the target image to generate dynamic colors sequentially from left to right within a changing period, the selection rule can be performed according to the following steps: from left to right, sequentially determine the pixels selected for each time interval point, wherein the three-dimensional grid corresponding to the pixel point selected at each moment is the target three-dimensional grid of the time interval. Under the condition that the change period is determined, the shorter the time interval, the smoother the final rendering result will be.

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

In some embodiments of the present application, in addition to setting selection rules in advance, it is also possible to determine the selected pixel points according to the user's action information, thereby determining the target three-dimensional grid. For example, when the user moves the mouse, the 3D grid corresponding to the pixels within a certain distance around the mouse is the target 3D grid; when the user uses a device with a touch screen, the 3D grid corresponding to the pixels near the position where the user clicks The grid is the target three-dimensional grid; when the device running the rendering program has the corresponding parts for motion acquisition, the device can capture the user's motion information, such as waving an arm, etc., and generate corresponding extraction instructions according to the captured motion information to Determine the target 3D mesh.

In some embodiments of the present application, the lattice information in the three-dimensional grid can be changed through a variety of preset rules, wherein the target lattice information is generated based on a random noise algorithm, and the target lattice information is generated based on the target lattice information. The replacement of lattice information in the three-dimensional grid is a preferred rule among the various preset rules.

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 other random noise algorithms.

In some embodiments of the present application, when the above-mentioned rendering module 54 re-renders the target image where the three-dimensional grid is located based on the changed lattice information, it may also be based on the computer terminal (or mobile device) responds to the operation instruction from the user, so as to realize the personalized rendering of the image, so that the rendering result is more in line with the user's expectation. Specifically, the operation instruction may be generated in the following manner: 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 a corresponding editing operation on the editing option, that is, allowing the user to perform a corresponding editing operation on the editing option. Users can change some rendering parameters by themselves, so that the final rendering results are more personalized and more in line with user expectations. The computer terminal (or mobile device) may, in response to an editing operation on at least one of the editing options, configure the image attribute corresponding to the editing option, save the configuration result, and then perform an operation on the target image based on the configuration result. render. The image attributes include the degree of coordinate distortion of the dot matrix, the degree of change of the secondary color relative to the main color, and the like.

Specifically, the at least one editing option includes: an option for configuring the lattice information; an option for configuring a distortion parameter of the three-dimensional grid, an option for configuring the lattice of the three-dimensional grid twice adjacently Option to configure the time interval at which information is transformed. The option of configuring the time interval for transforming the lattice information of the three-dimensional grid two times adjacently may make the final rendering result more in line with the user's needs by adjusting the time interval. For example, when the user wants the rendered image to be more fluent in displaying dynamic colors, the time interval can be set to be shorter; when the user does not want the rendering program to occupy too much computing resources, the time interval can be set to a shorter time. Set to be shorter. The twist parameters include twist height, twist amplitude, overall twist strength, and the like. By adjusting the distortion parameters, the ratio of the area of the dynamic color portion of the target image to the area of the original image at each moment can be changed.

FIG. 4 is an interactive interface that provides a user with multiple editing options according to an embodiment of the present application. As shown in Figure 4, the edit button in the "Color Matching" part of the right half of the figure can be independently matched by the user with the secondary color corresponding to the main color; the edit button in the "Background Color" part allows the user to select the desired target image "Color Offset" and "Dynamic Parameters" allow users to adjust the size of the dynamic area of the rendering; the edit button in the "Preset" section allows users to directly select the preset dynamic effects; "Random function" ” part of the edit button allows the user to select all rendering parameters to be random or part of the parameters to be random, so as to obtain a rendering result that is more in line with the user's wishes. The image display area in the left half can display the original image and the rendering effect after modification of the corresponding parameters, so that the user can obtain the desired rendering result. In addition, when the user wishes to continue to use satisfactory rendering effects or quickly set various parameters next time, the program also supports the user to import or export relevant parameters by himself.

In some embodiments of the present application, the target image where the three-dimensional grid is located is re-rendered based on the changed lattice information to obtain a rendered image. Specifically, the rendering is performed by the following steps: determining the changed The main color corresponding to the dot matrix information, and the attribute information of the auxiliary color matched with the main color is generated around the main color according to the preset strategy, wherein the attribute information includes at least one of the following: Hue value, saturation and lightness.

In order to realize the coordinated collocation of the main color and the auxiliary color, the difference between the attribute value corresponding to the attribute information of the auxiliary color and the attribute value corresponding to the attribute information of the main color is smaller than a preset threshold. Wherein, the preset threshold can be adjusted by the user. When the user wants the dynamic image obtained after the target image is rendered, the color transition between the color blocks is softer and more harmonious, the threshold can be set to a smaller value; when the user wants the target image to be rendered after rendering In a dynamic image, when the contrast between each color block is stronger, the threshold can be set to a larger value.

In addition, the computer device (or terminal device) shown in FIG. 1 can also provide the user with an operation interface as shown in FIG. 4 , and execute instructions issued by the user through corresponding operations on the operation interface. The operation interface allows the user to determine the hue value of the secondary color, the variation of saturation and brightness relative to the primary color.

Example 4

The embodiment of the present application can provide an image display method, as shown in FIG. 6 , including the following steps:

S602, displaying the target image and at least one editing option for editing the target image in the editing interface;

Wherein, the above at least one editing option is used to adjust the properties of the three-dimensional grid.

In some embodiments of the present application, the above-mentioned at least one editing option may include the following types of editing options: a first-type editing option for adjusting the main color, the secondary color, and the size of the area that is dynamically rendered at each moment, and may The second type of editing options allows users to directly select preset dynamic effects, and the third type of editing options allows users to select some or all of the parameters at random.

S604, in response to an editing operation on at least one editing option, configure the image attribute corresponding to the editing option, and save the configuration result;

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

S606, the target image is re-rendered based on the configuration result, and the re-rendered target image is displayed in the editing interface.

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

In some embodiments of the present application, the above-mentioned image display method may be implemented through an interactive interface as shown in FIG. 4 . As shown in Figure 4, the edit button in the "Color Matching" part of the right half of the figure can be independently matched by the user with the secondary color corresponding to the main color; the edit button in the "Background Color" part allows the user to select the desired target image "Color Offset" and "Dynamic Parameters" allow users to adjust the size of the dynamic area of the rendering; the edit button in the "Preset" section allows users to directly select the preset dynamic effects; "Random function" ” part of the edit button allows the user to select all rendering parameters to be random or part of the parameters to be random, so as to obtain a rendering result that is more in line with the user's wishes. The image display area in the left half can display the original image and the rendering effect after modification of the corresponding parameters, so that the user can obtain the desired rendering result.

Example 5

Embodiments of the present application may provide a computer terminal, where the computer terminal may be any computer terminal device in a computer terminal group. Optionally, in this embodiment, the above-mentioned computer terminal may also be replaced by a terminal device such as a mobile terminal.

Optionally, in this embodiment, the above-mentioned computer terminal may be located in at least one network device among multiple network devices of a computer network.

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

With the embodiments of the present application, an image rendering solution is provided. By acquiring the target image; determining a three-dimensional grid from the target image, and changing the lattice information in the three-dimensional grid according to preset rules, wherein the lattice information includes at least one of the following: the three-dimensional coordinates of the lattice, the reflection intensity and color information; based on the changed lattice information, the target image where the 3D grid is located is re-rendered to obtain a rendered image, so as to achieve the purpose of quickly generating a high-quality dynamic color map that meets the needs of users, and thus solves the problem of existing The technical problem that the technology cannot generate a dynamic color rendering that meets the user's needs.

Those of ordinary skill in the art can understand that the structure shown in FIG. 1 is for illustration only, and the computer terminal can also be a smart phone (such as an Android mobile phone, an iOS mobile phone, etc.), a tablet computer, an applause computer, and a Mobile Internet Devices (MID) , PAD and other terminal equipment. FIG. 1 does not limit the structure of the above electronic device. For example, the computer terminal 10 may also include more or fewer components than those shown in FIG. 1 (eg, network interfaces, display devices, etc.), or have a different configuration than that shown in FIG. 1 .

Those of ordinary skill in the art can 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, and the storage medium can Including: flash disk, read-only memory (Read-Only Memory, ROM), random access device (RandomAccess Memory, RAM), magnetic disk or optical disk, etc.

Example 6

Embodiments of the present application also provide a storage medium. Optionally, in this embodiment, the above-mentioned storage medium may be used to store the program code executed by the image rendering method provided in the above-mentioned first embodiment.

Optionally, in this embodiment, the above-mentioned 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.

Optionally, in this embodiment, the storage medium is set to store program codes for performing the following steps: displaying the received image to be edited in the editing interface; taking the three-dimensional grid in the image to be edited as a unit, The lattice information in the image is changed, wherein the lattice information includes at least one of the following: three-dimensional coordinates of the lattice, reflection intensity and color information; rendering the image to be edited based on the changed lattice information to obtain a rendered image.

The above-mentioned serial numbers of the embodiments of the present application are only for description, and do not represent the advantages or disadvantages of the embodiments.

In the above-mentioned embodiments of the present application, the description of each embodiment has its own emphasis. For parts that are not described in detail in a certain embodiment, reference may be made to related descriptions of other embodiments.

In the several embodiments provided in this application, it should be understood that the disclosed technical content can be implemented in other ways. The apparatus embodiments described above are only illustrative, for example, the division of the units is only a logical function division, and there may be other division methods in actual implementation, for example, multiple units or components may be combined or Integration into another system, or some features can be ignored, or not implemented. On the other hand, the shown or discussed mutual coupling or direct coupling or communication connection may be through some interfaces, indirect coupling or communication connection of units or modules, and may be in electrical or other forms.

The units described as separate components may or may not be physically separated, and components displayed as units may or may not be physical units, that is, may be located in one place, or may be distributed to multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution in this embodiment.

In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically alone, or two or more units may be integrated into one unit. The above-mentioned integrated units may be implemented in the form of hardware, or may be implemented in the form of software functional units.

The integrated unit, if implemented in the form of a software functional unit and sold or used as an independent product, may be stored in a computer-readable storage medium. Based on this understanding, the technical solutions of the present application can be embodied in the form of software products in essence, or the parts that contribute to the prior art, or all or part of the technical solutions, and the computer software products are stored in a storage medium , including several instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of the present application. The aforementioned storage medium includes: U disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), mobile hard disk, magnetic disk or optical disk and other media that can store program codes .

The above are only the preferred embodiments of the present application. It should be pointed out that for those skilled in the art, without departing from the principles of the present application, several improvements and modifications can also be made. It should be regarded as the protection scope of this application.

Claims (13)

1. An image rendering method, 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 a preset rule, wherein the lattice information comprises at least one of the following: three-dimensional coordinates, reflection intensity and color information of the dot matrix;

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.

2. The method of claim 1, wherein determining a three-dimensional mesh from the target image comprises:

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 intervals of time, wherein the parts of the at least one target three-dimensional grid selected at different time intervals are the same or all are different.

3. The method of claim 2, wherein before changing the lattice information in the three-dimensional lattice according to a preset rule, the method further comprises: when the same three-dimensional grid exists in at least one target three-dimensional grid selected from the target image, at least part of lattice information in the same three-dimensional grid is selected at different time intervals, wherein the lattice information of at least part of lattice information is not completely the same.

4. The method of claim 1, wherein re-rendering the target image in which the three-dimensional mesh is located based on the changed lattice information comprises:

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 for adjusting the property of the three-dimensional grid;

responding to the editing operation of at least one editing option, configuring the image attribute corresponding to the editing option, and storing the configuration result;

rendering the target image based on the configuration result.

5. The method of claim 4, wherein the at least one editing option comprises: an option for configuring the lattice information; the method comprises the following steps of configuring distortion parameters of the three-dimensional grid, and configuring time intervals for transforming lattice information of the three-dimensional grid twice adjacently.

6. The method of claim 1, wherein changing the lattice information in the three-dimensional lattice according to a preset rule comprises:

generating target dot matrix information based on a random noise point algorithm, and replacing the dot matrix information in the three-dimensional grid based on the target dot matrix information.

7. The method of claim 1, wherein re-rendering the target image where the three-dimensional grid is located based on the changed lattice information to obtain a rendered image comprises:

determining a primary color corresponding to the changed dot matrix information, and generating attribute information of an auxiliary color matched with 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.

8. The method according to claim 7, 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.

9. An image rendering method, comprising:

displaying the received image to be edited in an editing interface;

changing lattice information in the image to be edited by taking the three-dimensional lattice in the image to be edited as a unit, wherein the lattice information comprises at least one of the following: three-dimensional coordinates, reflection intensity and color information of the dot matrix;

rendering the image to be edited based on the changed dot matrix information to obtain a rendered image.

10. An image presentation method comprising:

displaying a 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 for adjusting the property of the three-dimensional grid;

responding to the editing operation of at least one editing option, configuring the image attribute corresponding to the editing option, and storing the configuration result;

and re-rendering the target image based on the configuration result, and displaying the re-rendered target image in the editing interface.

11. An image rendering apparatus, comprising:

the acquisition module is used for acquiring a target image;

a calculating module, configured to determine a three-dimensional grid from the target image, and change lattice information in the three-dimensional grid according to a preset rule, where the lattice information includes at least one of: three-dimensional coordinates, reflection intensity and color information of the dot matrix;

and the rendering module is used 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.

12. A computer device, comprising: a memory and a processor;

wherein the memory is to store program instructions;

the processor is configured to execute the program instructions stored in the memory, and when executing the program instructions, implement the following functions:

acquiring a target image;

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

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.

13. A non-volatile storage medium, wherein the storage medium comprises a stored program, and wherein the program, when executed, controls an apparatus on which the storage medium is located to perform the image rendering method of any one of claims 1 to 10.

Images