An information display method, device, equipment, storage medium and program product

Abstract

Embodiments of the present application disclose an information display method, device and equipment, a storage medium and a program product, relating to the technical field of computer, which comprises the following steps: rendering and displaying two-dimensional material data associated with a target object on an information display layer in an information display window of a current page; rendering and displaying a three-dimensional model of the target object on a model display layer in the information display window at a first rendering perspective; wherein the information display window of the current page comprises a plurality of display layers, and different display layers have different depths in the information display window, and the plurality of display layers comprise the information display layer and the model display layer. The target object can be rendered and displayed by the display layers with different depths, so that the stereoscopic display performance of the target object can be improved.

Description

[0001] This application is a divisional application. The original application has the application number 202411688723.5, the application date is November 22, 2024, and the invention title is "An information display method, device, equipment, storage medium and program product". Technical Field

[0002] The embodiments of the present invention relate to the field of computer technology, and in particular to an information display method, apparatus, device, storage medium and program product. Background Technology

[0003] Currently, when displaying objects such as items on smartphones and other smart terminals, they are usually presented in a two-dimensional format using images and videos. For example, in the item display area on the homepage of an application (APP) or on an item details page, the item image and related descriptive data are displayed statically as images, presenting a two-dimensional visual effect, and interaction with the target object can only be achieved by the user clicking with their finger.

[0004] In the process of realizing this invention, at least the following problems were found in the prior art:

[0005] When displaying a target object in a two-dimensional format, the limited two-dimensional information makes it difficult to provide users with a good visual experience, and the display solution needs to be improved. Summary of the Invention

[0006] This invention provides an information display method, apparatus, device, storage medium, and program product to optimize object display schemes and improve visual display effects.

[0007] In a first aspect, embodiments of the present invention provide an information display method, the method comprising:

[0008] Within the information display layer of the current page's information display window, the two-dimensional material data associated with the target object is rendered and displayed.

[0009] In the model display layer within the information display window, the three-dimensional model of the target object is rendered and displayed from a first rendering perspective;

[0010] The information display window on the current page includes multiple display layers, and the different display layers have different depths within the information display window. The multiple display layers include the information display layer and the model display layer.

[0011] Secondly, embodiments of the present invention also provide an information display device, the device comprising: a display unit within a display window;

[0012] The display unit within the display window includes:

[0013] The information display layer is a sub-unit used to render and display the two-dimensional material data associated with the target object within the information display window of the current page.

[0014] The model display layer is a sub-unit used within the information display window to render and display the 3D model of the target object from a first-person rendering perspective.

[0015] The information display window on the current page includes multiple display layers, and the different display layers have different depths within the information display window. The multiple display layers include the information display layer and the model display layer.

[0016] Thirdly, embodiments of the present invention provide an electronic device, the electronic device comprising:

[0017] One or more processors;

[0018] Memory, used to store one or more programs;

[0019] When the one or more programs are executed by the one or more processors, the one or more processors implement the information display method provided in any embodiment of the present invention.

[0020] Fourthly, embodiments of the present invention also provide a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the information display method as provided in any embodiment of the present invention.

[0021] Fifthly, embodiments of the present invention also provide a computer program product, including a computer program that, when executed by a processor, implements the information display method provided in any embodiment of the present invention.

[0022] The embodiments of the above invention have the following advantages or beneficial effects:

[0023] Within the information display window of the current page, the two-dimensional material data associated with the target object is rendered and displayed in the information display layer; within the model display layer of the information display window, the three-dimensional model of the target object is rendered and displayed from a first rendering perspective; wherein, the information display window of the current page includes multiple display layers, and the different display layers have different depths within the information display window, the multiple display layers include the information display layer and the model display layer. Rendering and displaying the target object through multiple display layers of depth can improve the three-dimensional display performance of the target object. Attached Figure Description

[0024] Figure 1A flowchart illustrating an information display method provided in an embodiment of the present invention;

[0025] Figure 2 This is a schematic diagram illustrating a three-dimensional model of a target object under different rendering perspectives according to an embodiment of the present invention;

[0026] Figure 3 This is a schematic diagram illustrating a three-dimensional model of a target object from a different rendering perspective, according to an embodiment of the present invention.

[0027] Figure 4A This is a schematic diagram illustrating the effect of a three-dimensional model of a target object breaking through a window, according to an embodiment of the present invention.

[0028] Figure 4B This is an example diagram illustrating a three-dimensional model of a target object displayed through a window, according to an embodiment of the present invention.

[0029] Figure 5 This is a rendering of a three-dimensional model of a target object provided by an embodiment of the present invention;

[0030] Figure 6 This is a schematic diagram illustrating a three-dimensional model of a target object according to an embodiment of the present invention;

[0031] Figure 7 This is a schematic diagram illustrating a three-dimensional model display using a preset masking layer, according to an embodiment of the present invention.

[0032] Figure 8 This is a schematic diagram illustrating the first rendering perspective display of a three-dimensional model of a target object within an information display window of the current page, according to an embodiment of the present invention.

[0033] Figure 9 This is a schematic diagram illustrating a second rendering perspective of displaying a three-dimensional model of a target object within an information display window of the current page, according to an embodiment of the present invention.

[0034] Figure 10 This is a schematic diagram illustrating a first rendering perspective display of a three-dimensional model of a target object outside the information display window of the current page, according to an embodiment of the present invention.

[0035] Figure 11 This is a schematic diagram illustrating a second rendering perspective of displaying a 3D model of a target object outside the information display window of the current page, according to an embodiment of the present invention.

[0036] Figure 12 This is a flowchart illustrating another information display method provided according to an embodiment of the present invention;

[0037] Figure 13 This is a schematic diagram of a target object display based on multiple display layers according to an embodiment of the present invention;

[0038] Figure 14 This is a flowchart illustrating another information display method provided according to an embodiment of the present invention;

[0039] Figure 15 This is a schematic diagram of a viewing cone provided according to an embodiment of the present invention;

[0040] Figure 16 This is a schematic diagram of a tilted view cone provided according to an embodiment of the present invention;

[0041] Figure 17 This is a schematic diagram of the structure of an information display device provided in an embodiment of the present invention;

[0042] Figure 18 This is a schematic diagram of the structure of an electronic device provided in an embodiment of the present invention. Detailed Implementation

[0043] The present invention will now be described in further detail with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the invention and not intended to limit it. Furthermore, it should be noted that, for ease of description, the accompanying drawings show only the parts relevant to the present invention, and not all of the structures.

[0044] Figure 1 This is a flowchart illustrating an information display method provided in an embodiment of the present invention. This embodiment is applicable to scenarios where 3D models of objects, such as items, commodities, or other objects, are displayed on a terminal page. For example, a 3D model of a product is displayed on the homepage or product details page of an app. This method can be executed by an information display device integrated into a smart terminal. This device can be implemented in software and / or hardware. The smart terminal can be a mobile terminal such as a mobile phone, tablet computer (PAD), or wearable device, or a personal computer (PC). Figure 1 As shown, the method specifically includes the following steps:

[0045] S110. Render and display the 3D model of the target object in the preset display area of ​​the current page from the first rendering perspective.

[0046] Optionally, the current page can include the application's homepage, product details page, live stream page, comment page, or waterfall page. The preset display area can be the area on the current page used to display the target object. The target object can include a product. The rendering perspective refers to the angle and position from which the scene is observed and rendered during the rendering process. The rendering process uses the position parameters of a virtual camera; by adjusting these parameters, images from different perspectives can be rendered. The virtual camera, located on the terminal, simulates the behavior of a real camera, capturing and recording image information in the virtual scene. This image information is then rendered to display the target object in a two-dimensional plane. The first rendering perspective can refer to the rendering perspective used at any given moment when rendering and displaying the 3D model of the target object. For example, this "any given moment" could be the initial moment when rendering and displaying the 3D model of the target object on the current page.

[0047] S120. In response to detecting a viewpoint transition trigger event, obtain the event data corresponding to the viewpoint transition trigger event.

[0048] Among them, the viewpoint transition triggering event includes the current terminal's posture change event and / or the current user's body posture change event. The event data corresponding to the terminal posture change event includes terminal posture data, and the event data corresponding to the body posture change event includes body posture data.

[0049] For example, a terminal can be a smart terminal, including electronic terminal devices such as mobile phones, tablets, wearable devices, and PCs. A terminal posture change event can be an event in which the position and / or angle of the terminal changes, causing a change in the viewing angle between the user and the terminal. Terminal posture data can include terminal angle data and / or terminal position data before and / or after the posture change.

[0050] A body posture change event can be an event in which the position and / or angle of a user's body part changes, resulting in a change in the viewing angle between the user and the terminal. Body posture data can include body part angle data and / or body part position data before and / or after the body posture change.

[0051] In practical applications, a perspective change trigger event can be an event caused by a change in the terminal's posture, resulting in a change in the perspective between the user and the terminal; or, it can be an event caused by a change in the user's posture, resulting in a change in the perspective between the user and the terminal; or, it can be an event caused by changes in the postures of both the terminal and the user, resulting in a change in the perspective between the user and the terminal.

[0052] S130. Render and display the 3D model of the target object from a second rendering perspective based on event data.

[0053] The first rendering perspective differs from the second rendering perspective. Because the terminal's posture or the user's body posture changes, the user's and terminal's perspectives also change. To present an image of the 3D model that matches the changed perspective, the rendering perspective of the target object's 3D model needs to be adaptively adjusted, that is, the first rendering perspective is changed to the second rendering perspective, thereby improving the visual display effect.

[0054] Figure 2 This is a schematic diagram illustrating a 3D model of a target object from different rendering perspectives, provided by an embodiment of the present invention. In such... Figure 2 In the demonstration shown, the user's body posture remains constant, while the terminal's posture changes. For example... Figure 2 As shown, for example, the middle rendering image shows a 3D model of any product rendered from rendering perspective 1. The left rendering image shows a 3D model of the product rendered from rendering perspective 2 when the terminal is tilted to the left (or rotated). The right rendering image shows a 3D model of the product rendered from rendering perspective 3 when the terminal is tilted to the right (or rotated).

[0055] Figure 3 This is a schematic diagram illustrating a 3D model of a target object from a different rendering perspective, provided by an embodiment of the present invention. Figure 3 In the demonstration shown, the user's body posture changes, but the terminal's posture remains unchanged. For example... Figure 3 As shown, for example, the middle rendering image shows a 3D model of any product rendered from rendering perspective 4. The left rendering image shows a 3D model of the product rendered from rendering perspective 5 when the user's body, head, or eyes move to the left. The right rendering image shows a 3D model of the product rendered from rendering perspective 6 when the user's body, head, or eyes move to the right.

[0056] By adjusting the rendering perspective of the product's 3D model to follow the posture changes of the terminal and / or user, the details of the product model can be viewed from different angles, improving the accuracy and immersion of the user's observation of the product. This ensures that the product display angle is always related to the user's perspective, simulating a realistic product display method and enhancing the visual experience.

[0057] The technical solution of this invention renders and displays a 3D model of a target object from a first rendering perspective in a preset display area of ​​the current page; in response to detecting a perspective transition trigger event, it acquires event data corresponding to the perspective transition trigger event; wherein, the perspective transition trigger event includes a terminal posture change event of the current terminal and / or a body posture change event of the current user, the event data corresponding to the terminal posture change event includes terminal posture data, and the event data corresponding to the body posture change event includes body posture data; based on the event data, it renders and displays the 3D model of the target object from a second rendering perspective; wherein, the first rendering perspective and the second rendering perspective are different, which solves the problem in the prior art that the display angle of the target object is fixed and cannot be dynamically adjusted with the user's perspective change, and achieves the technical effect of adjusting the rendering perspective of the target object with the posture change of the terminal and / or the user, allowing viewing of model details from different angles, improving the accuracy and immersion of the user's observation of the object, and enabling the object display angle to always be associated with the user's perspective, simulating a realistic object display method, and improving the visual experience.

[0058] In an optional embodiment of the present invention, S110 can be implemented in multiple ways. Specifically, rendering and displaying the 3D model of the target object from a first rendering perspective in a preset display area of ​​the current page includes: rendering and displaying the 3D model of the target object from a first rendering perspective within the information display window of the current page; or rendering and displaying the 3D model of the target object from a first rendering perspective outside the information display window of the current page; or rendering and displaying the 3D model of the target object from a first rendering perspective on the current page, wherein a portion of the 3D model is located within the information display window of the current page, and another portion of the 3D model is located outside the information display window of the current page.

[0059] The information display window can be a window on the current page used to display information about the target object. Within this window, the 3D model of the target object is rendered and displayed from a first-person perspective. This can be understood as rendering and displaying the 3D model of the target object from a first-person perspective within a fixed display window. In other words, the display of the target object will not extend beyond the current page's information display window.

[0060] Outside the information display window of the current page, the 3D model of the target object is rendered and displayed from a first-person rendering perspective. This can be understood as rendering and displaying the 3D model of the target object from a first-person rendering perspective outside the information display window. When displaying the 3D model of the target object outside the information display window of the current page, the 3D model is closer to the current virtual camera relative to the terminal screen. That is, the distance between the 3D model and the current virtual camera is less than the distance between the terminal screen and the current virtual camera. Specifically, this could mean that the distance between any point on the 3D model and the current virtual camera is less than the distance between the terminal screen and the current virtual camera, or that the distance between the center point of the 3D model and the current virtual camera is less than the distance between the terminal screen and the current virtual camera. This embodiment of the invention does not impose specific limitations on this.

[0061] Alternatively, when rendering and displaying a 3D model, one part of the 3D model may be located within the information display window of the current page, while another part may be located outside the information display window. Having part of the target object's 3D model within and part outside the information display window allows users to experience various display effects; for example, the product features outside the information display window can be highlighted.

[0062] In this embodiment of the invention, any one of the three methods described above can be used to render and display the 3D model of the target object. Furthermore, in optional embodiments of this invention, multiple display methods can be combined.

[0063] Optionally, after rendering and displaying the 3D model of the target object in the information display window of the current page from a first rendering perspective, the method further includes: controlling the 3D model of the target object to move from inside the information display window to outside the information display window; and, during the movement of the 3D model of the target object, selecting pixels in the 3D model that are outside the preset mask layer for rendering and displaying, and skipping the rendering and display of pixels in the 3D model that are inside the preset mask layer.

[0064] In other words, it can render and display the 3D model of the target object within the information display window in the initial state; when the user observes the product, the display image of the 3D model is dynamically displayed through a broken window, allowing the user to perceive the effect of the target object changing from being displayed inside the window to being displayed outside the window, thus enhancing the user's intuitive experience.

[0065] Furthermore, in practical applications, the display of a 3D model can also involve moving from outside the information display window to inside. Specifically, when rendering and displaying the 3D model of a target object from a first rendering perspective outside the current page's information display window, the method further includes controlling the 3D model of the target object to move from outside the information display window to inside. By dynamically displaying the 3D model from inside to outside or from outside to inside the information display window, the free display of the target object and its ability to dynamically adjust with the user can be achieved. For example, when the terminal is close to the user, a display method that controls the 3D model of the target object to move from inside the information display window to outside the information display window can be used. When the terminal is far from the user, a display method that controls the 3D model of the target object to move from outside the information display window to inside the information display window can be used.

[0066] Figure 4A This is a schematic diagram illustrating the effect of dynamically displaying a three-dimensional model of a target object through a window, according to an embodiment of the present invention. Figure 4A The left-hand side image is a schematic diagram showing the 3D model of the target object displayed in the information display window. Figure 4A The right-hand image shows a schematic of the target object's 3D model displayed outside the current page's information display window. Controlling the movement of the target object's 3D model from inside the information display window to outside the window is as follows... Figure 4A The diagram illustrates the process of transforming the left-side rendering into the right-side rendering. It controls the movement of the target object's 3D model from outside the information display window to inside, as shown in the example. Figure 4A The process of changing from the right-hand rendering to the left-hand rendering is shown. Figure 4B This is an example diagram illustrating a breakthrough window display of a three-dimensional model of a target object, such as a product, according to an embodiment of the present invention.

[0067] Figure 5 This is a rendering of a three-dimensional model of a target object provided by an embodiment of the present invention. For example... Figure 5 As shown, part of the 3D model of the target object is inside the information display window, and the other part is outside the information display window. Figure 6 This is a schematic diagram illustrating a three-dimensional model of a target object according to an embodiment of the present invention. Figure 6 As shown, the target object, such as a 3D model of a product, has one part inside the information display window and the other part outside the information display window.

[0068] In the dynamic broken window display process, in order to further enhance the broken window effect of the model passing through the screen and achieve the visual effect of highlighting the model part located outside the preset mask layer, during the movement of the 3D model, the pixels in the 3D model outside the preset mask layer are selected for rendering and display, while the pixels in the 3D model inside the preset mask layer are skipped for rendering and display.

[0069] The preset mask layer can be used to occlude parts of a 3D model that are within the preset mask layer, preventing them from being displayed. The depth value of the preset mask layer can be preset, allowing it to sit above the User Interface (UI) layer. The preset mask layer can be transparent or opaque and does not contain color information. During rendering, the rendering pipeline compares the depth values ​​of the pixels to be rendered on the 3D model with the depth value of the preset mask layer. Pixels with depth values ​​greater than the preset mask layer's depth value (i.e., pixels outside the preset mask layer) are rendered and displayed, while pixels with depth values ​​less than the preset mask layer's depth value (i.e., pixels within the preset mask layer) are skipped from rendering.

[0070] Figure 7 This is a schematic diagram illustrating a three-dimensional model display using a preset masking layer, according to an embodiment of the present invention. Figure 7 As shown, the area outside the preset mask layer can be understood as the region of the preset mask layer closer to the virtual camera. The area inside the preset mask layer can be understood as the region of the preset mask layer farther away from the virtual camera. For example... Figure 7 As shown, the 3D model outside the preset mask layer can be rendered and displayed, while the 3D model inside the preset mask layer is not rendered and displayed, achieving the effect of the 3D model passing through the screen.

[0071] The preset mask layer can be transparent or opaque. When the preset mask layer is transparent, it can obscure the 3D model within it, but the UI content within it can still be rendered. When the preset mask layer is opaque, it can obscure not only the 3D model within it but also the entire UI content, meaning the UI content cannot be rendered. By rendering the 3D model of the target object within, outside, or moving from within, or from outside the information display window of the current page, the 3D model can be displayed in various ways, giving it diverse display capabilities. Displaying it outside the information display window allows for a broken window effect; moving it from within or outside the information display window enhances the dynamic feel of the broken window. Partially obscuring the model with the preset mask layer further enhances the broken window effect, making the user perceive the model passing through the screen.

[0072] It should be noted that when rendering and displaying the 3D model of the target object from a second rendering perspective, any of the above rendering methods can also be used. That is, the 3D model of the target object can be rendered and displayed from a second rendering perspective within the information display window of the current page, or outside the information display window of the current page, or with part of the 3D model inside and part outside the information display window, or moving from inside to outside the information display window of the current page, or moving from outside to inside the information display window of the current page.

[0073] To better illustrate the specific application effects of the information display method provided in the embodiments of the present invention. Figure 8 This is a schematic diagram illustrating a first rendering perspective display of a 3D model of a target object, such as a product, within an information display window on the current page, according to an embodiment of the present invention. Figure 9 This is a schematic diagram illustrating a second rendering perspective of a 3D model of a product within an information display window on the current page, according to an embodiment of the present invention. Figure 8 and Figure 9 As shown, the 3D model of the target object can be dynamically adjusted to change the display perspective in the information display window, following the changes in the terminal posture or user posture.

[0074] Figure 10 This is a schematic diagram illustrating a first rendering perspective display of a 3D model of a target object, such as a product, outside the information display window of the current page, according to an embodiment of the present invention. Figure 11This is a schematic diagram illustrating a second rendering perspective of a 3D model of a product, displayed outside the information display window of the current page, according to an embodiment of the present invention. Figure 10 and Figure 11 As shown, outside the information display window, the 3D model of the target object can be dynamically adjusted to adjust the display perspective according to the changes in the terminal posture or user posture.

[0075] like Figure 8 and Figure 9 As shown, the 3D model of the product can be controlled to move from inside the information display window to outside the information display window, or, as... Figure 10 and Figure 11 As shown, the 3D model of the product can be moved from outside the information display window to inside the information display window.

[0076] Figure 12 This is a flowchart illustrating another information display method provided by an embodiment of the present invention. Figure 12 As shown, the method includes:

[0077] S510. In the information display layer within the information display window of the current page, render and display the two-dimensional material data associated with the target object; in the model display layer within the information display window of the current page, render and display the three-dimensional model of the target object from a first rendering perspective.

[0078] Among them, the two-dimensional material data can be any two-dimensional information data related to the target object. For example, when the target object is a product, the two-dimensional material data includes, but is not limited to, one or any one of the product's name, brand, price, features, and functional parameters.

[0079] An information display layer may include at least one display layer, and a model display layer may also include at least one display layer. Different display layers have different depths within the information display window; that is, different display layers have different depth values. When an information display layer includes multiple display layers, the two-dimensional material data associated with the target object can be displayed through multiple layers, making the target object appear more three-dimensional.

[0080] Optionally, the model display layer can be located below or above the information display layer. That is, the depth of the model display layer can be greater or less than the depth of the information display layer. By displaying 3D models and 2D material data in layers, the three-dimensionality of the product display can be enhanced, allowing the content behind the screen to be fully expressed.

[0081] In practical implementation, the background information of the target object can also be displayed in the background display layer within the information display window.

[0082] The background display layer can include one or more display layers, with different layers positioned at varying depths within the information display window. Background information can include dynamic images, static pictures, or 3D background models. By adding a background display layer on top of the information display layer and model display layer, the product's adaptability to different scenarios can be increased, allowing users to fully understand the product's intended use.

[0083] Figure 13 This is a schematic diagram illustrating a target object display based on multiple display layers, according to an embodiment of the present invention. For example... Figure 13 As shown, the target object can be fully represented through four display layers, arranged in ascending order of depth: information display layer A, information display layer B, model display layer C, and background display layer D. Rendering and displaying the target object using multiple display layers improves its 3D presentation performance.

[0084] The multi-layer composite display method provided in this embodiment of the invention can be applied not only to the information display window of the current page, but also to the rendering and display of the 3D model of the target object from a first rendering perspective on the current page, where a portion of the 3D model is located within the information display window of the current page, and another portion is located outside the information display window. In other words, the multi-layer composite display method can be used for the portion of the 3D model displayed within the information display window.

[0085] S520, In response to detecting a viewpoint transition trigger event, obtain the event data corresponding to the viewpoint transition trigger event.

[0086] Among them, the viewpoint transition triggering event includes the current terminal's posture change event and / or the current user's body posture change event. The event data corresponding to the terminal posture change event includes terminal posture data, and the event data corresponding to the body posture change event includes body posture data.

[0087] S530. The three-dimensional model of the target object is rendered and displayed from a second rendering perspective based on event data; wherein the first rendering perspective is different from the second rendering perspective.

[0088] Optionally, rendering and displaying the 3D model of the target object from a second rendering perspective based on the event data includes: re-rendering and displaying the 3D model of the target object from a second rendering perspective based on the event data. The display perspective of the 3D model after rendering from the second rendering perspective has a positive or negative correlation with the current terminal's posture change event and / or the current user's body posture change event. Specifically, the display perspective of the 3D model may have a positive or negative correlation with the direction of the terminal's posture change and / or the direction of the body posture change. A positive correlation may occur when the direction of the 3D model's display perspective change is the same as the direction of the terminal's posture change and / or the direction of the body posture change. The direction of change can be any one or a combination of up, down, left, and right. For example, when the terminal and / or the user's body turns to the left, the display perspective of the 3D model also rotates to the left. Similarly, when the terminal and / or the user's body turns to the right, the display perspective of the 3D model also rotates to the right. A negative correlation may occur when the direction of the 3D model's display perspective change is different from the direction of the terminal's posture change and / or the direction of the body posture change, for example, opposite. For example, when the terminal and / or the user's body turns to the left, the display perspective of the 3D model rotates to the right. Conversely, when the terminal and / or the user's body turns to the right, the display perspective of the 3D model rotates to the left.

[0089] It should be noted that when rendering and displaying the 3D model of the target object from a second rendering perspective, the multi-layer composite display method described above can also be used. Furthermore, when the model display layer includes multiple display layers, each of which can display one 3D model of the target object, this means there are multiple 3D models of the target object. For all these multiple 3D models, the rendering perspective needs to be changed from the first rendering perspective to the second rendering perspective to improve overall interactivity.

[0090] Figure 14 This is a flowchart illustrating another information display method provided by an embodiment of the present invention. Figure 14 As shown, the method includes:

[0091] S710. Render and display the 3D model of the target object in the preset display area of ​​the current page from a first-person rendering perspective.

[0092] Optionally, the 3D model of the target object is rendered and displayed in a preset display area of ​​the current page from a first rendering perspective, including: rendering and displaying the 3D model of the target object from a first rendering perspective within the information display window of the current page; or rendering and displaying the 3D model of the target object from a first rendering perspective outside the information display window of the current page; or rendering and displaying the 3D model of the target object from a first rendering perspective on the current page, wherein a portion of the 3D model is located within the information display window of the current page, and another portion of the 3D model is located outside the information display window of the current page.

[0093] Optionally, within the information display window of the current page, the 3D model of the target object is rendered and displayed from a first rendering perspective, including: rendering and displaying the 2D material data associated with the target object in the information display layer within the information display window of the current page; and rendering and displaying the 3D model of the target object from a first rendering perspective in the model display layer within the information display window; wherein the information display layer and the model display layer each include at least one display layer, and the different display layers have different depths within the information display window.

[0094] Optionally, within the information display window of the current page, the 3D model of the target object is rendered and displayed from a first rendering perspective. This also includes: displaying the placement background information of the target object in the background display layer of the information display window; wherein, the placement background information includes dynamic images, static pictures, or background 3D models.

[0095] S720: In response to detecting a viewpoint transition trigger event, obtain the event data corresponding to the viewpoint transition trigger event.

[0096] The viewpoint transition trigger events include current terminal posture change events and / or current user body posture change events. The event data corresponding to the terminal posture change event includes terminal posture data, and the event data corresponding to the body posture change event includes body posture data. Optionally, body posture change events include eye posture change events and / or head posture change events. The event data corresponding to the eye posture change event or head posture change event includes the current user's current eye center point data.

[0097] S730: Determine the viewpoint offset based on event data.

[0098] Here, the viewpoint offset represents the positional offset of the second position point of the virtual camera corresponding to the second rendering viewpoint relative to the first position point of the virtual camera corresponding to the first rendering viewpoint. Since different viewpoints can be rendered by adjusting the position of the virtual camera, this step first needs to determine the positional offset of the changed virtual camera position point relative to the original virtual camera position point.

[0099] Specifically, the S730 has multiple implementation methods.

[0100] Optionally, the first implementation of S730 is as follows: when the viewpoint conversion trigger event includes a terminal attitude change event, the event data includes the current gyroscope angle data of the current terminal; the viewpoint offset is determined based on the event data, including: calculating the terminal deflection direction data based on the current gyroscope angle data and the preset correction angle data; and determining the viewpoint offset based on the terminal deflection direction data.

[0101] The gyroscope angle data can be obtained through an angular velocity sensor (i.e., a gyroscope) based on the law of conservation of angular momentum. Specifically, when an object rotates in a certain direction, it possesses an angular momentum vector perpendicular to the axis of rotation. The gyroscope contains one or more tiny rotors; when the terminal rotates, these rotors maintain their original direction and velocity of rotation. The terminal's rotational state is sensed by measuring changes in the rotor's angular velocity. Currently, the gyroscope angle data can also be the terminal's orientation attitude data.

[0102] The preset correction angle data can be a fixed value used to offset the current gyroscope angle data, making the corrected viewing angle easier for the user to observe. The preset correction angle data can be an angle determined based on the user's handholding posture of the terminal, for example, its value can be 15 degrees.

[0103] The terminal deflection direction data can be the difference between the current gyroscope angle data and the preset correction angle data. By comparing the current gyroscope angle data and the preset correction angle data, the terminal deflection direction can be accurately identified, allowing for reasonable adjustment of the display angle of the target object's 3D model. Specifically, the terminal deflection direction data is 3D vector data, which can be represented as (x, y, z). The viewpoint offset can include the horizontal and vertical data from the terminal deflection direction data; that is, the viewpoint offset can include the x and y data from the terminal deflection direction data.

[0104] Optionally, the second implementation of S730 is as follows: when the viewpoint transition trigger event includes a body posture change event, and the body posture change event includes an eye posture change event and / or a head posture change event, the event data includes the current user's current eye center point data; determining the viewpoint offset based on the event data includes: calculating the user's viewpoint orientation data based on the current eye center point data and the screen center point data; and determining the viewpoint offset based on the user's viewpoint orientation data.

[0105] The current eye center point data can be obtained by performing facial recognition on the user, acquiring the normal direction between the eyes and the screen, and thus determining the direction and position of the user's gaze. For example, the current eye center point data can be obtained through augmented reality recognition technology. For instance, the current eye center point data can be calculated using the formula eye_center = MV_Matrix × (left_eye_position + right_eye_position) / 2. In this formula, eye_center is the current eye center point data; left_eye_position is the position of the left eye; right_eye_position is the position of the right eye; MV_Matrix is ​​the Model-View Matrix, a 4×4 matrix; and eye_center can be a three-dimensional vector.

[0106] The screen center point data can be a preset value, such as (0,0,0). The user's viewing angle data can be the difference between the current eye center point data and the screen center point data. Therefore, the viewing angle offset can be determined based on the user's viewing angle data. This allows the display angle of the 3D model to dynamically adjust as the user's eye or head posture changes. For example, the viewing angle offset can include the horizontal and vertical data from the user's viewing angle data; that is, the viewing angle offset can include the x and y data from the user's viewing angle data.

[0107] Optionally, a third implementation of S730 is as follows: When the viewpoint transition trigger event includes a body posture change event, and the body posture change event includes a hand posture change event, the event data includes the current hand position data of the current user; determining the viewpoint offset based on the event data includes: calculating the model deflection direction data based on the current hand position data and the previous hand position data before the hand posture change; determining the viewpoint offset based on the model deflection direction data. For example, the difference between the current hand position data and the previous hand position data can be used as the model deflection direction data, and the viewpoint offset can include the x and y data in the model deflection direction data.

[0108] The current hand position data of the user can be the user's position data on the terminal screen. By determining the movement position and distance of the user's fingers on the terminal screen, the model's deflection direction data can be determined. Therefore, the viewing angle offset can be determined based on the model's deflection direction data. This allows the display angle of the 3D model to be dynamically adjusted according to changes in the user's hand movements.

[0109] Optionally, a fourth implementation of S730 involves combining at least two of the first, second, and third implementations of S730. When combining these implementations, the viewpoint offsets obtained from the combined implementations can be vector-summed to obtain the final viewpoint offset. This allows for accurate determination of the viewpoint offset when both the terminal's posture and the user's body posture change.

[0110] Based on the above implementation method, in order to prevent rendering distortion, the range of the viewpoint offset can also be limited. Specifically, after determining the viewpoint offset based on event data and before rendering and displaying the 3D model of the target object from a second rendering perspective based on the viewpoint offset, the method further includes: if the viewpoint offset exceeds a preset value range, adjusting the viewpoint offset that exceeds the preset value range so that the adjusted viewpoint offset is within the preset value range.

[0111] The viewpoint offset can include multi-dimensional data, and a preset value range can be set for each dimension. For example, the preset value range is [-2, 2]. In specific applications, if the viewpoint offset exceeds the range [-2, 2], it can be adjusted to fall within [-2, 2], thus avoiding rendering distortion. To further ensure rendering quality, when the viewpoint offset is multi-dimensional data, the multi-dimensional data can be adjusted proportionally to ensure that each dimension falls within [-2, 2] while maintaining the same degree of viewpoint deflection in each dimension.

[0112] S740: Based on the viewpoint offset, render and display the 3D model of the target object from a second rendering viewpoint.

[0113] The first rendering perspective can be adjusted based on the viewpoint offset to obtain a second rendering perspective. Therefore, the 3D model displayed in the second rendering perspective is more closely aligned with the user's viewing angle. There are several ways to adjust the first rendering angle based on the viewpoint offset. For example, a mapping relationship can be established between the viewpoint offset and the first rendering angle adjustment, and the second rendering perspective can be obtained based on this mapping relationship. Alternatively, theoretical knowledge from computer graphics can be used to determine the relationship between the viewpoint offset in space and the projected coordinates on the screen, thereby adjusting the first rendering perspective to obtain the second rendering perspective. By adjusting the rendering perspective of the 3D model based on the viewpoint offset, the object display can dynamically follow the user's viewpoint, showcasing more details and achieving an object display effect similar to real space.

[0114] To simulate the view observed by a real eye, optionally, the 3D model of the target object is rendered and displayed from a second rendering perspective based on the viewpoint offset, including: constructing an off-axis projection matrix based on the perspective projection matrix based on the lateral and longitudinal viewpoint offsets in the viewpoint offset; determining the projection coordinates of the 3D model of the target object based on the off-axis projection matrix; and rendering and displaying the 3D model of the target object based on the projection coordinates.

[0115] The perspective projection matrix is ​​a concept in computer graphics. It's used to convert the coordinates of objects in the three-dimensional world into projected coordinates on a two-dimensional screen, thus achieving perspective or orthographic projection effects. The perspective projection matrix defines the view frustum, or view volume, which defines the region of visible objects in view space.

[0116] Figure 15 This is a schematic diagram of a viewing cone provided according to an embodiment of the present invention. Figure 15 As shown, in the perspective projection matrix, the clipping plane is defined by the six-tuples left, right, top, bottom, near, and far. Furthermore, parameters such as the viewpoint and aspect ratio can also be defined in the perspective projection matrix. The parameters in the perspective projection matrix determine the shape and size of the view frustum, thus affecting the image rendered on the terminal screen. The basic perspective projection matrix is...

[0117] In this embodiment of the invention, in order to make the screen image consistent with the user's viewing angle, an inclined viewing cone is adopted on the basis of the perspective projection matrix, thereby simulating the image viewed by the real eye. Figure 16 This is a schematic diagram of a tilted view frustum provided according to an embodiment of the present invention. Figure 16 As shown, the left side represents the normal viewing cone, and the right side represents the off-axis viewing cone. When the viewpoint transition is triggered, based on... Figure 16 The off-axis cone shown on the right can achieve changes in the rendering perspective, thereby simulating the scene observed by a real eye.

[0118] When implementing a tilted frustum, an off-axis projection matrix needs to be constructed based on the perspective projection matrix, taking into account the lateral and longitudinal viewpoint offsets in the viewpoint offsets. For example, the off-axis projection matrix can be... In the formula, x represents the lateral view offset in the view offset, and y represents the longitudinal view offset in the view offset. That is, x represents the lateral data in the terminal deflection direction data or the user's view orientation data, and y represents the longitudinal data in the terminal deflection direction data or the user's view orientation data.

[0119] After obtaining the off-axis projection matrix, the projection coordinates of the target object's 3D model can be determined based on screen projection knowledge in computer graphics, and the 3D model can be rendered and displayed based on these coordinates. By using the off-axis projection matrix for 3D model rendering and display, the image seen by the real eye can be simulated.

[0120] It should be noted that when determining the projection coordinates of the 3D model of the target object based on the off-axis projection matrix, and rendering and displaying the 3D model of the target object based on the projection coordinates, it can be combined with the aforementioned multi-layer display method and / or broken window display method, which will not be elaborated here.

[0121] Based on any of the above embodiments, optionally, the information display method further includes: real-time detection of the distance between the current user's eyes or head and the terminal screen, and adjusting the size of the currently displayed 3D model of the target object according to the distance. Specifically, in actual display, a display method can be adopted where the size of the currently displayed 3D model of the target object is reduced when the distance between the current user's eyes or head and the terminal screen increases. And / or, a display method can be adopted where the size of the currently displayed 3D model of the target object is increased when the distance between the current user's eyes or head and the terminal screen decreases. Through the above methods, a display effect of near-large and far-small on the 3D model of the target object can be achieved, so as to better display product details at close range and better display the overall outline of the product at a distance.

[0122] It should be noted that the collection, gathering, updating, analysis, processing, use, transmission, and storage of user personal information (such as terminal posture data and / or body posture data) involved in the technical solution disclosed herein all comply with relevant laws and regulations, are used for legitimate purposes, and do not violate public order and good morals. Necessary measures are taken to prevent unauthorized access to user personal information data and to safeguard user personal information security, network security, and national security.

[0123] The following are embodiments of the information display device provided in this invention. This device and the information display method in the above embodiments belong to the same inventive concept. For details not described in detail in the embodiments of the information display device, please refer to the contents of the above embodiments.

[0124] Figure 17 This is a schematic diagram of the structure of an information display device provided in an embodiment of the present invention. Figure 17 As shown, the device includes: a first rendering perspective display module 1010, an event data acquisition module 1020, and a second rendering perspective display module 1030. Wherein:

[0125] The first rendering perspective display module 1010 is used to render and display the three-dimensional model of the target object from the first rendering perspective in the preset display area of ​​the current page.

[0126] The event data acquisition module 1020 is used to acquire the event data corresponding to the viewpoint transition trigger event in response to the detection of the viewpoint transition trigger event; wherein, the viewpoint transition trigger event includes the current terminal posture change event and / or the current user's body posture change event, the event data corresponding to the terminal posture change event includes terminal posture data, and the event data corresponding to the body posture change event includes body posture data.

[0127] The second rendering perspective display module 1030 is used to render and display the three-dimensional model of the target object from a second rendering perspective based on event data; wherein, the first rendering perspective is different from the second rendering perspective.

[0128] Optionally, body posture change events include eye posture change events and / or head posture change events.

[0129] Optional, the first rendering perspective display module 1010 includes:

[0130] The display unit within the display window is used to render and display the 3D model of the target object from a first-person rendering perspective within the information display window of the current page; or,

[0131] An outside-window display unit is used to render and display the 3D model of a target object from a first-person rendering perspective, outside the information display window of the current page; or...

[0132] The display unit between display windows is used to render and display the three-dimensional model of the target object from a first rendering perspective on the current page. A portion of the three-dimensional model is located within the information display window of the current page, while another portion of the three-dimensional model is located outside the information display window of the current page.

[0133] Optionally, the display units within the display window include:

[0134] The information display layer is a sub-unit used to render and display the two-dimensional material data associated with the target object within the information display window of the current page.

[0135] The model display layer is a sub-unit used within the information display window to render and display the 3D model of the target object from a first-person rendering perspective.

[0136] The information display layer and the model display layer each include at least one display layer, and the different display layers have different depths within the information display window.

[0137] Optionally, the display units within the display window may also include:

[0138] The background display layer is a sub-unit used to display the background information of the target object within the information display window.

[0139] The background information includes dynamic images, static pictures, or 3D background models.

[0140] Optional, the second rendering perspective display module 1030 includes:

[0141] The display perspective determination unit is used to re-render and display the three-dimensional model of the target object from a second rendering perspective based on the event data. The display perspective of the three-dimensional model after rendering from the second rendering perspective has a positive or negative correlation with the terminal posture change event of the current terminal and / or the body posture change event of the current user.

[0142] Optional, the second rendering perspective display module 1030 includes:

[0143] The view offset determination unit is used to determine the view offset based on event data; wherein, the view offset represents the position offset of the second position point of the virtual camera corresponding to the second rendering view relative to the first position point of the virtual camera corresponding to the first rendering view.

[0144] The second rendering perspective display unit is used to render and display the 3D model of the target object from a second rendering perspective based on the viewpoint offset.

[0145] Optional, the second rendering perspective display unit includes:

[0146] Off-axis projection matrix construction sub-units are used to construct off-axis projection matrices based on perspective projection matrices, using the lateral and longitudinal viewpoint offsets in the viewpoint offsets.

[0147] The second rendering perspective display subunit determines the projection coordinates of the target object's 3D model based on the off-axis projection matrix, and then renders and displays the target object's 3D model based on the projection coordinates.

[0148] Optionally, when the viewpoint transition trigger event includes a terminal attitude change event, the event data includes the current gyroscope angle data of the current terminal;

[0149] The viewpoint offset determination unit includes:

[0150] The terminal deflection direction data calculation subunit is used to calculate the terminal deflection direction data based on the current gyroscope angle data and the preset correction angle data.

[0151] The viewpoint offset determination subunit is used to determine the viewpoint offset based on the terminal deflection direction data.

[0152] Optionally, when the viewpoint transition trigger event includes a body posture change event, and the body posture change event includes an eye posture change event and / or a head posture change event, the event data includes the current user's current eye center point data.

[0153] The viewpoint offset determination unit includes:

[0154] The user's perspective orientation data calculation subunit is used to calculate the user's perspective orientation data based on the current eye center point data and the screen center point data.

[0155] The viewpoint offset determination subunit is used to determine the viewpoint offset based on the user's viewpoint orientation data.

[0156] Optionally, the device may also include:

[0157] The view offset adjustment module is used to adjust the view offset that exceeds the preset value range after the view offset is determined based on event data and before the 3D model of the target object is rendered and displayed based on the view offset in the second rendering view. This adjustment ensures that the adjusted view offset is within the preset value range.

[0158] Optionally, the device may also include:

[0159] The model display movement control module is used to render and display the 3D model of the target object from a first rendering perspective within the information display window of the current page, and then control the 3D model of the target object to move from within the information display window to outside the information display window; and...

[0160] The mask layer rendering module is used to select pixels outside the preset mask layer in the 3D model of the target object for rendering and display during the movement of the 3D model, and to skip rendering pixels inside the preset mask layer in the 3D model.

[0161] Optionally, the device may also include:

[0162] The size adjustment module is used to detect the distance between the current user's eyes or head and the terminal screen in real time, and adjust the size of the three-dimensional model of the target object currently displayed according to the distance.

[0163] Optionally, the current page may include the application's homepage, product details page, live stream page, comment page, or waterfall page, with the target object including products.

[0164] The information display device provided in the embodiments of the present invention can execute the information display method provided in any embodiment of the present invention, and has the corresponding functional modules and beneficial effects for executing the information display method.

[0165] Figure 18 This is a schematic diagram of the structure of an electronic device provided in an embodiment of the present invention. The electronic device 10 is intended to represent various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device may also represent various forms of mobile devices, such as personal digital processors, cellular phones, smartphones, wearable devices (such as helmets, glasses, watches, etc.), and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely illustrative and are not intended to limit the implementation of the invention described and / or claimed herein.

[0166] like Figure 18 As shown, the electronic device 10 includes at least one processor 11 and a memory, such as a read-only memory (ROM) 12 or a random access memory (RAM) 13, communicatively connected to the at least one processor 11. The memory stores computer programs executable by the at least one processor. The processor 11 can perform various appropriate actions and processes based on the computer program stored in the ROM 12 or loaded from storage unit 18 into the RAM 13. The RAM 13 may also store various programs and data required for the operation of the electronic device 10. The processor 11, ROM 12, and RAM 13 are interconnected via a bus 14. An input / output (I / O) interface 15 is also connected to the bus 14.

[0167] Multiple components in electronic device 10 are connected to I / O interface 15, including: input unit 16, such as keyboard, mouse, etc.; output unit 17, such as various types of displays, speakers, etc.; storage unit 18, such as disk, optical disk, etc.; and communication unit 19, such as network card, modem, wireless transceiver, etc. Communication unit 19 allows electronic device 10 to exchange information / data with other devices through computer networks such as the Internet and / or various telecommunications networks.

[0168] Processor 11 can be a variety of general-purpose and / or special-purpose processing components with processing and computing capabilities. Some examples of processor 11 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various special-purpose artificial intelligence (AI) computing chips, various processors running machine learning model algorithms, a digital signal processor (DSP), and any suitable processor, controller, microcontroller, etc. Processor 11 performs the various methods and processes described above, such as information display methods.

[0169] In some embodiments, the information display method may be implemented as a computer program tangibly contained in a computer-readable storage medium, such as storage unit 18. In some embodiments, part or all of the computer program may be loaded and / or installed on electronic device 10 via ROM 12 and / or communication unit 19. When the computer program is loaded into RAM 13 and executed by processor 11, one or more steps of the information display method described above may be performed. Alternatively, in other embodiments, processor 11 may be configured to perform the information display method by any other suitable means (e.g., by means of firmware).

[0170] Various embodiments of the systems and techniques described above herein can be implemented in digital electronic circuit systems, integrated circuit systems, field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), systems-on-a-chip (SoCs), payload-programmable logic devices (CPLDs), computer hardware, firmware, software, and / or combinations thereof. These various embodiments may include implementations in one or more computer programs that can be executed and / or interpreted on a programmable system including at least one programmable processor, which may be a dedicated or general-purpose programmable processor, capable of receiving data and instructions from a storage system, at least one input device, and at least one output device, and transmitting data and instructions to the storage system, the at least one input device, and the at least one output device.

[0171] Computer programs used to implement the methods of the present invention may be written in any combination of one or more programming languages. These computer programs may be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing device, such that when executed by the processor, the computer programs cause the functions / operations specified in the flowcharts and / or block diagrams to be performed. The computer programs may be executed entirely on a machine, partially on a machine, or as a standalone software package, partially on a machine and partially on a remote machine, or entirely on a remote machine or server.

[0172] In the context of this invention, a computer-readable storage medium can be a tangible medium that may contain or store a computer program for use by or in conjunction with an instruction execution system, apparatus, or device. A computer-readable storage medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination thereof. Alternatively, a computer-readable storage medium may be a machine-readable signal medium. More specific examples of machine-readable storage media include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fibers, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof.

[0173] To provide interaction with a user, the systems and techniques described herein can be implemented on an electronic device having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user; and a keyboard and pointing device (e.g., a mouse or trackball) through which the user provides input to the electronic device. Other types of devices can also be used to provide interaction with the user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user can be received in any form (including sound input, voice input, or tactile input).

[0174] The systems and technologies described herein can be implemented in computing systems that include backend components (e.g., as data servers), or computing systems that include middleware components (e.g., application servers), or computing systems that include frontend components (e.g., user computers with graphical user interfaces or web browsers through which users can interact with implementations of the systems and technologies described herein), or any combination of such backend, middleware, or frontend components. The components of the system can be interconnected via digital data communication of any form or medium (e.g., communication networks). Examples of communication networks include local area networks (LANs), wide area networks (WANs), blockchain networks, and the Internet.

[0175] A computing system can include clients and servers. Clients and servers are generally located far apart and typically interact through a communication network. The client-server relationship is created by computer programs running on the respective computers and having a client-server relationship with each other. The server can be a cloud server, also known as a cloud computing server or cloud host, which is a hosting product within the cloud computing service system to address the shortcomings of traditional physical hosts and VPS services, such as high management difficulty and weak business scalability.

[0176] The computer storage medium of this invention can be any combination of one or more computer-readable media. A computer-readable medium can be a computer-readable signal medium or a computer-readable storage medium. For example, a computer-readable storage medium can be, but is not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples (a non-exhaustive list) of computer-readable storage media include: an electrical connection having one or more wires, a portable computer disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination thereof. In this document, a computer-readable storage medium can be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device.

[0177] Computer-readable signal media may include data signals propagated in baseband or as part of a carrier wave, carrying computer-readable program code. Such propagated data signals may take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. Computer-readable signal media may also be any computer-readable medium other than computer-readable storage media, capable of sending, propagating, or transmitting programs for use by or in connection with an instruction execution system, apparatus, or device.

[0178] Program code contained on a computer-readable medium may be transmitted using any suitable medium, including but not limited to: wireless, wire, optical fiber, RF, etc., or any suitable combination thereof.

[0179] Computer program code for performing the operations of this invention can be written in one or more programming languages ​​or a combination thereof. Programming languages ​​include object-oriented programming languages ​​such as Java, Smalltalk, and C++, as well as conventional procedural programming languages—such as the "C" language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user's computer via any type of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0180] Those skilled in the art will understand that the modules or steps of the present invention described above can be implemented using general-purpose computing devices. They can be centralized on a single computing device or distributed across a network of multiple computing devices. Optionally, they can be implemented using computer-executable program code, thereby allowing them to be stored in a storage device for execution by a computing device, or they can be fabricated as separate integrated circuit modules, or multiple modules or steps can be fabricated as a single integrated circuit module. Thus, the present invention is not limited to any particular combination of hardware and software.

[0181] Note that the above description is merely a preferred embodiment of the present invention and the technical principles employed. Those skilled in the art will understand that the present invention is not limited to the specific embodiments described herein, and various obvious changes, readjustments, and substitutions can be made without departing from the scope of protection of the present invention. Therefore, although the present invention has been described in detail through the above embodiments, the present invention is not limited to the above embodiments, and may include many other equivalent embodiments without departing from the concept of the present invention, the scope of which is determined by the scope of the appended claims.

Claims

1. An information display method, characterized in that, The method includes: Within the information display layer of the current page's information display window, the two-dimensional material data associated with the target object is rendered and displayed. In the model display layer within the information display window, the three-dimensional model of the target object is rendered and displayed from a first rendering perspective; The information display window of the current page includes multiple display layers, and the different display layers have different depths within the information display window. The multiple display layers include the information display layer and the model display layer. The information display window is a display window on the current page used to display information about the target object; the depth of the model display layer is greater than or less than the depth of the information display layer.

2. The method according to claim 1, characterized in that, The model display layer includes multiple display layers, each displaying a three-dimensional model of the target object.

3. The method according to claim 1, characterized in that, The plurality of display layers also includes a background display layer; the method further includes: The background display layer within the information display window displays the background information for the placement of the target object. The background display layer includes one or more display layers. The background information includes dynamic images, static pictures, or 3D background models.

4. The method according to claim 3, characterized in that, In order of increasing depth, the layers include the information display layer, the model display layer, and the background display layer.

5. The method according to claim 1, characterized in that, One part of the 3D model is located inside the information display window, and the other part of the 3D model is located outside the information display window.

6. The method according to claim 1, characterized in that, The target object is a product, and the two-dimensional material data includes one or more of the product's name, brand, price, features, and functional parameters.

7. The method according to claim 1, characterized in that, The method further includes: In response to the detection of a viewpoint transition trigger event, the event data corresponding to the viewpoint transition trigger event is acquired; wherein, the viewpoint transition trigger event includes a terminal posture change event of the current terminal and / or a body posture change event of the current user, the event data corresponding to the terminal posture change event includes terminal posture data, and the event data corresponding to the body posture change event includes body posture data. Based on the event data, the three-dimensional model of the target object is rendered and displayed from a second rendering perspective; wherein the first rendering perspective is different from the second rendering perspective.

8. The method according to claim 7, characterized in that, The rendering and display of the 3D model of the target object based on the event data from a second rendering perspective includes: Based on the event data, the three-dimensional model of the target object is re-rendered and displayed from a second rendering perspective. The display perspective of the three-dimensional model after being rendered from the second rendering perspective has a positive or negative correlation with the current terminal's posture change event and / or the current user's body posture change event.

9. The method according to claim 1, characterized in that, After the model display layer within the information display window renders and displays the 3D model of the target object from a first rendering perspective, the method further includes: Controlling the movement of the 3D model of the target object from inside the information display window to outside the information display window; and, During the movement of the 3D model of the target object, pixels outside the preset mask layer in the 3D model are selected for rendering and display, while pixels inside the preset mask layer in the 3D model are skipped from rendering and display.

10. The method according to claim 7, characterized in that, The rendering and display of the 3D model of the target object based on the event data from a second rendering perspective includes: The viewpoint offset is determined based on the event data; wherein, the viewpoint offset represents the position offset of the second position point of the virtual camera corresponding to the second rendering viewpoint relative to the first position point of the virtual camera corresponding to the first rendering viewpoint. Based on the aforementioned viewpoint offset, the three-dimensional model of the target object is rendered and displayed from a second rendering viewpoint.

11. The method according to claim 10, characterized in that, When the viewpoint transition trigger event includes a terminal posture change event, the event data includes the current gyroscope angle data of the current terminal; determining the viewpoint offset based on the event data includes: calculating the terminal deflection direction data based on the current gyroscope angle data and preset correction angle data; and determining the viewpoint offset based on the terminal deflection direction data. The viewpoint transition trigger event includes a body posture change event, and when the body posture change event includes an eye posture change event and / or a head posture change event, the event data includes the current user's current eye center point data; determining the viewpoint offset based on the event data includes: calculating the user's viewpoint orientation data based on the current eye center point data and the screen center point data; and determining the viewpoint offset based on the user's viewpoint orientation data.

12. The method according to claim 10, characterized in that, After determining the viewpoint offset based on the event data, and before rendering and displaying the 3D model of the target object from a second rendering viewpoint based on the viewpoint offset, the method further includes: If the viewing angle offset exceeds the preset value range, the viewing angle offset exceeding the preset value range is adjusted so that the adjusted viewing angle offset is within the preset value range.

13. The method according to claim 10, characterized in that, When a viewpoint change trigger event is detected, the rendering viewpoint change is achieved based on the off-axis viewpoint behind the tilted viewpoint.

14. The method according to claim 7, characterized in that, When rendering and displaying the 3D model of the target object from a second rendering perspective, a multi-layer composite display method is adopted.

15. The method according to any one of claims 1-14, characterized in that, The current page includes the application's homepage, product details page, live stream page, comment page, or waterfall page, and the target object includes products.

16. An information display device, characterized in that, The device includes: a display unit within a display window; The display unit within the display window includes: The information display layer is a sub-unit used to render and display the two-dimensional material data associated with the target object within the information display window of the current page. The model display layer is a sub-unit used within the information display window to render and display the 3D model of the target object from a first-person rendering perspective. The information display window of the current page includes multiple display layers, and the different display layers have different depths within the information display window. The multiple display layers include the information display layer and the model display layer. The information display window is a display window on the current page used to display information about the target object; the depth of the model display layer is greater than or less than the depth of the information display layer.

17. An electronic device, characterized in that, The electronic device includes: One or more processors; Memory, used to store one or more programs; When the one or more programs are executed by the one or more processors, the one or more processors implement the information display method as described in any one of claims 1-15.

18. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the program is executed by the processor, it implements the information display method as described in any one of claims 1-15.

19. A computer program product comprising a computer program that, when executed by a processor, implements the information display method according to any one of claims 1-15.

Images