US 20050237341 A1
A system and method for generating color gradients is provided. The system generates color gradients using techniques from geometric surface modeling. The system and method of the present invention allow designers to specify very complex gradients in a simple way. The system can employ, for example, a vector-based interpolation method and/or a pixel-based partial differential equation (PDE) interpolation methods to facilitate generation of the color gradients. In one example, input boundary curves and/or feature curves are approximated by line segments, which are then utilized to generate a triangulation approximating a smooth color gradient.
1. A system that facilitates color gradient generation, comprising:
an input component that receives information associated with a boundary curve, a feature curve and a color, which is associated with the boundary curve and the feature curve; and,
a gradient generator that employs an interpolation mechanism iteratively until a display resolution, based threshold criteria, is satisfied to generate a color gradient based at least in part on the boundary curve, the feature curve and the color.
2. The system of
3. The system of
4. The system of
5. The system of
6. The system of
7. The system of
8. The system of
9. The system of
10. The system of
11. The system of
12. The system of
13. The system of
14. A method of generating a color gradient comprising:
receiving information associated with at least a boundary surface, a feature surface and a color associated with the boundary surface and the feature surface;
generating an intermediate approximation of the boundary surface and the feature surface based at least in part on respective surface segments; and,
iteratively utilizing an interpolation method to satisfy a display resolution refinement criteria to generate a color gradient based at least in part on the surface segments and the color.
15. The method of
16. The method of
17. The method of
18. The method of
19. The method of
20. A color gradient generation system comprising:
means for receiving information associated with at least one boundary curve, a feature curve and a color associated with the boundary curve and the feature curve; and
means for generating a color gradient with an iterative interpolation mechanism based on the boundary curve, the feature curve, and the color.
This application is a continuation of U.S. patent application Ser. No. 10/601,428, filed Jun. 23, 2003, entitled “COLOR GRADIENT PATHS,” which is a Continuation-in-Part application of U.S. patent application Ser. No. 10/417,937, now U.S. Pat. No. 6,856,705, filed on Apr. 16, 2003, entitled “IMAGE BLENDING BY GUIDED INTERPOLATION,” which is an application claiming benefit under 35 U.S.C §119(e) to U.S. Provisional Patent Application Ser. No. 60/450,078, filed on Feb. 25, 2003, entitled “IMAGE BLENDING BY GUIDED INTERPOLATION.” The entireties of the above-noted applications are incorporated herein by reference.
The present invention relates generally to computer graphics, and, more particularly to a system and method to facilitate smooth color gradient(s) by employing color gradient path(s).
Many computer paint and drawing programs allow a user to fill an area with a single and/or multiple colors. In the case of multiple colors, computer paint programs can automatically blend between the colors specified. This smooth blending between colors produces a color gradient. Conventional types of color gradients include linear gradients, radial gradients, and gradient meshes.
To fill a region with a linear gradient, a line segment is specified (e.g., on the drawing canvas) and colors are associated with points along the line segment. For example, one endpoint of the line segment can be mapped to blue, the other endpoint can be mapped to red, and an intermediate point on the line segment can be mapped to yellow. The color at any other point on the line segment is determined by interpolating (e.g., using linear or cubic interpolation) between the specified colors. At any other point in the region to be filled, the color is defined to be the same as the color of the nearest point on the line segment. The user can choose multiple colors along the line segment and can specify the technique used to interpolate between colors, but a linear gradient is defined by a single line segment. The linear gradient is the most basic gradient of all and is typically not complex enough for advanced effects.
Radial gradients can be used to create slightly more complex effects than linear gradients. To create a radial gradient, a line segment is specified by selecting an initial point and an end point. As with linear gradients, colors are associated with points along the line segment, and the color of any intermediate point on the line segment is determined by interpolating between the specified colors. However, unlike linear gradients, the color of any other point in the region to be filled is determined according to its distance from the initial point of the line segment. Thus, the resulting radial gradient comprises generally concentric rings of color that vary (e.g., smoothly and continuously). Along the initial line segment, colors blend smoothly as they do in the case of linear gradients. Points on other rays that begin at the initial point are colored in the same way, according to their distance from the initial point.
A gradient mesh is created using a two dimensional Bčzier surface, specified by a mesh of control points, each of which is associated with a color. Each point in the region to be filled is colored by interpolating between the colors of nearby control points, using standard Bčzier surface evaluation. The mesh gradient is more advanced than both linear and radial gradients; however, complex mesh gradients put a heavy burden on the users, as they can only be achieved by specifying the positions and colors of many control points.
Thus, linear and radial gradients are easy to use and to specify, but they typically generate simple color gradients. A gradient mesh is more powerful, but is more difficult for designers to use. For example, in order to imitate the smooth gradation of color produced by an airbrush, the user is forced to think about increasing the complexity of the control mesh, rather than simply drawing a color curve. It is also difficult to define a mesh gradient to fill a non-rectangular region, since Bčzier surfaces are typically defined using quadrilateral meshes. Achieving a desired appearance is also time-consuming and non-intuitive, since more complicated effects generally require the user to individually move and color many control points.
The following presents a simplified summary of the invention in order to provide a basic understanding of some aspects of the invention. This summary is not an extensive overview of the invention. It is not intended to identify key/critical elements of the invention or to delineate the scope of the invention. Its sole purpose is to present some concepts of the invention in a simplified form as a prelude to the more detailed description that is presented later.
The present invention provides a system and method to facilitate generation of smooth color gradients using techniques from geometric surface modeling. The system and method of the present invention allow designers to specify very complex gradients in a simple way. A visual designer can edit the color gradient after it is created, and these color gradients can be generated (e.g., very quickly) in accordance with an aspect of the present invention. The resulting color gradient has smoothly varying colors and scales well across various output devices (e.g., form factors and/or display configurations). Color gradients generated in accordance with the present invention enable users to quickly and easily create rich and smooth color gradients that can be efficiently drawn using computer graphics hardware.
One aspect of the present invention provides for graphic representations of color gradients to have a compact representation when compared with conventional graphic representations of gradients. Thus, unlike bitmaps, which often contain a large quantity information, graphic representations based on color gradients generated in accordance with the present invention can be compact; a color gradient generated in accordance with the present invention can be specified using a small amount of data (e.g., amenable to XML markup). Using any suitable transmission format (e.g., markup language), color gradient graphics can be quickly transmitted across computer networks.
In accordance with yet another aspect of the present invention, color gradient graphics facilitate scalability of graphic representations. Whereas a computer that has a high-resolution display can render color gradients as richly as desired, a pocket-sized computer can render a simpler version that is suited for display on small or grayscale screens.
Further, unlike traditional vector graphics, which are usually regarded as flat and cartoon-like, graphics built using color gradients generated in accordance with the present invention can appear as visually rich as bitmap graphics. Yet, vector graphics can build on color gradient, resulting in compact vector graphic representations with rich and smooth color gradients. Thus, in accordance with an aspect of the present invention, color gradients generated in accordance with the present invention can be built top of vector graphics and/or bitmap/raster graphics. Thus, color gradients generated in accordance with the present invention can coexist with previous standards yet offer richer graphics and easier editing experiences.
To the accomplishment of the foregoing and related ends, certain illustrative aspects of the invention are described herein in connection with the following description and the annexed drawings. These aspects are indicative, however, of but a few of the various ways in which the principles of the invention may be employed and the present invention is intended to include all such aspects and their equivalents. Other advantages and novel features of the invention may become apparent from the following detailed description of the invention when considered in conjunction with the drawings.
The present invention is now described with reference to the drawings, wherein like reference numerals are used to refer to like elements throughout. In the following description, for purposes of explanation, numerous specific details are set forth in order to provide a thorough understanding of the present invention. It may be evident, however, that the present invention may be practiced without these specific details. In other instances, well-known structures and devices are shown in block diagram form in order to facilitate describing the present invention.
As used in this application, the term “computer component” is intended to refer to a computer-related entity, either hardware, a combination of hardware and software, software, or software in execution. For example, a computer component may be, but is not limited to being, a process running on a processor, a processor, an object, an executable, a thread of execution, a program, and/or a computer. By way of illustration, both an application running on a server and the server can be a computer component. One or more computer components may reside within a process and/or thread of execution and a component may be localized on one computer and/or distributed between two or more computers.
Further, a “path” is a two-dimensional curve that can be represented in any suitable manner. For example, well-known two-dimensional curves include Bčzier curves, B-Splines, polylines (e.g., a set of line segments where the end of one line segment connects to the beginning of the next line segment, except for the last line segment) and Hermite splines. A path has an associated set of colors that map to points on the path. Each point on the path either has a color directly associated with it, or it has a color that is interpolated based on the location of the point on the path.
As discussed above, traditional methods for defining color gradients involve specification of a single line segment or of a complex surface mesh such as a two dimensional Bčzier surface. Linear gradients and radial gradients are specified simply with one single line segment and a set of associated colors, but they produce only simple color gradients. A gradient mesh that uses a two dimensional Bčzier surface offers more flexibility, but is hard to create and edit. The present invention offers a way to specify smooth color gradients in a much more general way that is easy to create and edit, and fast for the computer to display.
The system 100 can employ well-known techniques from the field of computer graphics, specifically free-form shape design and geometric surface modeling. Free-form shape design is often used in computer aided geometric design (CAGD) for modeling three-dimensional objects. In order to model a geometric surface in three-dimensions, designers specify constraint curves in three-dimensions. A computer program then constructs a smooth interpolating surface that passes through all the constraint curves. It chooses the surface that minimizes some measure of smoothness and/or curvature. This is known as variational surface modeling, and has only been applied to modeling geometric surfaces in three-dimensions. The system 100 constructs a smooth surface that interpolates the colors. The system 100 can use traditional geometric surface reconstruction techniques in a novel way to generate smooth color gradients. The resulting color gradient has smoothly varying colors and scales well across various output devices (e.g., form factors and/or display configurations).
Turning briefly to
The feature curves 220 are a set of zero or more curves contained within the outer boundary curve 210. Each feature curve 220 may be open or closed, and generally the feature curves do not intersect. However, intersecting feature curves 220 can be decomposed into a set of mutually-disjoint non-intersecting curves that meet at the points of intersection.
A hole 230 is a region within the outer boundary curve 210 that is removed from the final color gradient. A hole is typically specified (e.g., based, at least in part, upon user input) by identifying a closed feature curve whose interior is to remain unfilled.
The interior 240 is the set of points within the outer boundary curve 210, excluding any points along the feature curves 220. For a non-simple outer boundary curve 210, the interior 240 can be defined using a form of fill rule (e.g., defined in the same ways that a curve is filled for traditional Bčzier curve and/or polygon rendering).
Note that the curves comprising the feature curves 220 and the outer boundary curve 210 are one-dimensional objects, as they can each be parameterized using a single argument in the form f: t→(x,y,color). The result of filling the interior is a two-dimensional object, since it requires two arguments and is parameterized as g: (x,y)→color. This is true whether the output is stored as a triangulation (e.g., vector approach) or as a raster (e.g., PDE approach).
Thus, in accordance with an aspect of the present invention, the system 100 computes and stores an approximation of the perfect solution (e.g., via vector-based interpolation and/or the PDE approach), thus yielding a perceptually resolution-independent output. That is, the resolution limits of the display surface (e.g., CRT, LCD, monitor and/or printer) are exploited. Generally, display surfaces have a finite number of dots per inch (DPI), limiting the amount of information that they can display. These physical limits have the effect of diminishing returns for solving the color gradient path interpolation at any resolution higher than that which the display surface can display.
In one example, for ease of implementation, outer boundary curves are closed and feature curves are non-intersecting and fully contained within the outer boundary curves. However, the system 100 can include pre-processing of outer boundary curves and/or feature curves to modify any invalid curves to conform to these constraints. For example, if two or more feature curves intersect, they can be broken up into sub-curves with common endpoints at the points of intersection.
Referring briefly to
For example, to create a smooth color gradient using the system 100, a user (not shown) can draw any number of boundary curves and/or feature curves. In contrast to linear and radial gradients, which can generally handle only a single straight line segment, the system 100 can handle any quantity and kind of two-dimensional curves.
The boundary curves and feature curves are sometimes referred to herein as “gradient paths.” The system 100 can employ these gradient paths to construct a smooth color gradient using one or more boundary curves (e.g., closed paths) and zero or more feature curves. Generally, each boundary curve has no endpoints and encloses an area.
Additionally, a path can intersect with itself or other paths. For example, if there are multiple associated colors at path intersections, the user can specify the appropriate behavior. In one example, the user can choose to average colors, ignore colors, or the like. In another example, the system 100 can remove self-intersections by cutting up a path into smaller pieces (e.g., based, at least in part, upon a user's preferences).
The input component 110 receives two-dimensional information defining the spatial location of the gradient paths. In addition, the input component 110 receives information specifying the colors associated with the gradient paths. These colors may be specified in any color space. In one example, the system 100 represents colors in grayscale (one-dimensional) form, which makes the process of constructing a color gradient simpler and faster. In another example, the system 100 represents colors in a commonly used three-dimensional color space, such as red, green, blue (RGB) color space; hue, saturation, value (HSV) color space; hue, lightness, saturation (HLS) color space; CIE L*a*b* color space; or CIE XYZ color space. It is to be appreciated that the system 100 can also represent colors in a higher-dimensional color space, such as cyan, magenta, yellow, black (CMYK) color space, or using an approximation of color spectra.
The intermediate representation component 120 may convert the input color information from one color space to another color space more suitable for the gradient generator 130. In addition, the intermediate representation component 120 may transform the boundary curve(s) and/or feature curve(s) into an intermediate representation suitable for use with the interpolation method(s) employed by the gradient generator 130. As discussed below, the intermediate curve representation is optional if the gradient generator 130 relies on an interpolation method that can operate directly on the original boundary curve(s) and/or feature curve(s).
For example, for a vector-based interpolation method, the intermediate representation component 120 can provide an intermediate representation based, at least in part, upon polylines used to approximate the boundary curve(s) and/or feature curve(s). Further, for a pixel-based PDE method, the intermediate representation component 120 can provide an intermediate representation based, at least in part, upon a regular grid or an irregular mesh that includes approximations of the boundary curve(s) and/or feature curve(s).
For interpolation methods that rely on approximations of the curves, the gradient generator 130 receives the intermediate representation of the boundary curve(s) and/or feature curve(s) from the intermediate representation component 120. It is to be appreciated that for interpolation methods that operate directly on input curves (e.g., boundary curve(s) and/or feature curve(s)), the gradient generator 130 receives the input curve(s) directly from the input component 110. The gradient generator 130 generates color gradient(s) that can be stored in one or more representations (e.g., raster grid and/or triangulation with colors defined at vertices of triangles). The color gradient(s) can be generated using standard computer graphics hardware and/or software rendering technique(s).
In one example, the gradient generator 130 employs a vector-based interpolation method. This method eschews rasters and pixels in favor of the more inherently resolution-independent vectors. A planar mesh of non-overlapping triangles (a triangulation) is employed to represent the gradient path solution (e.g., color gradient). The triangulation includes a set of triangles with a color defined at each vertex of each triangle. To display the triangulation in a resolution-independent fashion, the Gouraud-shaded triangle drawing capability of conventional graphics cards can be utilized.
The use of a triangulation can be beneficial, for example, as the color gradient can be magnified to any degree without the appearance of pixellated artifacts. However, under certain circumstances, the solution can lack accuracy. This is analogous to the problem of sampling a smooth curve with line segments, especially in the context of drawing it on a display.
Referring briefly to
In one example, a valid color gradient is maintained at each intermediate step of refinement. However, the color gradient generally starts out as a coarse approximation of the perfect solution, and several refinement steps are then applied to improve this approximation.
Turning briefly to
The invention may be described in the general context of computer-executable instructions, such as program modules, executed by one or more components. Generally, program modules include routines, programs, objects, data structures, etc. that perform particular tasks or implement particular abstract data types. Typically the functionality of the program modules may be combined or distributed as desired in various embodiments.
At 1430, a determination is made as to whether refinement criteria have been met. In one example, the refinement criteria can be based, at least in part, upon an error threshold. In another example, only non-input edges are permitted to be refined. For example, the refinement predicate can be defined as:
If the determination at 1430 is YES, no further processing occurs. If the determination at 1430 is NO, then each triangle in need of refinement is split to produce more triangles at 1440. In this example, refinement of a triangle is accomplished by adding the centroid of the triangle (e.g., intersection of medians which connect vertices of the triangle to opposite midpoints) to the triangulation. The color of the newly introduced centroid is based, at least in part, upon the colors of the triangle's vertices (e.g., substantially equal to the average of the triangle's vertices' colors). At 1450, the colors and positions of the newly added centroids are blended with the colors and positions of surrounding vertices, in this example using Laplacian smoothing, and processing continues at 1430. It is to be appreciated that other methods of refining the triangulation (e.g., splitting edges rather than triangles) and other methods of smoothing the colors and positions of vertices are also possible.
Referring back to
Turning briefly to
This equation encodes the boundary value problem (BVP) being solved by the gradient generator 130. The boundary in this case is the set of curves for which color information is known, that is, the outer boundary curve and any feature curve(s). The problem is then to “fill in” the unknown pixel colors in the region delimited by this boundary using the information defined on the boundary.
There are several well-known approaches to solving this PDE: (1) finite differences, (2) successive over-relaxation (SOR), and/or, (3) multi-grid solvers. In one example, the SOR implementation is employed. In another example, the multi-grid solver implement is utilized. The multi-grid implementation can provide a multi-resolution method which enables faster re-calculation at progressively higher resolutions. In other words, dynamic re-calculation of a PDE solution at arbitrarily higher resolutions can be provided by applying multi-grid steps to obtain a refinement of the coarse solution. This enables a fast method for resolution-independent redrawing of the gradient path interpolation.
In one example, in order to make the PDE approach resolution-independent, the PDE solution is dynamically re-calculated at the resolution of the display (e.g., when the solution resolution is determined to be too coarse). Referring briefly to
Those skilled in the art will recognize that the present invention is not limited to two-dimensions. The general case of N dimensions is posed in a similar form (the equation ∇2u=0 in an N-dimensional space expands to a sum of N terms), but the solution procedure becomes more complicated. For example, to achieve analogous results in three-dimensions, the outer boundary is a surface (as opposed to a curve in two-dimensions), and inner boundaries can be any combination of curves or surfaces. Note that gradient path interpolation of three-dimensional boundaries is different from the application of the two-dimension gradient path interpolation to textures on a three-dimensional model.
Thus, while the present invention has been described with regard to two dimensions, those skilled in the art will recognize that the present invention is not so limited. Accordingly, in accordance with an aspect of the present invention, the system 100 can be employed to generate color gradient surfaces with three-dimensional graphical representations.
Next, turning to
In order to provide additional context for various aspects of the present invention,
With reference to
The system bus 2018 can be any of several types of bus structure(s) including the memory bus or memory controller, a peripheral bus or external bus, and/or a local bus using any variety of available bus architectures including, but not limited to, an 8-bit bus, Industrial Standard Architecture (ISA), Micro-Channel Architecture (MSA), Extended ISA (EISA), Intelligent Drive Electronics (IDE), VESA Local Bus (VLB), Peripheral Component Interconnect (PCI), Universal Serial Bus (USB), Advanced Graphics Port (AGP), Personal Computer Memory Card International Association bus (PCMCIA), and Small Computer Systems Interface (SCSI).
The system memory 2016 includes volatile memory 2020 and nonvolatile memory 2022. The basic input/output system (BIOS), containing the basic routines to transfer information between elements within the computer 2012, such as during start-up, is stored in nonvolatile memory 2022. By way of illustration, and not limitation, nonvolatile memory 2022 can include read only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable ROM (EEPROM), or flash memory. Volatile memory 2020 includes random access memory (RAM), which acts as external cache memory. By way of illustration and not limitation, RAM is available in many forms such as synchronous RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDR SDRAM), enhanced SDRAM (ESDRAM), Synchlink DRAM (SLDRAM), and direct Rambus RAM (DRRAM).
Computer 2012 also includes removable/nonremovable, volatile/nonvolatile computer storage media.
It is to be appreciated that
A user enters commands or information into the computer 2012 through input device(s) 2036. Input devices 2036 include, but are not limited to, a pointing device such as a mouse, trackball, stylus, touch pad, keyboard, microphone, joystick, game pad, satellite dish, scanner, TV tuner card, digital camera, digital video camera, web camera, and the like. These and other input devices connect to the processing unit 2014 through the system bus 2018 via interface port(s) 2038. Interface port(s) 2038 include, for example, a serial port, a parallel port, a game port, and a universal serial bus (USB). Output device(s) 2040 use some of the same type of ports as input device(s) 2036. Thus, for example, a USB port may be used to provide input to computer 2012, and to output information from computer 2012 to an output device 2040. Output adapter 2042 is provided to illustrate that there are some output devices 2040 like monitors, speakers, and printers among other output devices 2040 that require special adapters. The output adapters 2042 include, by way of illustration and not limitation, video and sound cards that provide a means of connection between the output device 2040 and the system bus 2018. It should be noted that other devices and/or systems of devices provide both input and output capabilities such as remote computer(s) 2044.
Computer 2012 can operate in a networked environment using logical connections to one or more remote computers, such as remote computer(s) 2044. The remote computer(s) 2044 can be a personal computer, a server, a router, a network PC, a workstation, a microprocessor based appliance, a peer device or other common network node and the like, and typically includes many or all of the elements described relative to computer 2012. For purposes of brevity, only a memory storage device 2046 is illustrated with remote computer(s) 2044. Remote computer(s) 2044 is logically connected to computer 2012 through a network interface 2048 and then physically connected via communication connection 2050. Network interface 2048 encompasses communication networks such as local-area networks (LAN) and wide-area networks (WAN). LAN technologies include Fiber Distributed Data Interface (FDDI), Copper Distributed Data Interface (CDDI), Ethernet/IEEE 802.3, Token Ring/IEEE 802.5 and the like. WAN technologies include, but are not limited to, point-to-point links, circuit switching networks like Integrated Services Digital Networks (ISDN) and variations thereon, packet switching networks, and Digital Subscriber Lines (DSL).
Communication connection(s) 2050 refers to the hardware/software employed to connect the network interface 2048 to the bus 2018. While communication connection 2050 is shown for illustrative clarity inside computer 2012, it can also be external to computer 2012. The hardware/software necessary for connection to the network interface 2048 includes, for exemplary purposes only, internal and external technologies such as, modems including regular telephone grade modems, cable modems and DSL modems, ISDN adapters, and Ethernet cards.
What has been described above includes examples of the present invention. It is, of course, not possible to describe every conceivable combination of components or methodologies for purposes of describing the present invention, but one of ordinary skill in the art may recognize that many further combinations and permutations of the present invention are possible. Accordingly, the present invention is intended to embrace all such alterations, modifications and variations that fall within the spirit and scope of the appended claims. Furthermore, to the extent that the term “includes” is used in either the detailed description or the claims, such term is intended to be inclusive in a manner similar to the term “comprising” as “comprising” is interpreted when employed as a transitional word in a claim.