31 results about "Transparency (graphic)" patented technology

The invention relates to the technical field of graphic rendering, in particular to a user interface element rendering method and system, electronic equipment and a storage medium. The method comprises the following steps: sampling a symbol distance field value in a symbol distance field texture for a screen pixel in a to-be-drawn element; acquiring a local change rate of the symbol distance field value in a screen pixel coordinate system so as to acquire the anti-aliasing width of the screen pixel, and acquiring the first transparency of the screen pixel in combination with the symbol distance field value; sampling a basic color value and original transparency of a screen pixel in the main texture; carrying out additional sampling on the screen pixels in the main texture along the asymmetric direction to obtain a plurality of sampling colors; obtaining the final color value of the screen pixel according to the basic color value of the sampling color, and obtaining the final transparency of the screen pixel according to the first transparency and the original transparency; and rendering the to-be-drawn element according to the final color value and the final transparency. The invention provides a stable, clear and smooth user interface element rendering solution.

The invention provides an image fusion stereoscopic display method and system based on a Unity engine, and relates to the technical field of computer graphics and virtual reality. According to the method, a left-eye camera and a right-eye camera are configured in a Unity scene, left and right view angle images are collected according to interpupillary distance parameters, and left-eye and right-eye rendering textures are generated; generating a UI texture according to the Canvas type of the UI element, executing parallax compensation, pixel alignment and image fusion processing through a Compute Shader, and superposing image layers according to the transparency of the UI texture to generate a synthetic display image; and introducing a previous frame result into the fused image, and realizing time continuous output based on an inter-frame smooth function. And outputting the synthesized texture to a device supporting a plurality of stereoscopic display modes through a graphic rendering pipeline. According to the method, efficient fusion of the 3D image and the UI is realized, the rendering efficiency and the visual immersion are improved, and the method is suitable for scenes such as virtual reality, augmented reality and digital twinning.

The invention discloses a 3D Gaussian splash rendering optimization method based on a Unity engine in VR, and relates to the technical field of computer graphics. PLY point cloud files are converted into SOG high-compression formats containing multi-level LOD information, after low-transparency Gaussian points are removed, Morton coding sorting is carried out on the center coordinates of the Gaussian points, and then the 3D Gaussian splash rendering optimization method based on the Unity engine in VR is realized. The method comprises the following steps: constructing an octree spatial index containing a spatial bounding box and multiple LOD data, removing Gaussian points in a grading manner according to a camera distance, selecting an LOD hierarchy, carrying out deep barrel sorting on visible Gaussian points, executing drawing by taking a barrel as a unit, and combining near-to-far sorting, an improved mixed equation and screen space edge removal and amplification operation to obtain a target image. According to the method, through multi-dimensional optimization such as loading, space elimination and rendering, the loading efficiency of the VR equipment is improved, the rendering burden is reduced, Tile-Based hardware is adapted, and smooth operation of 3D Gaussian splashing on the VR all-in-one machine is realized.

The invention relates to the technical field of graphic image processing, and discloses a personalized replacement cutting deformation rendering method and system for a design file, and the method comprises the steps: 1, analyzing the design file, binding an external material with a target layer according to a replacement mapping table, and obtaining an adaptive material texture; 2, performing normalization deformation to form a single inverse mapping rule; step 3, sampling according to a single inverse mapping rule and applying a mask to obtain a clipped layer; 4, setting a synthesis area for the cutting group, and pre-multiplying transparency accumulation to obtain local synthesis textures of the cutting group; step 5, pasting the texture back to the main canvas and combining the texture with the non-group layer according to a mixed mode; step 6, determining a dirty rectangular region according to propagation change of the layer dependency graph, and generating a multiplexing identifier and a texture fingerprint; and step 7, outputting the main canvas and exporting the texture and metadata. According to the invention, stable, efficient and traceable reuse of integrated online rendering of personalized replacement, cutting and deformation of design files is realized.

The application relates to the technical field of graphic display, and discloses an animation display method, related devices and a storage medium, wherein the animation display method comprises the following steps: S1, in an animation display scene, for a transparent superposition region containing a highlight background in a picture, determining a luminance change range and establishing a corresponding relationship between luminance and transparency, forming a unified display reference basis; S2, according to the display reference basis, performing step-by-step linearization processing on foreground color, background color and transparency, limiting the numerical range of color and transparency, and preventing abnormal deviation of transparency in the highlight pixel interval; through dynamic corresponding and linearization inhibition control of luminance and transparency, the application stabilizes the transparency change in the highlight area, avoids reverse color and light emission artifacts; and through transparent transition layer reconstruction and frame sequence output control, smooth transition and continuous display are realized, and the naturalness and system stability of animation display are improved.

The application provides a multi-screenshot editing and annotation system and a use method thereof, which comprises: a screenshot module, which realizes execution area screenshot, full-screen screenshot or window screenshot operation; an interface control module, which realizes dynamic adjustment of main interface size and menu layout according to screenshot size, controls interface top edge display and shelter area avoidance; a puzzle and overlay module, which realizes zooming, rotating, mirroring or transparency transformation of screenshots and arranges them in an automatic puzzle or overlay mode; a graphic editing module, which realizes addition / modification of graphic elements, realizes picture comparison and CAD auxiliary design function; a graphic and text annotation module, which realizes addition of graphic symbol marks, text annotation and mechanical drawing standard annotation; and a fast picture file management module, which realizes automatic saving of screenshots according to serial numbers, quick browsing and modification and user self-defined setting management. The application provides a more efficient and convenient multi-screenshot editing and annotation system and method, so as to simplify operation process, improve work efficiency and enhance user experience.

The invention discloses a foldable and unfoldable translation result floating window display method and system based on a graphical interface. The method comprises the following steps: when a user triggers translation operation, an OCR (Optical Character Recognition) module extracts a text specified by the user in a graphical interface, and a translation module generates a translation result and instantly displays the translation result on an original interface through a floating window display module. The floating window can be switched between an unfolded state and a folded state according to user operation, and supports automatic folding, language switching and transparency setting. The system can record the floating window state and restore the floating window state during next display. The translation module can use an online or local model to realize quick translation across operating systems and any graphical interface. Through the method and the system, a user can quickly obtain interface text translation without switching applications, so that the cross-language office efficiency and the use experience are improved.

The invention relates to an analog quantity display method, device and system of a monitoring interface and a storage medium, relates to the technical field of data visualization, and at least solves the problems that the monitoring interface cannot display the continuous change trend of parameters, so that the information expression dimension in the monitoring interface is single, the intuition is poor, and the early warning is lacked. The method comprises the following steps: constructing a preset mapping curve representing a mapping relation between an analog quantity value and a style component according to a plurality of preset feature points of a target graphic element input by a user; the style component comprises color and transparency; the analog quantity value is used for indicating the to-be-displayed color and transparency of the target graphic element; acquiring a detected current analog quantity value in real time; determining a target style component corresponding to the current analog quantity value according to a preset mapping curve; the target style component comprises a target color value and a target transparency value; and adjusting the color and transparency of the preset graphic element in real time according to the target style component.

Content transparency control implemented on a central processing unit, or a graphics processing unit to post-process live video content requires direct access to double data rate memory and can demand significant amounts of power. A solution addresses this issue by exploiting temporal noise reduction hardware and software already included in an image signal processor. The temporal noise reduction hardware and software are modified to support content transparency control in tandem with temporal noise reduction. Specifically, the feedback weight map and the output weight map used in temporal noise reduction to blend an input image and a retrieved reference image can be controlled based on a semantic map to effectuate content transparency control.

The application provides an image fusion stereoscopic display method and system based on a Unity engine, and relates to the fields of computer graphics and virtual reality technology.The method configures left-eye and right-eye cameras in a Unity scene, collects left and right view angle images according to a pupil distance parameter, and generates left-eye and right-eye rendering textures;UI textures are generated according to the Canvas types of UI elements, and parallax compensation, pixel alignment and image fusion processing are performed through Compute Shader, the UI texture transparency is superimposed, and a composite display image is generated;the fusion image introduces the results of the previous frame, and time-continuous output is realized based on an inter-frame smoothing function.The composite texture is output to a device supporting multiple stereoscopic display modes through a graphics rendering pipeline.The application realizes efficient fusion of 3D images and UI, improves rendering efficiency and visual immersion, and is suitable for virtual reality, augmented reality and digital twin scenes.

An electronic gaming machine architecture is provided in which a gaming platform application and wagering game applications are executed in separate processes but may share access to common display windows; such display windows may be caused to be generated by the gaming platform application, which may then assign specific display windows to the various wagering game applications, along with window handles usable to direct graphical content thereto. The wagering game applications may then direct graphical content to the display windows, while the gaming platform application may retain control over the size, position, transparency, and / or z-order of the display windows.

This invention discloses a water rendering method, apparatus, device, and storage medium, relating to the field of computer graphics and rendering technology. The method includes: acquiring preset noise disturbance data and water wave flow data, calculating offset vectors, and calculating several water wave velocities; based on the several water wave velocities and preset noise texture, sampling normal data corresponding to each water wave velocity, and fusing all normal data to obtain a fused normal; based on the uv coordinates of each pixel of the target water body graphic, sampling water wave texture data, obtaining pixel transparency values, and calculating the basic water color of each pixel; determining the reflection direction, and sampling a cube map of water surface reflection based on the reflection direction; calculating the final water body pixel color values, and performing water body rendering based on the water body pixel color values. This invention solves the technical problems in the prior art where rendered water surface fluctuations cannot provide sufficient fluctuation levels, the transition of rendered water surfaces is unnatural, and the edge effects are harsh.

1. The name of the design product: album preview dynamic GUI of electronic device. 2. The use of the design product: an electronic device. 3. The design points of the design product: the GUI in the electronic device. 4. The picture or photo that best shows the design points: design 1 dynamic change state diagram 1. 5. The electronic device is a common design, and the other views of design 1-2 are omitted. 6. Design 1 is designated as the basic design. 7. The use of the GUI: the product interface of design 1-2 is an interactive interface that displays album preview dynamics; when purchasing a star's peripheral, the album preview application is operated, and after clicking on the album, a musical note icon is generated, which starts to move along a parabolic trajectory to the bottom operation area. During the movement, the transparency of the icon gradually changes from 0 to 100%, and the size changes from small to large, while the one-click purchase button at the bottom moves linearly to the left as the musical note icon moves. When the musical note icon moves to the final position, the album randomly plays the preview music, the musical note starts to rotate clockwise, and five colorful musical note dynamics are displayed along the Bezier curve from the position of the musical note. After the user clicks on the album (for example, the upper album A), the dynamic effect from design 1 main view to design 1 interface change state diagram 22 is presented. After the user clicks on the album (for example, the middle album D), the dynamic effect from design 2 main view to design 2 interface change state diagram 18 is presented. The gray area in the interface is the content picture.

The invention discloses a digital twin system of a strip mine drilling machine based on WEBGL, which is constructed based on Web technology, adopts a three-dimensional visual engine taking WebGL as a bottom graphic interface, comprises mainstream open source frameworks such as Cesium and Three.js, and performs real-time butt joint with data of a front-end visual platform and a rear-end drilling machine sensor. Key operation information such as the geographic position, the drill boom posture and the operation track of the drilling machine can be visually displayed in a common browser, and the transparency and controllability of equipment operation are greatly enhanced.

1. The name of the design product: the main body of the display information graphical user interface of electronic equipment. 2. The use of the design product: for electronic equipment. 3. The design points of the design product: the displayed graphical user interface content. 4. The picture or photo that best indicates the design points: design 1 front view. 5. The usual design, omitting the left view, right view, rear view, bottom view, and top view of design 1 and design 2. 6. Design 1 is designated as the basic design. 7. The use of the graphical user interface: for electronic equipment display prompt information. 8. The human-computer interaction mode of the graphical user interface: in design 1 and design 2, the graphics or text displayed in the middle area of the picture are used to display prompt information of certain settings or functions of the electronic equipment. Design 1 front view, design 1 interface change state figure 1, and design 1 interface change state figure 2 are used to display different transparency levels of the graphical user interface background. When the user adjusts the transparency of the graphical user interface background, the interface changes from design 1 front view to design 1 interface change state figure 1, and when the user continues to adjust the transparency, the interface changes from design 1 front view to design 1 interface change state figure 2. Design 2 front view is used to display the operation prompt information of the electronic equipment, and the user can perform corresponding operations according to the prompt information. 9. Other circumstances that need to be explained: in the design, the content drawn with dashed lines is not claimed, the other parts are claimed, and the rectangular frame drawn with dashed lines can be used to display picture, video, and other content screens.

The application discloses a 3D Gaussian splash rendering optimization method based on a Unity engine in VR, relates to the technical field of computer graphics, and converts a PLY point cloud file into a SOG high compression format containing multi-level LOD information, removes low-transparency Gaussian points, carries out Morton coding sorting on Gaussian point center coordinates, constructs an octree space index containing a space bounding box and multi-LOD data, removes Gaussian points according to camera distance grading and selects LOD levels, carries out depth bucket sorting on visible Gaussian points, executes drawing in the unit of a bucket, combines near-to-far sorting, an improved mixing equation and screen space edge removal and magnification operation, extracts Gaussian ellipse center points to calculate motion vectors, and fuses multiple optimization results to generate frame image output. The application improves VR device loading efficiency, reduces rendering burden, adapts to Tile-Based hardware, and realizes smooth running of 3D Gaussian splash on a VR all-in-one machine through multi-dimensional optimization such as loading, space removal and rendering.

The application relates to the technical field of graphic image processing, and discloses a personalized replacement, cutting, deformation and rendering method and system for design files, which comprises the following steps: step 1, analyzing a design file, binding external materials with target layers according to a replacement mapping table, and obtaining adapted material textures; step 2, normalizing deformation, and forming a single inverse mapping rule; step 3, sampling and applying a mask according to the single inverse mapping rule, and obtaining a cut layer; step 4, setting a synthesis area for a cutting group, pre-multiplying transparency accumulation, and obtaining a local synthesis texture of the cutting group; step 5, pasting the texture back to a main canvas and combining the texture with non-group layers according to a mixing mode; step 6, propagating changes according to a layer dependency graph, determining a dirty rectangle area, and generating a reuse identifier and a texture fingerprint; and step 7, outputting the main canvas and exporting the texture and metadata. The application realizes stable, efficient and traceable reuse of integrated online rendering of personalized replacement, cutting and deformation for design files.

1. The name of the design product: product object selection graphical user interface of electronic equipment. 2. The use of the design product: an electronic device. 3. The design points of the design product: the content of the graphical user interface. 4. The picture or photo that best indicates the design points: design 1 front view. 5. The appearance design claimed contains color. 6. Design 1 is designated as the basic design. 7. The use of the graphical user interface: for providing differentiation for different user groups (including gender, age group, employment relationship, teacher-student, etc.) for platform products, so as to allocate different resources. 8. The human-computer interaction mode of the graphical user interface: design 1: design 1 front view is the main interface of product object selection; click "adult" block in design 1 front view, "adult" block stretches to the right while displaying a colored background, "child" block shrinks in width and reduces transparency, and enters design 1 interface change state diagram. Design 2: Design 2 front view is the main interface of product object selection; click "child" block in design 2 front view, "child" block stretches to the left while displaying a colored background, "adult" block shrinks in width and reduces transparency, and enters design 2 interface change state diagram. Design 3: Design 3 front view is the main interface of product object selection; click "start making" button at the bottom of design 3 front view, enter design 3 interface change state diagram, and prompt "please select object first".

In one aspect, graphic design can be accomplished through generative, object-based composite image rendering. Additionally, alpha transparency can be included in the generative images. Thus, text-to-image models may be used to independently configure the appearance of different graphical objects that are presented in the same graphics space, with primitive base images being used as templates and with the text-to-image model using the templates and a prompt to then generate additional graphical objects with alpha transparency. The generated graphical objects can then act as layers with respect to each other such that they can be independently exported, moved, and further adjusted via additional prompts to the text-to-image model.

The invention relates to the technical field of graphic rendering, and discloses a rendering method and device, equipment, a medium and a program product, and the method comprises the steps: obtaining a transparent map of a to-be-rendered target model; generating a distance field map of the target model according to the transparent map; the distance field map is used for representing a distance value between each texel and the edge of the target model represented by the transparent map; determining a target depth corresponding to the target model, and determining target transparency at each position of the target model according to the target depth and a distance value in the distance field map; the target transparency and the target depth are in positive correlation, and the target transparency and the distance value in the distance field map are in negative correlation; and rendering the target model according to the target transparency. According to the method, the transparency of external expansion can be determined in real time, light-weight rapid rendering can be realized, the problems of moire, missing and the like can be remarkably reduced, and the rendering effect is ensured.

A method and device for processing graphics can form a rendering image with excellent perspective performance while preserving physical details. The method includes: obtaining a real scene image of a first real object; obtaining a non-real scene image, such as a rendering or three-dimensional reconstruction image, of a second real object located at the back side of the first real object; obtaining perspective viewing area information and determining a perspective viewing area in the real scene image according to the information; extracting surface texture features of a part of the real scene image corresponding to the perspective viewing area to highlight the surface texture features in the perspective viewing area, thereby forming a real scene image after surface texture feature extraction; setting a transparency distribution of the perspective viewing area; and calculating and setting a color distribution of the perspective viewing area according to an included angle between a shooting direction of a camera and a normal direction of each pixel of the real scene image corresponding to the perspective viewing area, thereby obtaining a real scene image after surface texture feature extraction and transparency processing.

1. Name of the product in this design: Graphical user interface for viewing images and details of industrial vision software for electronic devices. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: A graphical user interface used for browsing images and viewing details of corresponding tags in industrial vision software. 7. Human-computer interaction method of graphical user interface: Design 1 main view is the product homepage; Clicking the image name in the left list of Design 1 main view displays the original image and label box, resulting in Design 1 interface change state diagram 1; Enter text in the input box in the lower right part of Design 1 interface change state diagram 1, resulting in Design 1 interface change state diagram 2; Click "Comment" in the lower right corner of Design 1 interface change state diagram 2 to comment on the image, resulting in Design 1 interface change state diagram 3; Hover the mouse over the image in Design 1 interface change state diagram 3 and scroll the mouse wheel inward to zoom in on the image, resulting in Design 1 interface change state diagram 4; Drag the "Draw Thick Line" button on the right side of Design 1 interface change state diagram 4 to obtain Design 1 interface change state diagram 5. Design 2's main view is the product homepage; clicking on the image name in the left-hand list of Design 2's main view displays the original image and its label box, resulting in Design 2's interface change state diagram 1; entering text in the input box in the lower right corner of Design 2's interface change state diagram 1 results in Design 2's interface change state diagram 2; clicking "Comment" in the lower right corner of Design 2's interface change state diagram 2 allows you to comment on the image, resulting in Design 2's interface change state diagram 3; hovering the mouse over the image in Design 2's interface change state diagram 3 and scrolling the mouse wheel inwards zooms in on the image, resulting in Design 2's interface change state diagram 4; dragging the "Background Transparency" indicator on the right side of Design 2's interface change state diagram 4 results in Design 2's interface change state diagram 5. Design 3's main view is the product homepage; clicking on the image name in the left-hand list of Design 3's main view displays the original image and its label box, resulting in Design 3's interface change state diagram 1; entering text in the input box in the lower right corner of Design 3's interface change state diagram 1 results in Design 3's interface change state diagram 2; clicking "Comment" in the lower right corner of Design 3's interface change state diagram 2 allows you to comment on the image, resulting in Design 3's interface change state diagram 3; hovering the mouse over the image in Design 3's interface change state diagram 3 and scrolling the mouse wheel inwards zooms in on the image, resulting in Design 3's interface change state diagram 4; clicking the label selection box on the right side of Design 3's interface change state diagram 4 deselects the label box for that image, resulting in Design 3's interface change state diagram 5. 8. Other situations requiring explanation: Other explanation: The gray blocks in the interface represent replaceable content screens.

This invention discloses a large-scale voxel scene hybrid rendering method supporting real-time interaction, relating to the field of computer graphics technology. The method includes: offline semantic classification of the voxel scene; generating high-detail voxel blocks, medium-detail voxel clusters, and low-detail proxy meshes or bulletin boards according to semantic regions; constructing a spatial index and establishing a relationship between detail representation and logical voxel index; frustum clipping and selecting the detail level based on distance and semantic importance; scheduling node resources; performing voxel rasterization, global illumination of voxel clusters injected into a 3D lighting mesh, and proxy rendering, respectively, with smooth switching using gradient or transparency blending; maintaining the mapping from screen pixels to logical voxel indexes for picking; and incrementally updating affected nodes and the association table based on voxel additions and deletions. This method reduces unnecessary computation and persistent resources, lowers screen jumps and interaction stutters, maintains interaction accuracy, and reduces the overhead of local modifications.

The invention discloses a model rendering method and device and electronic equipment, and relates to the field of graphic processing, Gaussian point data is acquired according to an arrangement sequence, and rendering processing is performed on the Gaussian point data, so that a pixel coverage area, a basic color and transparency of the Gaussian point data are obtained. On the basis, the more accurate grid contour cutting requirement is met through template mapping, and a display area needing to be rendered is obtained. And adjusting the light of the model in the display area by combining the normal mapping with the light setting parameters. And adjusting the shadow effect of the rendered model through the shadow map. And finally, adjusting the basic color of the display area according to all the illumination results, and mixing the transparency and the synthesized color obtained after adjustment with the related rendering result of the previous Gaussian point data to gradually render all the Gaussian point data. The rendering result can be adjusted in a more refined and diversified mode, and the richer model rendering effect is achieved.

A system can include one or more processors to identify a first and second plurality of nodes in a first and second graphical representation of a first and second electronic event, cause a display of a graphical user interface including graphical elements that display information associated with the nodes, generate a notification of a change in a node value, determine a factor causing the change in the node value by applying a rule, generate a first graphical element corresponding to a first explanation for the change in the node value based on the factor and a second graphical element corresponding to a second explanation for the change in the node value based on the rule, organize the first explanation and the second explanation in a hierarchy based on the first and second explanation having a first and second level, and cause a display of the first and second graphical element.

1. Name of the product in this design: Dynamic graphical user interface for doctor information in electronic devices. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. Images or photos that best illustrate the design points: Interface change state diagram 5. 5. Purpose of the Graphical User Interface: Used to dynamically display information about different doctors in rotation; the main view is the graphical user interface after entering the doctor consultation platform; upon entering the main view, the first doctor's avatar, introduction, and specialties slide from right to left, with the color changing from 0% to 100% transparency. After pausing in the middle of the screen for a few seconds, it continues to slide to the left, with the color transparency changing from 100% to 0%. Over time, it automatically presents interface change state diagrams 1 to 9 in sequence. The changes from the main view to interface change state diagram 9 are continuous, showcasing the information about the first doctor; after the current doctor's information is presented, the next doctor's avatar, introduction, and specialties slide from right to left, with the color changing from 0% to 100% transparency. After pausing in the middle of the screen for a few seconds, it continues to slide to the left, with the color transparency changing from 100% to 0%. Over time, it automatically presents interface change state diagrams 10 to 15 in sequence. The changes from interface change state diagrams 9 to 15 are continuous, showcasing the information about the second doctor; after the current doctor's information is presented, it returns to interface change state diagram 1.

A kind of suspension bare eye 3D graphic element printing method, including the PET base film of printing system, PET coating, temperature control equipment A, heat sink device A, graphic element mould pressing, rotating radiator, temperature control equipment B, heat sink device B, roll cold lead, aluminizing, glue coating, paper covering, temperature control equipment C, heat sink device C, bare eye 3D graphic element product, finished product winding;Its characterized in that: the coating of the production bare eye 3D graphic element, mould pressing, aluminizing, paper covering process is combined with assembly line flow production;Due to the effect of temperature control equipment A, heat sink device A, temperature control equipment B, heat sink device B, rotating radiator, roll cold lead, temperature control equipment C, heat sink device C of the application, avoid the transparency of bare eye 3D graphic element product caused by multi-process integrated production, prone to yellowish, slightly white defect, solve the pain point technical problem in this technical field, fill the blank of this technology at home and abroad, lead the technical innovation of industry, bring inestimable beneficial effects to this industry.

1. The name of the design product: the main body of the graphical user interface matched with the electronic device. 2. The use of the design product: for an electronic device. 3. The design points of the design product: the interface content of the claimed part in the graphical user interface. 4. The picture or photo that best indicates the design points: front view. 5. The use of the graphical user interface: the overall and partial uses of the design graphical user interface are both for matching purchase. The front view is a commodity purchase display page, the matching purchase is displayed in the middle of the interface, the user can select the commodity type and view the commodity information, when the user clicks any commodity picture, the interface changes to the state diagram for viewing and selecting matching commodities. 6. Other circumstances that need to be explained: "××" in the interface represents variable text, and the single gray block represents the content screen. 7. The design product claims partial design protection, the part covered with red semi-transparency in the interface is not claimed, and the part not covered with red semi-transparency is claimed.

The invention provides a neural network-based primitive set mapping animation automatic generation method and system, and belongs to the field of computer graphics. The method comprises the following steps: acquiring an initial primitive set and a target primitive set, and encoding to obtain corresponding features; calculating a primitive matching matrix by using a neural network model based on a cross attention mechanism based on the features; determining a matching relationship between the initial primitive and the target primitive according to the primitive matching matrix, and generating an intermediate primitive sequence through parameter interpolation for matched primitive pairs; for unmatched primitives, realizing addition or extinction of the primitives through transparency gradient processing; and according to the intermediate primitive sequence and the Boolean operation relationship, generating an animation frame sequence through symbol distance field Boolean operation rendering. According to the method, the structural semantic expression ability, the topological stability and the cross-icon generalization ability of animation generation are remarkably improved, and the method can be widely applied to the fields of user interface dynamic icon design, game engine graphic animation, mobile terminal interaction efficiency and the like.