Graphic Rendering With Vertex Fillets and Edge Effects
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing graphics rendering methods fail to effectively render graphics with vertex filleted corners and edge effects, such as border highlighting, which are common in various UI elements like progress bars.
Innovation Solution
A graphics rendering method that determines an offset value and size of a vertex filleted corner for a to-be-processed mask based on a progress value, allowing for rendering of graphics with vertex filleted corners and edge effects by considering the intersection of the mask with the graphic.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If existing graphics rendering methods are used, then simple regular graphics can be rendered, but graphics with vertex filleted corners and edge effects cannot be rendered
Solution Approach 1:
The rendering process is segmented into multiple independent stages: vertex shader for position calculation, fragment shader for color and effect calculation, and mask processing for edge effects. This segmentation allows each stage to handle specific aspects of complex graphic rendering independently, enabling support for vertex filleted corners and edge effects while maintaining rendering accuracy.
Solution Approach 2:
A mask is introduced as an intermediary element to achieve edge effects and border highlighting. The mask processing unit uses the mask to control the rendering of edge areas, enabling precise control over edge effects without affecting the overall rendering pipeline. This intermediary approach resolves the contradiction by adding a dedicated mechanism for edge effect handling.
2Adaptability or versatility
If graphics with vertex filleted corners and edge effects are rendered, then UI texture and richness are enhanced, but rendering complexity increases
Solution Approach 1:
The patent replaces traditional mechanical rendering approaches with shader-based programmable graphics processing. Vertex shaders and fragment shaders substitute for complex geometric calculations and manual rendering logic, enabling complex effects like vertex filleted corners and edge effects to be achieved through programmable code rather than complex rendering pipeline modifications.
Solution Approach 2:
The rendering system uses parameter-based control to manage complexity. By adjusting parameters in the vertex shader, fragment shader, and mask configuration, different graphic styles can be achieved without fundamentally changing the rendering architecture. This parameter-driven approach allows versatile graphic rendering while keeping the system structure manageable.
3Manufacturing precision
If a mask covering the border is used to achieve edge effects, then border highlighting is realized, but the intersection of mask and graphic must be precisely calculated
Solution Approach 1:
The patent uses GPU-based fragment shader programming to replace complex CPU-side mask intersection calculations. The fragment shader automatically calculates which pixels are inside or outside the mask boundary using built-in graphics hardware capabilities, eliminating the need for manual geometric intersection algorithms and achieving precise edge effects efficiently.
Data Source
Figure 1~4
Figure 5~6
Figure 7
AI summary
The present disclosure provides a graphics rendering method and apparatus, and a storage medium. In the method, a to-be-rendered graphic is determined, then an offset value and a size of a vertex filleted corner of a corresponding to-be-processed mask are determined based on a progress value of the to-be-rendered graphic, where the to-be-rendered graphic includes one or more vertex filleted corners, so that graphics rendering is performed on a UI based on the offset value and the size of the vertex filleted corner of the to-be-processed mask, thereby realizing the rendering of a graphic including a vertex filleted corner. Moreover, a vertex filleted corner at which the to-be-processed mask intersects with the to-be-rendered graphic is considered when the graphics rendering is performed according to embodiments of the present disclosure, thereby realizing the rendering of edge effects of the to-be-rendered graphic, such as the rendering of effects such as border (or edge) highlighting of the to-be-rendered graphic, and thereby enhancing the texture of the UI and the richness of the rendering effects.