Three-dimensional exhibition hall page rendering method and device based on multi-mode interaction
By initializing and updating the circular hue selector and square chromaticity value distribution area of the three-dimensional exhibition hall page, the poor rendering performance and long periods caused by user manual switching of color mode are solved, and a more efficient rendering effect is achieved.
Patent Information
- Application Number
- CN202510577727.4
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2025-05-07
- Publication Date
- 2025-08-12
- Estimated Expiration
- Not applicable · inactive patent
Smart Images
Figure CN120472069A_ABST
Abstract
Description
Technical Field
[0001] The embodiments of the present disclosure relate to the field of computer technology, and more particularly to a method and device for rendering a three-dimensional exhibition hall page based on multi-modal interaction. Background Art
[0002] 3D exhibition hall page rendering based on multimodal interaction is a technology for rendering 3D exhibition hall pages in multimodal interaction. Currently, the common method for rendering 3D exhibition hall pages is for users to manually switch between different color modes. For example, users need to switch between different modes using a color picker to select a color.
[0003] However, the inventors have discovered that when using the above method to render a 3D exhibition hall page, the following technical problems often arise: Manually switching color modes often results in significant color selection errors, increasing operational complexity and resulting in poor rendering performance for the 3D exhibition hall page. Since each manual color mode switch requires re-determining color values, this wastes computing resources and lengthens the rendering cycle for the 3D exhibition hall page.
[0004] The above information disclosed in this Background section is only for enhancement of understanding of the background of the inventive concept and therefore it may contain information that does not form the prior art that is already known to a person of ordinary skill in the art. Summary of the Invention
[0005] The content of this disclosure is used to briefly introduce concepts that will be described in detail in the detailed description section below. The content of this disclosure is not intended to identify key features or essential features of the claimed technical solution, nor is it intended to limit the scope of the claimed technical solution.
[0006] Some embodiments of the present disclosure propose a method and device for rendering a three-dimensional exhibition hall page based on multi-modal interaction to solve the technical problems mentioned in the above background technology section.
[0007] In a first aspect, some embodiments of the present disclosure provide a three-dimensional exhibition hall page rendering method based on multimodal interaction, the method comprising: initializing a circular hue selector and a square chromaticity value distribution area in a color selector to obtain an initialized circular hue selector and an initialized square chromaticity value distribution area, wherein the above-mentioned color selector is set in the original three-dimensional exhibition hall page; generating circular hue texture information according to the above-mentioned initialized circular hue selector; generating post-application circular hue texture information and a post-application square chromaticity value distribution area according to the above-mentioned circular hue texture information, wherein the chromaticity attributes in the above-mentioned post-application square chromaticity value distribution area include: saturation attribute and brightness attribute; updating the above-mentioned post-application circular hue texture information and the above-mentioned post-application square chromaticity value distribution area to obtain updated circular hue texture information and an updated square chromaticity value distribution area; rendering the above-mentioned original three-dimensional exhibition hall page according to the hue value corresponding to the above-mentioned updated circular hue texture information and the chromaticity value corresponding to the above-mentioned updated square chromaticity value distribution area.
[0008] In a second aspect, some embodiments of the present disclosure provide a three-dimensional exhibition hall page rendering device based on multi-modal interaction, the device comprising: a processing unit, configured to initialize the annular hue selector and the square chromaticity value distribution area in the color selector to obtain the initialized annular hue selector and the initialized square chromaticity value distribution area, wherein the above-mentioned color selector is set in the original three-dimensional exhibition hall page; a first generating unit, configured to generate annular hue texture information according to the above-mentioned initialized annular hue selector; a second generating unit, configured to generate annular hue texture information according to the above-mentioned annular hue texture information. The annular hue texture information after application and the square chromaticity value distribution area after application are applied, wherein the chromaticity attributes in the above-mentioned square chromaticity value distribution area after application include: saturation attribute and brightness attribute; the updating unit is configured to update the above-mentioned annular hue texture information after application and the above-mentioned square chromaticity value distribution area after application to obtain the updated annular hue texture information and the updated square chromaticity value distribution area; the rendering unit is configured to render the above-mentioned original three-dimensional exhibition hall page according to the hue value corresponding to the above-mentioned updated annular hue texture information and the chromaticity value corresponding to the above-mentioned updated square chromaticity value distribution area.
[0009] The above-described embodiments of the present disclosure have the following beneficial effects: The rendered 3D exhibition hall page obtained through the 3D exhibition hall page rendering method based on multimodal interaction in some embodiments of the present disclosure has improved rendering performance and shortened rendering cycles. Specifically, the reason for the insufficient performance of the 3D exhibition hall page and the prolonged rendering cycle is that when users manually switch color modes, they often easily cause large color selection errors, resulting in increased operational complexity and poor 3D exhibition hall page rendering performance. Since the user needs to re-determine the color value each time they manually switch color modes, this wastes computer computing resources, resulting in a longer rendering cycle for the 3D exhibition hall page. Based on this, the original 3D exhibition hall page of the 3D exhibition hall page rendering method based on multimodal interaction in some embodiments of the present disclosure includes not only a color selector, but also hue and chroma value adjustment areas of the color selector. Based on the aforementioned initialized annular hue selector, annular hue texture information is generated. This allows users to select the hue value they desire. Then, based on the annular hue texture information, post-application annular hue texture information and a post-application square chromaticity value distribution area are generated. The chromaticity attributes in the post-application square chromaticity value distribution area include saturation and brightness. This allows the user to automatically select the corresponding hue value after selecting a hue value without having to manually switch color modes. This reduces color selection errors that can occur when manually switching color modes, reduces operational complexity, and improves the rendering performance of the 3D exhibition hall page. Subsequently, the post-application annular hue texture information and the post-application square chromaticity value distribution area are updated to obtain updated annular hue texture information and updated square chromaticity value distribution area. This eliminates the need for the user to manually switch color modes each time to determine a color value; the post-application annular hue texture information and the post-application square chromaticity value distribution area can be updated synchronously. This conserves computing resources and shortens the rendering cycle of the 3D exhibition hall page. BRIEF DESCRIPTION OF THE DRAWINGS
[0010] The above and other features, advantages, and aspects of the various embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and that components and elements are not necessarily drawn to scale.
[0011] Figure 1 This is a schematic diagram of an application scenario of a three-dimensional exhibition hall page rendering method based on multi-modal interaction in some embodiments of the present disclosure; Figure 2 is a flowchart of some embodiments of a method for rendering a three-dimensional exhibition hall page based on multi-modal interaction according to the present disclosure; Figure 3It is a structural schematic diagram of some embodiments of a 3D exhibition hall page rendering device based on multi-mode interaction according to the present disclosure; Figure 4 It is a structural diagram of an electronic device suitable for implementing some embodiments of the present disclosure. DETAILED DESCRIPTION
[0012] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein. On the contrary, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of protection of the present disclosure.
[0013] It should also be noted that, for ease of description, only the parts related to the invention are shown in the drawings. In the absence of conflict, the embodiments and features in the embodiments of the present disclosure may be combined with each other.
[0014] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.
[0015] It should be noted that the modifications of "one" and "multiple" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, they should be understood as "one or more".
[0016] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.
[0017] The present disclosure will be described in detail below with reference to the accompanying drawings and in conjunction with embodiments.
[0018] Figure 1 This is a schematic diagram of an application scenario of a three-dimensional exhibition hall page rendering method based on multi-modal interaction in some embodiments of the present disclosure.
[0019] exist Figure 1In the application scenario, computing device 101 may first receive the rendering result of 3D exhibition hall page 102. Computing device 101 may then initialize circular hue selector 104 and square chroma value distribution area 107 in color selector 103. The user selects a color using circular hue selector pointer 108, and square chroma value distribution area 107 is updated synchronously with the color selected by circular hue selector pointer 108. The user adjusts saturation using square chroma value distribution area pointer 105 and brightness using square chroma value distribution area pointer 106.
[0020] It should be noted that the computing device 101 can be hardware or software. When the computing device is hardware, it can be implemented as a distributed cluster consisting of multiple servers or terminal devices, or it can be implemented as a single server or a single terminal device. When the computing device is embodied as software, it can be installed in the hardware devices listed above. It can be implemented as multiple software or software modules for providing distributed services, or it can be implemented as a single software or software module. No specific limitation is made here. It should be understood that Figure 1 The number of computing devices in can be any number according to implementation requirements. Continue to refer Figure 2 , shows a process 200 of some embodiments of a 3D exhibition hall page rendering method based on multi-modal interaction according to the present disclosure. The 3D exhibition hall page rendering method based on multi-modal interaction includes the following steps: Step 201 : Initialize the annular hue selector and the square chromaticity value distribution area in the color selector to obtain an initialized annular hue selector and an initialized square chromaticity value distribution area.
[0021] In some embodiments, the execution body of the method for rendering a three-dimensional exhibition hall page based on multi-modal interaction (for example Figure 1 The computing device 101 shown can initialize the annular hue selector and the square chromaticity value distribution area in the color selector to obtain an initialized annular hue selector and an initialized square chromaticity value distribution area, wherein the above color selector is set in the original three-dimensional exhibition hall page.
[0022] Here, the color selector is a component for selecting a color. The annular hue selector is an annular component for selecting the hue of a color. The hue indicates the type of color. The range of the hue is (0, 360). The square chroma value distribution area is a square component for selecting the chroma value of a color. The chroma value includes saturation and brightness. The range of saturation is (0, 1). The range of brightness is (0, 1). The initialized annular hue selector may refer to the annular hue selector after setting the default hue value. The default hue value may refer to the red hue value H=0. The initialized square chroma value distribution area may refer to saturation S=1 and brightness V=1.
[0023] As an example, the above-mentioned execution entity can set default values for the annular hue selector and the square chromaticity value distribution area in the color selector in response to determining that the user clicks on the color selector, and obtain the set annular hue selector and the set square chromaticity value distribution area as the initialized annular hue selector and the initialized square chromaticity value distribution area.
[0024] Step 202: Generate annular hue texture information according to the initialized annular hue selector.
[0025] In some embodiments, the execution entity may generate annular hue texture information according to the initialized annular hue selector.
[0026] Here, the annular hue texture information may refer to texture information of hue distribution in the annular hue selector after initialization. For example, the annular hue texture information may refer to hue change information from red to purple in the annular hue selector after initialization.
[0027] As an example, in response to detecting a user selection operation on the initialized annular hue selector, the execution entity may determine the position information of the user selection operation information corresponding to the user selection operation on the initialized annular hue selector. Then, the execution entity may determine the hue change information within a radius of a preset length with the position information as the center. Finally, the hue change information is determined as annular hue texture information. The preset length is 2. The user selection operation may be a user click operation. The position information may be two-dimensional coordinate information. For example, the position information may be (10, 5).
[0028] Step 203 : generating the applied annular hue texture information and the applied square chromaticity value distribution area based on the annular hue texture information.
[0029] In some embodiments, the execution entity may generate the post-application circular hue texture information and the post-application square chromaticity value distribution area based on the post-application circular hue texture information, wherein the chromaticity attributes in the post-application square chromaticity value distribution area include: saturation attribute and brightness attribute.
[0030] Here, the annular hue texture information after application may refer to the annular hue texture information after the hue selected by the user is applied. For example, the annular hue texture information after application may refer to the annular hue texture information of a red base.
[0031] Optionally, the execution entity may generate the post-application annular hue texture information and the post-application square chromaticity value distribution area according to the annular hue texture information through the following steps: In the first step, pixel points of the image corresponding to the annular hue texture information are traversed to obtain a traversed pixel point set.
[0032] As an example, the execution entity may traverse each pixel point in the image corresponding to the annular hue texture information to generate traversed pixel points and obtain a traversed pixel point set.
[0033] In the second step, the angle value of the traversed pixel point corresponding to the user selection operation in the traversed pixel point set is determined to obtain the angle value of the selected pixel point.
[0034] Here, the above-mentioned selected pixel point angle value may refer to the angle value of the pixel point clicked by the user.
[0035] As an example, the execution entity may first determine the traversed pixel point selected by the user, i.e., the pixel point corresponding to the location clicked by the user, where the traversed pixel point selected by the user is located within the traversed pixel point set. Then, the execution entity may determine the angle of the traversed pixel point selected by the user relative to the center point of the traversed pixel point set to obtain the angle value of the selected pixel point.
[0036] The third step is to convert the angle value of the selected pixel point into a hue value to obtain the hue value of the selected pixel point.
[0037] As an example, the execution subject can be The angle value of the selected pixel is converted into a hue value to obtain the hue value of the selected pixel, where a represents the angle value of the selected pixel. Indicates the hue value of the selected pixel.
[0038] The fourth step is to perform color space conversion on the hue value of the selected pixel point to obtain the converted color value.
[0039] Here, the above-mentioned converted color value may refer to a converted RGB value.
[0040] As an example, the execution subject may perform color space conversion on the hue value of the selected pixel through a color code converter to obtain a converted color value.
[0041] In the fifth step, the converted color value is applied to the image pixel corresponding to the annular hue texture information to obtain the applied annular hue texture information.
[0042] As an example, the execution entity may determine the image pixels corresponding to the converted color values from the annular hue texture information to obtain the to-be-rendered image pixels. Then, the converted color values are rendered to the to-be-rendered image pixels to obtain the rendered image pixels. Finally, the to-be-rendered image pixels in the annular hue texture information are replaced with the rendered image pixels to obtain replaced annular hue texture information as the applied annular hue texture information.
[0043] In the sixth step, the chromaticity value of the selected pixel point in the pixel point set after the above traversal is determined to obtain the chromaticity value of the selected pixel point.
[0044] As an example, the execution entity may determine the chromaticity value of the selected pixel in the traversed pixel set to obtain the chromaticity value of the selected pixel.
[0045] In the seventh step, the color space conversion is performed on the chromaticity value of the selected pixel point to obtain the converted color value.
[0046] As an example, the execution subject may perform color space conversion on the chromaticity value of the selected pixel through a color code converter to obtain a converted color value.
[0047] In the eighth step, the converted color value is applied to the image pixels corresponding to the initialized square chromaticity value distribution area to obtain the applied square chromaticity value distribution area.
[0048] As an example, the execution entity may determine image pixels corresponding to the converted color values within the initialized square chromaticity value distribution region to obtain square image pixels to be rendered. Then, the converted color values are rendered onto the square image pixels to be rendered, obtaining square rendered image pixels. Finally, the square image pixels to be rendered within the initialized square chromaticity value distribution region are replaced with the square rendered image pixels to obtain a replaced square chromaticity value distribution region, which serves as the applied square chromaticity value distribution region.
[0049] Optionally, the execution entity may generate the post-application annular hue texture information and the post-application square chromaticity value distribution area according to the annular hue texture information through the following steps: In the first step, parameters of the annular hue texture information are adjusted to obtain adjusted annular hue texture information.
[0050] As an example, the execution subject may adjust the resolution parameter of the annular hue texture information to obtain the annular hue texture information after resolution adjustment. Then, the execution subject may adjust the gradient direction of the annular hue texture information after resolution adjustment to obtain the adjusted annular hue texture information.
[0051] In the second step, polar coordinate transformation is performed on each image pixel corresponding to the adjusted annular hue texture information to obtain a transformed hue texture pixel coordinate set.
[0052] In the third step, hue value mapping is performed on the adjusted annular hue texture information according to the converted hue texture pixel coordinate set to obtain a hue value set corresponding to the annular hue texture information.
[0053] As an example, the execution entity may map each converted hue texture pixel coordinate in the converted hue texture pixel coordinate set to the adjusted annular hue texture information to obtain a hue value set corresponding to the annular hue texture information.
[0054] In the fourth step, a color space conversion is performed on the hue value set corresponding to the annular hue texture information to obtain a converted annular color value set.
[0055] As an example, the execution subject may perform color space conversion on the hue value set corresponding to the annular hue texture information through a color code converter to obtain a converted annular color value set.
[0056] In the fifth step, the converted annular color value set is stored in a preset texture data structure to obtain an annular color texture data structure.
[0057] Here, the preset texture data structure may refer to a data structure for storing texture information in advance. The preset texture data structure is used to store the converted annular color value set. Step 6: Generate applied annular hue texture information based on the annular color texture data structure and the adjusted annular hue texture information.
[0058] As an example, the execution entity may apply the adjusted annular hue texture information and the adjusted annular hue texture information to the annular hue texture information to obtain applied annular hue texture information.
[0059] In the seventh step, according to the hue value set corresponding to the annular hue texture information, the saturation and brightness of the preset square texture object are determined to obtain the square texture saturation and the square texture brightness.
[0060] As an example, the execution entity may first select a hue value corresponding to the annular hue texture information from the set of hue values corresponding to the annular hue texture information, then determine the pixel to be selected for the preset square texture object to obtain the pixel to be selected. Then, using the selected hue value corresponding to the annular hue texture information as a basis, the saturation and brightness of the pixel to be selected are determined to obtain the square texture saturation and square texture brightness.
[0061] In the eighth step, a color space conversion is performed on the square texture saturation and the square texture brightness to obtain a converted square saturation and a converted square brightness.
[0062] As an example, the execution subject may perform color space conversion on the square texture saturation and the square texture brightness through a color code converter to obtain a converted square saturation and a converted square brightness.
[0063] In the ninth step, the square saturation and the square brightness after conversion are filled into the preset square texture object to obtain the filled square chromaticity value distribution area as the square chromaticity value distribution area after application.
[0064] The relevant content of steps 1-9 described above, as an inventive feature of this disclosure, addresses the technical issue mentioned in the background art: "poor real-time interactivity and performance of 3D exhibition hall page rendering." Factors contributing to poor real-time interactivity and performance in 3D exhibition hall page rendering are often as follows: When users manually switch color modes, they may need to wait for rendering to complete before seeing the rendering effect, resulting in poor real-time interactivity. Furthermore, color errors may occur when synchronously updating the color selector, leading to poor 3D exhibition hall page rendering performance. Addressing these factors can improve both real-time interactivity and performance in 3D exhibition hall page rendering. To achieve this, parameters of the annular hue texture information are first adjusted to obtain adjusted annular hue texture information. Polar coordinate conversion is performed on each image pixel corresponding to the adjusted annular hue texture information to obtain a set of converted hue texture pixel coordinates. This allows for more accurate color determination using pixel-level coordinates. Subsequently, hue value mapping is performed on the adjusted annular hue texture information based on the converted hue texture pixel coordinates to obtain a set of hue values corresponding to the annular hue texture information. In this way, the hue value corresponding to each pixel can be obtained, avoiding color errors when synchronously updating the color selector, thereby improving the rendering performance of the 3D exhibition hall page. The hue value set corresponding to the annular hue texture information is subjected to color space conversion to obtain a converted annular color value set. The converted annular color value set is stored in a preset texture data structure to obtain an annular color texture data structure. Based on the annular color texture data structure and the adjusted annular hue texture information, the applied annular hue texture information is generated. This allows the color of the annular hue texture information to be determined without manually switching color modes. Based on the hue value set corresponding to the annular hue texture information, the saturation and brightness of a preset square texture object are determined to obtain the square texture saturation and square texture brightness. This allows for synchronous updating of chromaticity values. The square texture saturation and square texture brightness are subjected to color space conversion to obtain a converted square saturation and a converted square brightness. The converted square saturation and converted square brightness are then applied to the preset square texture object to obtain a filled square chromaticity value distribution area, which serves as the applied square chromaticity value distribution area. Therefore, users no longer need to manually switch color modes. Once the color of the annular hue texture information is determined, the chromaticity value is updated synchronously. Clicking "Confirm" allows users to see the rendering effect more quickly, improving real-time interactivity. By adding pixel-level color updates, color errors that occur when the color selector is updated synchronously are avoided, thereby improving the rendering performance of the 3D exhibition hall page.
[0065] Step 204 : updating the annular hue texture information after application and the square chromaticity value distribution area after application to obtain updated annular hue texture information and updated square chromaticity value distribution area.
[0066] In some embodiments, the execution entity may update the applied annular hue texture information and the applied square chromaticity value distribution area to obtain updated annular hue texture information and updated square chromaticity value distribution area.
[0067] Optionally, the execution entity may update the applied annular hue texture information and the applied square chromaticity value distribution area through the following steps to obtain updated annular hue texture information and updated square chromaticity value distribution area: The first step is to respond to receiving the drag adjustment instruction for the above-mentioned initialized annular hue selector, and update the above-mentioned annular hue texture information after application and the above-mentioned square chromaticity value distribution area after application according to the adjustment angle value corresponding to the above-mentioned drag adjustment instruction to obtain the updated annular hue texture information and the updated square chromaticity value distribution area.
[0068] Here, the drag adjustment instruction may refer to an instruction for the user to drag the pointer of the initialized circular hue selector to adjust the color. The corresponding adjustment angle value may refer to the angle value of the dragged pointer.
[0069] Optionally, the execution entity may respond to receiving a drag adjustment instruction for the initialized annular hue selector by updating the applied annular hue texture information and the applied square chromaticity value distribution area according to an adjustment angle value corresponding to the drag adjustment instruction through the following steps to obtain the updated annular hue texture information and the updated square chromaticity value distribution area: In the first sub-step, hue value mapping is performed on the adjustment angle value to obtain a mapped hue value.
[0070] As an example, the execution subject may perform hue value mapping on the adjustment angle value through polar coordinate transformation to obtain a mapped hue value.
[0071] The second sub-step is to update the annular hue texture information after application and the square chromaticity value distribution area after application according to the mapped hue value to obtain the updated annular hue texture information and the updated square chromaticity value distribution area.
[0072] As an example, the execution entity may apply the mapped hue value to the post-application annular hue texture information to obtain the post-application annular hue texture information as the updated annular hue texture information. The updated annular hue texture information is then synchronously updated to the post-application square chromaticity value distribution area to obtain the updated square chromaticity value distribution area.
[0073] In the second step, in response to receiving the chromaticity value adjustment instruction for the above-mentioned initialized square chromaticity value distribution area, the above-mentioned post-application annular hue texture information and the above-mentioned post-application square chromaticity value distribution area are updated according to the adjustment chromaticity value and adjustment position information corresponding to the above-mentioned chromaticity value adjustment instruction to obtain the updated annular hue texture information and the updated square chromaticity value distribution area.
[0074] Here, the chromaticity value adjustment instruction may refer to an instruction for a user to adjust the saturation and brightness within the initialized square chromaticity value distribution area. The adjusted chromaticity value may refer to the adjusted chromaticity value. For example, the adjusted chromaticity value may refer to a saturation of 0.5 and a brightness of 0.6. The adjusted position information may refer to the two-dimensional coordinate position information of the area where the adjusted chromaticity value is located. For example, the adjusted position information may refer to (10, 24).
[0075] Optionally, the execution entity may respond to receiving a chromaticity value adjustment instruction for the initialized square chromaticity value distribution area by updating the post-application annular hue texture information and the post-application square chromaticity value distribution area according to the adjusted chromaticity value and adjustment position information corresponding to the chromaticity value adjustment instruction, thereby obtaining the updated annular hue texture information and the updated square chromaticity value distribution area: The first sub-step is to determine the three-dimensional chromaticity value according to the adjusted chromaticity value and the adjusted position information.
[0076] As an example, the execution subject may determine the above adjustment position information. Then, the determined saturation and brightness are combined with the above adjustment chromaticity value. The second sub-step is to perform color space conversion on the three-dimensional chromaticity value to obtain a converted color value.
[0077] As an example, the execution subject may perform color space conversion on the three-dimensional chromaticity value through a color code converter to obtain a converted color value.
[0078] The third sub-step is to update the annular hue texture information after application and the square chromaticity value distribution area after application according to the converted color value to obtain the updated annular hue texture information and the updated square chromaticity value distribution area.
[0079] As an example, the execution entity may apply the converted color value to the post-application annular hue texture information to obtain the post-application annular hue texture information as the updated post-application annular hue texture information. The updated post-application annular hue texture information is then synchronously updated to the post-application square chromaticity value distribution area to obtain an updated square chromaticity value distribution area.
[0080] The third step is to respond to receiving the chromaticity value adjustment instruction for the above-mentioned initialized square chromaticity value distribution area, and update the above-mentioned applied square chromaticity value distribution area and the above-mentioned applied annular hue texture information according to the adjusted chromaticity value corresponding to the above-mentioned chromaticity value adjustment instruction to obtain the updated square chromaticity value distribution area and the updated annular hue texture information.
[0081] Here, the chroma value adjustment instruction may refer to an instruction for the user to input a chroma value to adjust the square chroma value distribution area after the initialization. The adjusted chroma value may refer to the adjusted chroma value. For example, the adjusted chroma value may refer to a saturation of 0.6 and a brightness of 0.7.
[0082] As an example, the execution entity may apply the adjusted chromaticity value to the post-application annular hue texture information to obtain the post-application annular hue texture information as the updated annular hue texture information. The updated annular hue texture information is then synchronously updated to the post-application square chromaticity value distribution area to obtain the updated square chromaticity value distribution area.
[0083] The fourth step is to respond to receiving the slider adjustment instruction for the above-mentioned initialized square chromaticity value distribution area, and update the above-mentioned applied square chromaticity value distribution area and the above-mentioned applied circular hue texture information according to the slider position information corresponding to the above-mentioned slider adjustment instruction to obtain the updated square chromaticity value distribution area and the updated circular hue texture information.
[0084] Here, the slider adjustment instruction may refer to an instruction for the user to adjust the slider by sliding the slider in the initialized square chromaticity value distribution area. The slider position information may refer to the distance the slider has been slid. For example, the slider position information may refer to 0.1 mm to the right from saturation to brightness.
[0085] Step 205 : Rendering the original three-dimensional exhibition hall page according to the hue value corresponding to the updated annular hue texture information and the chromaticity value corresponding to the updated square chromaticity value distribution area.
[0086] In some embodiments, the execution entity may render the original three-dimensional exhibition hall page according to the hue value corresponding to the updated annular hue texture information and the chromaticity value corresponding to the updated square chromaticity value distribution area.
[0087] Optionally, the execution entity may render the original three-dimensional exhibition hall page according to the hue value corresponding to the updated annular hue texture information and the chromaticity value corresponding to the updated square chromaticity value distribution area through the following steps: In the first step, the hue value corresponding to the updated annular hue texture information and the chromaticity value corresponding to the updated square chromaticity value distribution area are converted into color values to obtain color values to be rendered.
[0088] As an example, the execution entity may convert the hue value corresponding to the updated annular hue texture information and the chromaticity value corresponding to the updated square chromaticity value distribution area through a color code converter to obtain a color value to be rendered.
[0089] The second step is to create a color update interface, wherein the color update interface is used to receive the color value transmitted by the color selector.
[0090] In the third step, the color value to be rendered is applied to the three-dimensional exhibition hall page through the color update interface to obtain the three-dimensional exhibition hall page after application.
[0091] The fourth step is to load the various rendering parameters of the 3D exhibition hall page after the above application.
[0092] Here, the rendering parameters may include, but are not limited to, at least one of the following: a shadow parameter, a resolution parameter, and a size parameter. The shadow parameter represents the outline of the 3D exhibition hall page. The resolution parameter represents the clarity of the 3D exhibition hall page. The size parameter represents the length and width of the 3D exhibition hall page.
[0093] The fifth step is to add shadows to the three-dimensional exhibition hall page after application according to the above rendering parameters to obtain the three-dimensional exhibition hall page after addition.
[0094] As an example, the execution entity may add a shadow to the three-dimensional exhibition hall page after the application through shadow mapping to obtain the three-dimensional exhibition hall page after the addition.
[0095] Step 6: Adjust the color of the added three-dimensional exhibition hall page to obtain the adjusted three-dimensional exhibition hall page.
[0096] As an example, the execution entity may perform contrast enhancement on the added 3D exhibition hall page to obtain an enhanced 3D exhibition hall page. Then, the execution entity may perform saturation enhancement on the enhanced 3D exhibition hall page to obtain a saturation-enhanced 3D exhibition hall page as the adjusted 3D exhibition hall page.
[0097] In the seventh step, in response to detecting the parameter adjustment operation applied to the client page, the rendering parameters of the adjusted 3D exhibition hall page are adjusted to render the 3D exhibition hall page.
[0098] As an example, in response to detecting that the parameter adjustment operation on the client page is a shadow parameter reduction operation, the execution entity may reduce the shadow parameters of the adjusted 3D exhibition hall page to render the 3D exhibition hall page. In response to detecting that the parameter adjustment operation on the client page is a resolution parameter increase operation, the execution entity may increase the resolution parameters of the adjusted 3D exhibition hall page to render the 3D exhibition hall page.
[0099] In the eighth step, in response to detecting that the network index of the client page is lower than a preset index, the adjusted three-dimensional exhibition hall page is dynamically rendered.
[0100] Here, the network indicator may refer to a data rate indicator, and the preset indicator may refer to a pre-set data rate indicator.
[0101] As an example, in response to detecting that the network indicator of the client page is lower than a preset indicator, the execution entity may reduce the resolution parameter of the adjusted 3D exhibition hall page to obtain a reduced saturation 3D exhibition hall page, and render the adjusted 3D exhibition hall page. Also, the execution entity may reduce the saturation parameter of the adjusted 3D exhibition hall page to obtain a reduced saturation 3D exhibition hall page, and render the adjusted 3D exhibition hall page.
[0102] The relevant content in steps 1-8, as an inventive feature of this disclosure, addresses the technical issue mentioned in the background art: "Poor network environment adaptability causes rendering delays or lags, resulting in a prolonged rendering cycle." Factors that often make it difficult to intuitively display complex information relationships and waste resources include: frequent color updates that can lead to a prolonged rendering cycle. Poor network environment adaptability can also cause rendering delays or lags, resulting in a prolonged rendering cycle. Addressing these factors can shorten the rendering cycle. To achieve this, first, a color value conversion is performed on the hue values corresponding to the updated annular hue texture information and the chromaticity values corresponding to the updated square chromaticity distribution area to obtain the color values to be rendered. Then, a color update interface is created, wherein the color update interface is configured to receive the color values transmitted by the color selector. The color values to be rendered are then applied to the 3D exhibition hall page via the color update interface, resulting in the applied 3D exhibition hall page. This allows for real-time detection of color value changes via the color update interface. Subsequently, the rendering parameters for the applied 3D exhibition hall page are loaded. This allows for improved rendering performance through these rendering parameters. Afterwards, a shadow is added to the applied 3D exhibition hall page based on the rendering parameters to obtain the added 3D exhibition hall page. This improves the clarity of the rendered image. Next, color adjustments are performed on the added 3D exhibition hall page to obtain the adjusted 3D exhibition hall page. In response to detecting a parameter adjustment operation on the client page, rendering parameters are adjusted for the adjusted 3D exhibition hall page to render the 3D exhibition hall page. This allows for real-time detection of color changes in the color selector, and after selecting a hue value, the hue value is updated to the chromaticity value, thereby shortening the rendering cycle. Finally, in response to detecting that the network performance of the client page falls below a preset performance level, the adjusted 3D exhibition hall page is dynamically rendered. This allows for real-time monitoring of the network environment, avoiding rendering delays or freezes caused by network issues, thereby shortening the rendering cycle. Consequently, users do not need to frequently update colors; after selecting a hue value, the chromaticity value is updated to the hue value, thereby shortening the rendering cycle. The network environment is also detected in real time to avoid delays or freezes in the rendering process caused by network problems, thereby shortening the rendering cycle.
[0103] The above-described embodiments of the present disclosure have the following beneficial effects: The rendered 3D exhibition hall page obtained through the 3D exhibition hall page rendering method based on multimodal interaction in some embodiments of the present disclosure has improved rendering performance and shortened rendering cycles. Specifically, the reason for the insufficient performance of the 3D exhibition hall page and the prolonged rendering cycle is that when users manually switch color modes, they often easily cause large color selection errors, resulting in increased operational complexity and poor 3D exhibition hall page rendering performance. Since the user needs to re-determine the color value each time they manually switch color modes, this wastes computer computing resources, resulting in a longer rendering cycle for the 3D exhibition hall page. Based on this, the original 3D exhibition hall page of the 3D exhibition hall page rendering method based on multimodal interaction in some embodiments of the present disclosure includes not only a color selector, but also hue and chroma value adjustment areas of the color selector. Based on the aforementioned initialized annular hue selector, annular hue texture information is generated. This allows users to select the hue value they desire. Then, based on the annular hue texture information, post-application annular hue texture information and a post-application square chromaticity value distribution area are generated. The chromaticity attributes in the post-application square chromaticity value distribution area include saturation and brightness. This allows the user to automatically select the corresponding hue value after selecting a hue value without having to manually switch color modes. This reduces color selection errors that can occur when manually switching color modes, reduces operational complexity, and improves the rendering performance of the 3D exhibition hall page. Subsequently, the post-application annular hue texture information and the post-application square chromaticity value distribution area are updated to obtain updated annular hue texture information and updated square chromaticity value distribution area. This eliminates the need for the user to manually switch color modes each time to determine a color value; the post-application annular hue texture information and the post-application square chromaticity value distribution area can be updated synchronously. This conserves computing resources and shortens the rendering cycle of the 3D exhibition hall page. Further references Figure 3 As an implementation of the methods shown in the above figures, the present disclosure provides some embodiments of a 3D exhibition hall page rendering device based on multi-mode interaction. These device embodiments are similar to Figure 2 Corresponding to the method embodiments shown, the three-dimensional exhibition hall page rendering device based on multi-mode interaction can be specifically applied to various electronic devices.
[0104] like Figure 3As shown, in some embodiments, a three-dimensional exhibition hall page rendering device 300 based on multi-modal interaction includes: a processing unit 301, a first generating unit 302, a second generating unit 303, an updating unit 303 and a rendering unit 305. The processing unit 301 is configured to initialize the annular hue selector and the square chromaticity value distribution area in the color selector to obtain the initialized annular hue selector and the initialized square chromaticity value distribution area, wherein the above color selector is set in the original three-dimensional exhibition hall page; the first generating unit 302 is configured to generate annular hue texture information according to the initialized annular hue selector; the second generating unit 303 is configured to generate the applied annular hue texture information and the applied square chromaticity value distribution area according to the above annular hue texture information. The chromaticity value distribution area, wherein the chromaticity attributes in the above-mentioned square chromaticity value distribution area after application include: saturation attribute and brightness attribute; the updating unit 304 is configured to update the above-mentioned annular hue texture information after application and the above-mentioned square chromaticity value distribution area after application, and obtain the updated annular hue texture information and the updated square chromaticity value distribution area; the rendering unit 305 is configured to render the above-mentioned original three-dimensional exhibition hall page according to the hue value corresponding to the above-mentioned updated annular hue texture information and the chromaticity value corresponding to the above-mentioned updated square chromaticity value distribution area.
[0105] It is understandable that the units described in the multi-mode interactive three-dimensional exhibition hall page rendering device 300 are similar to those in the reference Figure 2 Therefore, the operations, features and beneficial effects described above for the method are also applicable to the 3D exhibition hall page rendering device 300 based on multi-modal interaction and the units contained therein, and will not be repeated here. Reference below Figure 4 , which shows an electronic device suitable for implementing some embodiments of the present disclosure (such as Figure 1 A schematic structural diagram of the computing device 101 is shown. Figure 4 The electronic device shown is only an example and should not limit the functions and scope of use of the embodiments of the present disclosure. Figure 4As shown, the computer device includes a processor, a memory and a network interface connected via a system bus, wherein the memory may include a non-volatile storage medium and an internal memory. The non-volatile storage medium may store an operating system and a computer program. The computer program includes program instructions, which, when executed, may enable the processor to execute any of the above methods. The processor is used to provide computing and control capabilities to support the operation of the entire computer device. The internal memory provides an environment for the operation of the computer program in the non-volatile storage medium, which, when executed by the processor, may enable the processor to execute any of the above methods. The network interface is used for network communication, such as sending assigned tasks, etc. Those skilled in the art will understand that Figure 4 The structure shown in the figure is merely a block diagram of a portion of the structure related to the solution of the present disclosure, and does not constitute a limitation on the computer device to which the solution of the present disclosure is applied. The specific computer device may include more or fewer components than shown in the figure, or combine certain components, or have a different component arrangement.
[0106] It should be understood that the processor may be a central processing unit (CPU), other general-purpose processors, digital signal processors (DSP), application-specific integrated circuits (ASIC), field-programmable gate arrays (FPGA), other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. The general-purpose processor may be a microprocessor or any conventional processor, etc.
[0107] In one embodiment, the processor is used to run a computer program stored in a memory to implement the following steps: initializing the annular hue selector and the square chromaticity value distribution area in the color selector to obtain an initialized annular hue selector and an initialized square chromaticity value distribution area, wherein the color selector is set in the original three-dimensional exhibition hall page; generating annular hue texture information based on the initialized annular hue selector; generating post-application annular hue texture information and a post-application square chromaticity value distribution area based on the annular hue texture information, wherein the chromaticity attributes in the post-application square chromaticity value distribution area include: saturation attribute and brightness attribute; updating the post-application annular hue texture information and the post-application square chromaticity value distribution area to obtain updated annular hue texture information and an updated square chromaticity value distribution area; rendering the original three-dimensional exhibition hall page according to the hue value corresponding to the updated annular hue texture information and the chromaticity value corresponding to the updated square chromaticity value distribution area.
[0108] An embodiment of the present disclosure further provides a computer-readable storage medium, on which a computer program is stored. The computer program includes program instructions. The method implemented when the program instructions are executed can refer to the various embodiments of the method described above in the present disclosure.
[0109] The computer-readable storage medium may be an internal storage unit of the computer device described in the aforementioned embodiment, such as a hard disk or memory of the computer device. The computer-readable storage medium may also be an external storage device of the computer device, such as a plug-in hard disk, a SmartMedia Card (SMC), a Secure Digital (SD) card, a flash memory card, etc., provided on the computer device.
[0110] It should be noted that, in this document, the terms "comprises," "includes," or any other variations thereof are intended to encompass non-exclusive inclusion, such that a process, method, article, or system comprising a series of elements includes not only those elements but also other elements not explicitly listed, or elements inherent to such process, method, article, or system. In the absence of further limitations, an element defined by the phrase "comprising a ..." does not exclude the presence of other identical elements in the process, method, article, or system comprising the element.
[0111] The above descriptions are merely some preferred embodiments of the present disclosure and illustrate the underlying technical principles. Those skilled in the art should understand that the scope of the invention encompassed by the embodiments of the present disclosure is not limited to technical solutions formed by specific combinations of the aforementioned technical features. It also encompasses other technical solutions formed by any combination of the aforementioned technical features or their equivalents, without departing from the aforementioned inventive concept. For example, a technical solution formed by replacing the aforementioned features with (but not limited to) technical features with similar functions disclosed in the embodiments of the present disclosure.
Claims
1. A three-dimensional exhibition hall page rendering method based on multi-mode interaction, characterized in that: include: Initializing the annular hue selector and the square chromaticity value distribution area in the color selector to obtain an initialized annular hue selector and an initialized square chromaticity value distribution area, wherein the color selector is set in the original three-dimensional exhibition hall page; generating annular hue texture information according to the initialized annular hue selector; Generate the annular hue texture information after application and the square chromaticity value distribution area after application according to the annular hue texture information, wherein the chromaticity attributes in the square chromaticity value distribution area after application include: saturation attribute and brightness attribute; updating the applied annular hue texture information and the applied square chromaticity value distribution area to obtain updated annular hue texture information and updated square chromaticity value distribution area; The original three-dimensional exhibition hall page is rendered according to the hue value corresponding to the updated annular hue texture information and the chromaticity value corresponding to the updated square chromaticity value distribution area.
2. The method according to claim 1, characterized in that The updating of the applied annular hue texture information and the applied square chromaticity value distribution area to obtain the updated annular hue texture information and the updated square chromaticity value distribution area includes: In response to receiving a drag adjustment instruction for the initialized annular hue selector, updating the applied annular hue texture information and the applied square chromaticity value distribution area according to an adjustment angle value corresponding to the drag adjustment instruction to obtain updated annular hue texture information and updated square chromaticity value distribution area; In response to receiving a chromaticity value adjustment instruction for the initialized square chromaticity value distribution area, updating the post-application annular hue texture information and the post-application square chromaticity value distribution area according to the adjusted chromaticity value and adjustment position information corresponding to the chromaticity value adjustment instruction to obtain updated annular hue texture information and updated square chromaticity value distribution area; In response to receiving a chroma value adjustment instruction for the initialized square chroma value distribution area, updating the applied square chroma value distribution area and the applied annular hue texture information according to the adjusted chroma value corresponding to the chroma value adjustment instruction to obtain an updated square chroma value distribution area and an updated annular hue texture information; In response to receiving a slider adjustment instruction for the initialized square chromaticity value distribution area, the applied square chromaticity value distribution area and the applied circular hue texture information are updated according to the slider position information corresponding to the slider adjustment instruction to obtain the updated square chromaticity value distribution area and the updated circular hue texture information.
3. The method according to claim 2, characterized in that In response to receiving a drag adjustment instruction for the initialized annular hue selector, updating the applied annular hue texture information and the applied square chromaticity value distribution area according to an adjustment angle value corresponding to the drag adjustment instruction to obtain the updated annular hue texture information and the updated square chromaticity value distribution area, including: Performing hue value mapping on the adjustment angle value to obtain a mapped hue value; According to the mapped hue value, the applied annular hue texture information and the applied square chromaticity value distribution area are updated to obtain updated annular hue texture information and updated square chromaticity value distribution area.
4. The method according to claim 2, characterized in that In response to receiving a chromaticity value adjustment instruction for the initialized square chromaticity value distribution area, updating the post-application annular hue texture information and the post-application square chromaticity value distribution area according to the adjusted chromaticity value and adjustment position information corresponding to the chromaticity value adjustment instruction to obtain the updated annular hue texture information and the updated square chromaticity value distribution area, including: determining a three-dimensional chromaticity value according to the adjusted chromaticity value and the adjusted position information; Performing color space conversion on the three-dimensional chromaticity value to obtain a converted color value; According to the converted color value, the applied annular hue texture information and the applied square chromaticity value distribution area are updated to obtain updated annular hue texture information and updated square chromaticity value distribution area.
5. The method according to claim 1, wherein The step of generating the applied annular hue texture information and the applied square chromaticity value distribution area according to the annular hue texture information includes: Performing pixel traversal on the image pixels corresponding to the annular hue texture information to obtain a traversed pixel point set; Determining the angle value of the traversed pixel point corresponding to the user selection operation in the traversed pixel point set to obtain the angle value of the selected pixel point; Converting the angle value of the selected pixel point into a hue value to obtain the hue value of the selected pixel point; Performing color space conversion on the hue value of the selected pixel to obtain a converted color value; Applying the converted color value to the image pixel corresponding to the annular hue texture information to obtain applied annular hue texture information; Determine the chromaticity value of the selected pixel point in the traversed pixel point set to obtain the chromaticity value of the selected pixel point; Performing color space conversion on the chromaticity value of the selected pixel to obtain a converted color value; The converted color value is applied to the image pixels corresponding to the initialized square chromaticity value distribution area to obtain the applied square chromaticity value distribution area.
6. A 3D exhibition hall page rendering device based on multi-mode interaction, characterized in that: include: a processing unit configured to initialize the annular hue selector and the square chromaticity value distribution area in the color selector to obtain an initialized annular hue selector and an initialized square chromaticity value distribution area, wherein the color selector is set in the original three-dimensional exhibition hall page; a first generating unit configured to generate annular hue texture information according to the initialized annular hue selector; A second generating unit is configured to generate, based on the annular hue texture information, the annular hue texture information after application and the square chroma value distribution area after application, wherein the chroma attributes in the square chroma value distribution area after application include: a saturation attribute and a brightness attribute; an updating unit configured to update the applied annular hue texture information and the applied square chromaticity value distribution area to obtain updated annular hue texture information and updated square chromaticity value distribution area; The rendering unit is configured to render the original three-dimensional exhibition hall page according to the hue value corresponding to the updated annular hue texture information and the chroma value corresponding to the updated square chroma value distribution area.
7. An electronic device, characterized in that: include: one or more processors; a storage device having one or more programs stored thereon; When the one or more programs are executed by the one or more processors, the one or more processors implement the method according to any one of claims 1 to 5.
8. A computer-readable medium, characterized in that A computer program is stored thereon, wherein when the computer program is executed by a processor, the method according to any one of claims 1 to 5 is implemented.