CN105045476A - Method and device for acquiring spotlight graph - Google Patents

Abstract

The embodiment of the invention discloses a method and a device for acquiring a spotlight graph, wherein a circle of a spotlight is acquired, and the center point of the circle is the position of the spotlight on a screen; acquiring a preset number of graphs, wherein the graphs are triangular or polygonal, and the vertexes of the graphs comprise the center point of the circle and at least two points on the circumference of the circle; setting a color value of a center of the circle as a first color value, and setting color values of points other than the center point of the circle on the graph as a second color value; and acquiring the graph after the color is changed according to a preset color change algorithm, wherein the change is the change of the color value from the first color value to the second color value, so that the spotlight is brightest at the center of the lamp, the brightness is gradually decreased towards the periphery, and finally a fuzzy effect is achieved in a given range, so that the line of sight of people causes a divergence effect of the spotlight.

Description

A method and device for obtaining spotlight graphics

technical field

Embodiments of the present invention relate to the technical field of mobile terminals, and in particular to a method and device for acquiring spotlight graphics.

Background technique

At present, in graphics processing, the effect of many spotlights is a completely transparent circular block on the top layer of the display layer, which is used to see through the objects in the lower layer. It is only a perspective area, and there is no such thing as a spotlight effect.

Contents of the invention

The purpose of the embodiments of the present invention is to provide a method and device for acquiring spotlight graphics, aiming at solving the problem of how to improve the display effect of the spotlight.

To achieve this purpose, the embodiments of the present invention adopt the following technical solutions:

A method for obtaining spotlight graphics, the method comprising:

Obtain the circle of the spotlight, and the center point of the circle is the position of the spotlight on the screen;

Obtain a preset number of graphics, the graphics are triangles or polygons, and the vertices of the graphics include the center point of the circle and at least two points on the circumference of the circle;

Setting the color value of the center of the circle as a first color value, and setting the color values of other points on the graph except the center point of the circle as a second color value;

The graph after the color change is acquired according to a preset color change algorithm, the change being a change of a color value from the first color value to the second color value.

Preferably, the acquisition of a preset number of graphics, the graphics are triangles or polygons, the vertices of the graphics include the center point of the circle and at least two points on the circumference of the circle, including:

Divide the circle evenly into N equal parts;

Obtaining the coordinates of the divided N+1 points, where the coordinates of the N+1 points are the coordinates of the N+1 points where N equal circles intersect the circumference of the spotlight;

Acquire N triangles according to the coordinates of the N+1 points, and the vertices of the triangles are respectively the center of the circle and two adjacent points among the N+1 points.

Preferably, the said graph after the color change is acquired according to the preset color change algorithm, the change is the change of the color value from the first color value to the second color value, including:

A gradient color of the N triangles from white to black is acquired according to a preset rendering algorithm, the first color value is white, and the second color value is black.

Preferably, the acquisition of the graph after color change according to a preset color change algorithm, where the change is after a color value changes from the first color value to the second color value, further includes:

receiving position coordinates of a trigger point of the user on the screen;

judging whether the position coordinates of the trigger point are within the coordinate range of the spotlight circle;

If the position coordinates of the trigger point are within the coordinate range of the spotlight circle, then acquire an instruction that the trigger point slides on the screen;

The position of the center point of the spotlight is moved according to the instruction.

Preferably, the moving the position of the center point of the spotlight according to the instruction includes:

If the instruction is to move to the left, move the position of the center point of the spotlight to the left;

If the instruction is to move to the right, then move the position of the center point of the spotlight to the right;

If the instruction is to move upward, move the position of the center point of the spotlight upward;

If the instruction is to move downward, move the position of the center point of the spotlight downward.

A device for obtaining spotlight graphics, the device comprising:

The first obtaining module is used to obtain the circle of the spotlight, and the center point of the circle is the position of the spotlight on the screen;

The second acquisition module is used to acquire a preset number of graphics, the graphics are triangles or polygons, and the vertices of the graphics include the center point of the circle and at least two points on the circumference of the circle;

A setting module, configured to set the color value of the center of the circle as the first color value, and set the color values of points other than the center point of the circle on the graph as the second color value;

The third acquisition module is configured to acquire the color-changed graphic according to a preset color change algorithm, the change being a change of a color value from the first color value to the second color value.

Preferably, the second acquisition module includes:

A division unit, configured to evenly divide the circle into N equal parts;

The first acquisition unit is configured to acquire the coordinates of the divided N+1 points, where the coordinates of the N+1 points are the coordinates of the N+1 points where N equal circles intersect the circumference of the spotlight ;

The second acquisition unit is configured to acquire N triangles according to the coordinates of the N+1 points, and vertices of the triangles are respectively the center of the circle and two adjacent points among the N+1 points.

Preferably, the third acquisition module includes:

The third acquisition unit is configured to acquire a gradient color of the N triangles from white to black according to a preset rendering algorithm, the first color value is white, and the second color value is black.

Preferably, the device also includes:

A receiving module, configured to receive the position coordinates of the user's trigger point on the screen;

A judging module, configured to judge whether the position coordinates of the trigger point are within the coordinate range of the spotlight circle;

An acquisition module, configured to acquire an instruction that the trigger point slides on the screen if the position coordinates of the trigger point are within the coordinate range of the spotlight circle;

The moving module moves the position of the center point of the spotlight according to the instruction.

Preferably, the mobile module includes:

a first moving unit, configured to move the position of the center point of the spotlight to the left if the instruction is to move to the left;

a second moving unit, configured to move the position of the center point of the spotlight to the right if the instruction is to move to the right;

A third moving unit, configured to move upward the position of the center point of the spotlight if the instruction is to move upward;

The fourth moving unit is configured to move the position of the center point of the spotlight downward if the instruction is to move downward.

The present invention realizes by obtaining the circle of the spotlight, and the center point of the circle is the position of the spotlight on the screen; obtaining a preset number of graphics, the graphics are triangles or polygons, and the vertices of the graphics include the The center point of the circle and at least two points on the circumference of the circle; the color value of the center of the circle is set as the first color value, and the other points on the graph except the center point of the circle are set The color value of the point is set as a second color value; the graph after the color change is obtained according to a preset color change algorithm, the change is a change of a color value from the first color value to the second color value, In this way, the spotlight is the brightest in the center of the lamp, and the brightness gradually decreases to the surroundings, and finally achieves a blur effect within a given range, causing the divergence effect of the spotlight to give people's sight.

Description of drawings

FIG. 1 is a schematic flow chart of the first embodiment of the method for acquiring spotlight graphics according to the embodiment of the present invention;

Fig. 2 is a schematic flow chart of the second embodiment of the method for acquiring a spotlight according to the embodiment of the present invention;

FIG. 3 is a schematic diagram of functional modules of a device for acquiring spotlight graphics according to an embodiment of the present invention;

FIG. 4 is a schematic diagram of functional modules of a second acquisition module 302 according to an embodiment of the present invention;

FIG. 5 is a schematic diagram of functional modules of a third acquisition module 304 according to an embodiment of the present invention;

FIG. 6 is a schematic diagram of functional modules of a device for acquiring spotlight graphics according to an embodiment of the present invention;

Fig. 7 is a schematic diagram of functional modules of the mobile module 308 according to the embodiment of the present invention.

Detailed ways

The embodiments of the present invention will be further described in detail below in conjunction with the drawings and embodiments. It should be understood that the specific embodiments described here are only used to explain the embodiments of the present invention, rather than to limit the embodiments of the present invention. In addition, it should be noted that, for the convenience of description, the drawings only show some but not all structures related to the embodiments of the present invention.

Embodiment one

Referring to FIG. 1 , FIG. 1 is a schematic flowchart of a first embodiment of a method for acquiring spotlight graphics according to an embodiment of the present invention.

In Embodiment 1, the method for acquiring spotlight graphics includes:

Step 101, obtaining the circle of the spotlight, and the center point of the circle is the position of the spotlight on the screen;

Specifically, create a new layer on the screen, and set the color of the layer to black. The position coordinates P(x, y) of the spotlight on the screen and the radius R of the spotlight are given, and the color of point P in this layer is set to black and transparent.

Step 102, obtaining a preset number of graphics, the graphics are triangles or polygons, and the vertices of the graphics include the center point of the circle and at least two points on the circumference of the circle;

Preferably, the acquisition of a preset number of graphics, the graphics are triangles or polygons, the vertices of the graphics include the center point of the circle and at least two points on the circumference of the circle, including:

Divide the circle evenly into N equal parts;

Obtaining the coordinates of the divided N+1 points, where the coordinates of the N+1 points are the coordinates of the N+1 points where N equal circles intersect the circumference of the spotlight;

Acquire N triangles according to the coordinates of the N+1 points, and the vertices of the triangles are respectively the center of the circle and two adjacent points among the N+1 points.

Specifically, the circle of the spotlight is divided into N parts, and the angle of each part is a=2*π/N. The coordinates of the N fixed points that divide the N area are calculated through the radius and the coordinates of the spotlight as follows:

The coordinates of the i-th point are: x=R*cos(i*a); y=R*sin(i*a); i is from 0 to N, and the color value of the i-th point is set to black and opaque.

Step 103, setting the color value of the center of the circle as the first color value, and setting the color values of other points on the graphic except the center point of the circle as the second color value;

Step 104: Obtain the graphic after color change according to a preset color change algorithm, where the change is a change of a color value from the first color value to the second color value.

Preferably, the said graph after the color change is acquired according to the preset color change algorithm, the change is the change of the color value from the first color value to the second color value, including:

A gradient color of the N triangles from white to black is acquired according to a preset rendering algorithm, the first color value is white, and the second color value is black.

Specifically, take out two adjacent fixed points such as (0,1)(1,2),...(N-1, N+1) from N fixed points in order, and form a triangle with the coordinate point p of the spotlight respectively , and use OpenGL's triangle rendering method to render these triangle rows. The color value of each vertex is known above. OpenGL will render the triangle according to the color value change trend. For example, point a is red, point b is white, and a to b will be changed Red to white trend.

The present invention realizes by obtaining the circle of the spotlight, and the center point of the circle is the position of the spotlight on the screen; obtaining a preset number of graphics, the graphics are triangles or polygons, and the vertices of the graphics include the The center point of the circle and at least two points on the circumference of the circle; the color value of the center of the circle is set as the first color value, and the other points on the graph except the center point of the circle are set The color value of the point is set as a second color value; the graph after the color change is obtained according to a preset color change algorithm, the change is a change of a color value from the first color value to the second color value, In this way, the spotlight is the brightest in the center of the lamp, and the brightness gradually decreases to the surroundings, and finally achieves a blur effect within a given range, causing the divergence effect of the spotlight to give people's sight.

Embodiment two

Referring to FIG. 2 , FIG. 2 is a schematic flowchart of a second embodiment of a method for acquiring a spotlight according to an embodiment of the present invention.

In the second embodiment, the graph obtained after the color change is obtained according to the preset color change algorithm, the change is after the color value changes from the first color value to the second color value, and further includes :

Step 105, receiving the position coordinates of the user's trigger point on the screen;

Step 106, judging whether the position coordinates of the trigger point are within the coordinate range of the circle of the spotlight;

Step 107, if the position coordinates of the trigger point are within the coordinate range of the spotlight circle, obtain an instruction for the trigger point to slide on the screen;

Step 108, move the position of the center point of the spotlight according to the instruction.

Preferably, the moving the position of the center point of the spotlight according to the instruction includes:

If the instruction is to move to the left, move the position of the center point of the spotlight to the left;

If the instruction is to move to the right, then move the position of the center point of the spotlight to the right;

If the instruction is to move upward, move the position of the center point of the spotlight upward;

If the instruction is to move downward, move the position of the center point of the spotlight downward.

Specifically, by detecting the user's touch screen position within the spotlight range of the screen, if the touch screen position is within the circle of the spotlight, further detecting the direction in which the user slides on the touch screen, and moving the spotlight according to the direction.

Embodiment three

Referring to FIG. 3 , FIG. 3 is a schematic diagram of functional modules of an apparatus for acquiring a spotlight image according to an embodiment of the present invention.

In the third embodiment, the device for acquiring spotlight graphics includes:

The first acquiring module 301 is configured to acquire a circle of a spotlight, and the center point of the circle is the position of the spotlight on the screen;

Specifically, create a new layer on the screen, and set the color of the layer to black. The position coordinates P(x, y) of the spotlight on the screen and the radius R of the spotlight are given, and the color of point P in this layer is set to black and transparent.

The second acquisition module 302 is used to acquire a preset number of graphics, the graphics are triangles or polygons, and the vertices of the graphics include the center point of the circle and at least two points on the circumference of the circle ;

Preferably, refer to FIG. 4 , which is a schematic diagram of functional modules of the second acquisition module 302 according to an embodiment of the present invention.

The second acquisition module 302 includes:

A dividing unit 401, configured to evenly divide the circle into N equal parts;

The first acquisition unit 402 is configured to acquire the coordinates of the divided N+1 points, where the coordinates of the N+1 points are the N+1 points where N equal circles intersect the circumference of the spotlight coordinate;

The second obtaining unit 403 is configured to obtain N triangles according to the coordinates of the N+1 points, and vertices of the triangles are respectively the center of the circle and two adjacent points among the N+1 points.

Specifically, the circle of the spotlight is divided into N parts, and the angle of each part is a=2*π/N. The coordinates of the N fixed points that divide the N area are calculated through the radius and the coordinates of the spotlight as follows:

The coordinates of the i-th point are: x=R*cos(i*a); y=R*sin(i*a); i is from 0 to N, and the color value of the i-th point is set to black and opaque.

A setting module 303, configured to set the color value of the center of the circle as a first color value, and set the color values of points other than the center point of the circle on the graph as a second color value;

The third obtaining module 304 is configured to obtain the graph after color change according to a preset color change algorithm, the change being a change of a color value from the first color value to the second color value.

Preferably, FIG. 5 is a schematic diagram of functional modules of the third acquisition module 304 according to the embodiment of the present invention.

The third acquisition module 304 includes:

The third obtaining unit 500 is configured to obtain a gradient color of the N triangles from white to black according to a preset rendering algorithm, the first color value is white, and the second color value is black.

Specifically, take out two adjacent fixed points such as (0,1)(1,2),...(N-1, N+1) from N fixed points in order, and form a triangle with the coordinate point p of the spotlight respectively , and use OpenGL's triangle rendering method to render these triangle rows. The color value of each vertex is known above, and OpenGL will render the triangle according to the color value change trend. For example, point a is red, point b is white, and a to b will be changed Red to white trend.

The present invention realizes by obtaining the circle of the spotlight, and the center point of the circle is the position of the spotlight on the screen; obtaining a preset number of graphics, the graphics are triangles or polygons, and the vertices of the graphics include the The center point of the circle and at least two points on the circumference of the circle; the color value of the center of the circle is set as the first color value, and the other points on the graph except the center point of the circle are set The color value of the point is set as a second color value; the graph after the color change is obtained according to a preset color change algorithm, the change is a change of a color value from the first color value to the second color value, In this way, the spotlight is the brightest in the center of the lamp, and the brightness gradually decreases to the surroundings, and finally achieves a blur effect within a given range, causing the divergence effect of the spotlight to give people's sight.

Embodiment four

Referring to FIG. 6 , FIG. 6 is a schematic diagram of functional modules of an apparatus for acquiring a spotlight image according to an embodiment of the present invention.

On the basis of embodiment three, the device also includes:

A receiving module 305, configured to receive the position coordinates of the user's trigger point on the screen;

A judging module 306, configured to judge whether the position coordinates of the trigger point are within the coordinate range of the spotlight circle;

The third acquiring module 307 is configured to acquire an instruction for the trigger point to slide on the screen if the position coordinates of the trigger point are within the coordinate range of the spotlight circle;

A moving module 308, configured to move the position of the center point of the spotlight according to the instruction.

Preferably, refer to FIG. 7 , which is a schematic diagram of functional modules of the mobile module 308 according to an embodiment of the present invention. The mobile module 308 includes:

The first moving unit 701 is configured to move the position of the center point of the spotlight to the left if the instruction is to move to the left;

The second moving unit 702 is configured to move the position of the center point of the spotlight to the right if the instruction is to move to the right;

The third moving unit 703 is configured to move the position of the center point of the spotlight upward if the instruction is to move upward;

The fourth moving unit 704 is configured to move the position of the center point of the spotlight downward if the instruction is to move downward.

Specifically, by detecting the position of the user's touch screen within the range of the spotlight on the screen, if the touch screen position is within the circle of the spotlight, further detecting the direction in which the user slides on the touch screen, and moving the spotlight according to this direction.

The above describes the technical principles of the embodiments of the present invention in conjunction with specific embodiments. These descriptions are only for explaining the principles of the embodiments of the present invention, and cannot be construed as limiting the protection scope of the embodiments of the present invention in any way. Based on the explanations herein, those skilled in the art can think of other specific implementation manners of the embodiments of the present invention without creative efforts, and these manners will fall within the protection scope of the embodiments of the present invention.

Claims (10)

1. A method for obtaining spotlight graphics, characterized in that the method comprises: Obtain the circle of the spotlight, and the center point of the circle is the position of the spotlight on the screen; Obtain a preset number of graphics, the graphics are triangles or polygons, and the vertices of the graphics include the center point of the circle and at least two points on the circumference of the circle; Setting the color value of the center of the circle as a first color value, and setting the color values of other points on the graph except the center point of the circle as a second color value; The graph after the color change is acquired according to a preset color change algorithm, the change being a change of a color value from the first color value to the second color value. 2. The method according to claim 1, characterized in that, said obtaining a preset number of graphics, said graphics are triangles or polygons, the vertices of said graphics include the central point of said circle and at least two points on the circumference of said circle, including: Divide the circle evenly into N equal parts; Obtaining the coordinates of the divided N+1 points, where the coordinates of the N+1 points are the coordinates of the N+1 points where N equal circles intersect the circumference of the spotlight; Acquire N triangles according to the coordinates of the N+1 points, and the vertices of the triangles are respectively the center of the circle and two adjacent points among the N+1 points. 3. The method according to claim 1, wherein the graph obtained after the color change is obtained according to a preset color change algorithm, and the change is that the color value is from the first color value to the second color value Two color value changes, including: A gradient color of the N triangles from white to black is acquired according to a preset rendering algorithm, the first color value is white, and the second color value is black. 4. The method according to any one of claims 1 to 3, wherein the graph obtained after the color change is obtained according to a preset color change algorithm, the change is that the color value changes from the first color to After the change of value to the second color value, also include: receiving position coordinates of a trigger point of the user on the screen; judging whether the position coordinates of the trigger point are within the coordinate range of the spotlight circle; If the position coordinates of the trigger point are within the coordinate range of the spotlight circle, then acquire an instruction that the trigger point slides on the screen; The position of the center point of the spotlight is moved according to the instruction. 5. The method according to claim 4, wherein the moving the position of the center point of the spotlight according to the instruction comprises: If the instruction is to move to the left, move the position of the center point of the spotlight to the left; If the instruction is to move to the right, then move the position of the center point of the spotlight to the right; If the instruction is to move upward, move the position of the center point of the spotlight upward; If the instruction is to move downward, move the position of the center point of the spotlight downward. 6. A device for obtaining spotlight graphics, characterized in that the device comprises: The first obtaining module is used to obtain the circle of the spotlight, and the center point of the circle is the position of the spotlight on the screen; The second acquisition module is used to acquire a preset number of graphics, the graphics are triangles or polygons, and the vertices of the graphics include the center point of the circle and at least two points on the circumference of the circle; A setting module, configured to set the color value of the center of the circle as the first color value, and set the color values of points other than the center point of the circle on the graph as the second color value; The third acquisition module is configured to acquire the color-changed graphic according to a preset color change algorithm, the change being a change of a color value from the first color value to the second color value. 7. The device according to claim 6, wherein the second acquiring module comprises: A division unit, configured to evenly divide the circle into N equal parts; The first acquisition unit is configured to acquire the coordinates of the divided N+1 points, where the coordinates of the N+1 points are the coordinates of the N+1 points where N equal circles intersect the circumference of the spotlight ; The second acquisition unit is configured to acquire N triangles according to the coordinates of the N+1 points, and vertices of the triangles are respectively the center of the circle and two adjacent points among the N+1 points. 8. The device according to claim 6, wherein the third acquiring module comprises: The third acquiring unit is configured to acquire a gradient color of the N triangles from white to black according to a preset rendering algorithm, the first color value is white, and the second color value is black. 9. The device according to any one of claims 6 to 8, wherein the device further comprises: A receiving module, configured to receive the position coordinates of the user's trigger point on the screen; A judging module, configured to judge whether the position coordinates of the trigger point are within the coordinate range of the spotlight circle; An acquisition module, configured to acquire an instruction that the trigger point slides on the screen if the position coordinates of the trigger point are within the coordinate range of the spotlight circle; A moving module, configured to move the position of the center point of the spotlight according to the instruction. 10. The device according to claim 9, wherein the mobile module comprises: a first moving unit, configured to move the position of the center point of the spotlight to the left if the instruction is to move to the left; a second moving unit, configured to move the position of the center point of the spotlight to the right if the instruction is to move to the right; A third moving unit, configured to move upward the position of the center point of the spotlight if the instruction is to move upward; The fourth moving unit is configured to move the position of the center point of the spotlight downward if the instruction is to move downward.