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

By dynamically adjusting the rendering perspective of the 3D model when the terminal and user posture change, the problem of poor 2D display is solved, achieving a better visual experience and immersive display.

CN119537630BActive Publication Date: 2025-10-21BEIJING WODONG TIANJUN INFORMATION TECH CO LTD
View PDF 3 Cites 0 Cited by

Patent Information

Application Number
CN202411688723.5
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2024-11-22
Publication Date
2025-10-21
Estimated Expiration
2044-11-22

AI Technical Summary

Technical Problem

In the existing technology, the two-dimensional display of the target object cannot provide good visual effects and is difficult to satisfy the user's immersive experience.

Method used

By dynamically adjusting the rendering perspective of the 3D model of the target object when the terminal and user postures change, the corresponding event data is obtained by using terminal posture change events and user body posture change events, and the rendering perspective of the 3D model is adjusted to achieve dynamic changes in perspective.

Benefits of technology

It improves the visual display effect of the target object, enhances the user's immersion and observation accuracy, makes the display angle closely related to the user's perspective, and simulates the real display method.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN119537630B_ABST
    Figure CN119537630B_ABST
Patent Text Reader

Abstract

Embodiments of the present application disclose an information display method, device, equipment, storage medium and program product, and relate to the technical field of computers, which comprises: rendering and displaying a three-dimensional model of a target object at a first rendering perspective in a preset display area of a current page; in response to detecting a perspective conversion trigger event, obtaining event data corresponding to the perspective conversion trigger event; wherein the perspective conversion trigger event comprises a terminal posture change event of a current terminal and / or a body posture change event of a current user, the event data corresponding to the terminal posture change event comprises terminal posture data, and the event data corresponding to the body posture change event comprises body posture data; rendering and displaying the three-dimensional model of the target object at a second rendering perspective based on the event data; and wherein the first rendering perspective and the second rendering perspective are different, thereby realizing an effect that the rendering perspective of the three-dimensional model changes along with changes in the terminal posture and / or the user body posture.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] 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 Art

[0002] Currently, when displaying target objects such as items on smart devices such as mobile phones, they are usually presented in a flat format through images, videos, etc. For example, in the item display area of ​​an application (APP) homepage or item details page, the item image and related description data are statically displayed through images, presenting a flat two-dimensional visual effect, and the user can only interact with the target object by clicking with their fingers.

[0003] In the process of implementing the present invention, it was found that the prior art has at least the following problems:

[0004] When the target object is displayed in a two-dimensional planar manner, it is difficult to provide users with a better visual effect due to the limited two-dimensional information, and the display solution needs to be enhanced. Summary of the Invention

[0005] The embodiments of the present invention provide an information display method, apparatus, device, storage medium and program product to optimize object display scheme and enhance visual display effect.

[0006] In a first aspect, an embodiment of the present invention provides an information display method, the method comprising:

[0007] Rendering and displaying the three-dimensional model of the target object in the preset display area of ​​the current page at a first rendering perspective;

[0008] In response to detecting a viewpoint conversion trigger event, acquiring event data corresponding to the viewpoint conversion trigger event; wherein the viewpoint conversion 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;

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

[0010] In a second aspect, an embodiment of the present invention further provides an information display device, the device comprising:

[0011] A first rendering perspective display module, configured to render and display the three-dimensional model of the target object in a preset display area of ​​the current page at a first rendering perspective;

[0012] an event data acquisition module, configured to, in response to detecting a viewpoint conversion trigger event, acquire event data corresponding to the viewpoint conversion trigger event; wherein the viewpoint conversion 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;

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

[0014] In a third aspect, an embodiment of the present invention provides an electronic device, comprising:

[0015] one or more processors;

[0016] a memory for storing one or more programs;

[0017] 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 by any embodiment of the present invention.

[0018] In a fourth aspect, an embodiment of the present invention further provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the information display method provided by any embodiment of the present invention.

[0019] In a fifth aspect, an embodiment of the present invention further provides a computer program product, including a computer program, which implements the information display method provided by any embodiment of the present invention when executed by a processor.

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

[0021] After the three-dimensional model of the target object is rendered and displayed at a first rendering perspective, if a terminal posture change event and / or a body posture change event of the current user is detected, the three-dimensional model of the target object is rendered and displayed at a second rendering perspective different from the first rendering perspective based on the event data corresponding to the terminal posture change event and / or the body posture change event of the current user. This ensures that when the terminal posture and / or the user's body posture changes, the rendering perspective of the three-dimensional model of the target object displayed on the page can change accordingly, thereby effectively improving the visual display effect. BRIEF DESCRIPTION OF THE DRAWINGS

[0022] Figure 1 A flowchart of an information display method provided by an embodiment of the present invention;

[0023] Figure 2 is a schematic diagram showing a three-dimensional model of a target object at different rendering perspectives provided by an embodiment of the present invention;

[0024] Figure 3 is a schematic diagram showing a three-dimensional model of a target object at different rendering perspectives provided by an embodiment of the present invention;

[0025] Figure 4A This is a schematic diagram showing the effect of displaying a three-dimensional model of a target object through a window provided by an embodiment of the present invention;

[0026] Figure 4B This is a schematic diagram of an example of displaying a three-dimensional model of a target object through a breakthrough window provided by an embodiment of the present invention;

[0027] Figure 5 This is an effect diagram of another three-dimensional model display of a target object provided by an embodiment of the present invention;

[0028] Figure 6 is a schematic diagram of a three-dimensional model display of a target object provided by an embodiment of the present invention;

[0029] Figure 7 is a schematic diagram of displaying a three-dimensional model through a preset mask layer according to an embodiment of the present invention;

[0030] Figure 8 This is a schematic diagram of displaying a three-dimensional model of a target object in a first rendering perspective in an information display window of a current page according to an embodiment of the present invention;

[0031] Figure 9 is a schematic diagram of displaying a three-dimensional model of a target object in a second rendering perspective in an information display window of a current page according to an embodiment of the present invention;

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

[0033] Figure 11 This is a schematic diagram of displaying a three-dimensional model of a target object in a second rendering perspective outside the information display window of the current page according to an embodiment of the present invention;

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

[0035] Figure 13This is a schematic diagram of target object display based on multiple display layers provided by an embodiment of the present invention;

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

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

[0038] Figure 16 is a schematic diagram of a viewing cone tilt provided by an embodiment of the present invention;

[0039] Figure 17 This is a structural diagram of an information display device provided by an embodiment of the present invention;

[0040] Figure 18 It is a structural diagram of an electronic device provided by an embodiment of the present invention. DETAILED DESCRIPTION

[0041] The present invention will be further described in detail below with reference to the accompanying drawings and examples. It will be understood that the specific embodiments described herein are intended only to illustrate the present invention and are not intended to limit the present invention. It should also be noted that, for ease of description, the accompanying drawings only illustrate portions relevant to the present invention, not all structures.

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

[0043] S110: Render and display the three-dimensional model of the target object in a preset display area of ​​the current page at a first rendering perspective.

[0044] Optionally, the current page may include the homepage of the application, the product details page, the live broadcast page, the comment page or the waterfall page. The preset display area may be an area in the current page for displaying the target object. The target object may include a product. The rendering perspective refers to the angle and position of observing and rendering the scene during the rendering process. The position parameters of the virtual camera will be used in the rendering process, and images from different perspectives can be rendered by adjusting the position parameters of the virtual camera. Among them, the virtual camera is used in the terminal to simulate the behavior of a real camera, capture and record image information in the virtual scene, and realize the display of the target object in a two-dimensional plane by rendering the image information. The first rendering perspective may refer to the rendering perspective used when rendering and displaying the three-dimensional model of the target object at any moment. For example, the any moment may be the initial moment of rendering and displaying the three-dimensional model of the target object on the current page.

[0045] S120 . In response to detecting a viewing angle conversion triggering event, acquiring event data corresponding to the viewing angle conversion triggering event.

[0046] Among them, the perspective conversion trigger event includes the terminal posture change event of the current terminal and / or the 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.

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

[0048] A body posture change event may 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 may include body part angle data and / or body part position data before and / or after the body posture change.

[0049] In actual applications, the perspective conversion trigger event can be an event in which the perspective between the user and the terminal is changed due to a posture change of the terminal; or, it can be an event in which the perspective between the user and the terminal is changed due to a posture change of the user; or, it can be an event in which the perspective between the user and the terminal is changed due to posture changes of both the terminal and the user.

[0050] S130: Render and display the three-dimensional model of the target object at a second rendering perspective based on the event data.

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

[0052] Figure 2 1 is a schematic diagram showing a three-dimensional model of a target object under different rendering perspectives provided by an embodiment of the present invention. Figure 2 In the display shown, the user's body posture remains unchanged, while the terminal posture changes. Figure 2 As shown, for example, the middle rendering display image shows a 3D model of any product at rendering perspective 1. The left rendering display image shows a 3D model of the product at rendering perspective 2 when the terminal is tilted to the left (or rotated). The right rendering display image shows a 3D model of the product at rendering perspective 3 when the terminal is tilted to the right (or rotated).

[0053] Figure 3 1 is a schematic diagram showing a three-dimensional model of a target object under different rendering perspectives provided by an embodiment of the present invention. Figure 3 In the display shown, the user's body posture changes, but the terminal posture remains unchanged. Figure 3 As shown, for example, the middle rendering display image shows a 3D model of any product rendered at rendering perspective 4. The left rendering display image shows a 3D model of the product rendered at rendering perspective 5 when the user's body, head, or eyes move to the left. The right rendering display image shows a 3D model of the product rendered at rendering perspective 6 when the user's body, head, or eyes move to the right.

[0054] The rendering perspective of the product's three-dimensional model is adjusted according to the changes in the terminal and / or user's posture, allowing users to view product model details from different angles, improving the accuracy and immersion of users' observation of products. The product display angle can always be related to the user's perspective, simulating the real product display method and improving the visual experience.

[0055] The technical solution of an embodiment of the present invention is to render and display the three-dimensional model of the target object in a first rendering perspective in a preset display area of ​​the current page; in response to detecting a perspective conversion trigger event, obtain event data corresponding to the perspective conversion trigger event; wherein, the perspective conversion 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 in a second rendering perspective; wherein, the first rendering perspective is different from the second rendering perspective, which solves the problem in the prior art that the display angle of the target object is fixed and cannot be dynamically adjusted following the user's perspective conversion, and achieves the technical effect of adjusting the rendering perspective of the target object following the posture changes of the terminal and / or the user, and the model details at different angles can be viewed, thereby improving the accuracy and immersion of the user's observation of the object, and can always make the object display angle associated with the user's perspective, and can simulate the real object display method to enhance the visual experience.

[0056] In an optional implementation of an embodiment of the present invention, S110 can have multiple implementation methods. Specifically, rendering and displaying the three-dimensional model of the target object in a preset display area of ​​the current page at a first rendering perspective includes: rendering and displaying the three-dimensional model of the target object at the first rendering perspective within the information display window of the current page; or rendering and displaying the three-dimensional model of the target object at the first rendering perspective outside the information display window of the current page; or rendering and displaying the three-dimensional model of the target object at the first rendering perspective on the current page, wherein a portion of the three-dimensional model is located within the information display window of the current page, and another portion of the three-dimensional model is located outside the information display window of the current page.

[0057] The information display window may be a display window on the current page for displaying target object information. Within the information display window on the current page, the 3D model of the target object is rendered and displayed at the first rendering perspective. This can be understood as rendering and displaying the 3D model of the target object at the first rendering perspective within a fixed display window. That is, the display of the target object does not exceed the information display window on the current page.

[0058] Outside the information display window of the current page, the three-dimensional model of the target object is rendered and displayed at the first rendering perspective, which can be understood as jumping out of the information display window and rendering and displaying the three-dimensional model of the target object at the first rendering perspective. When the three-dimensional model of the target object is displayed outside the information display window of the current page, the three-dimensional model is closer to the current virtual camera relative to the terminal screen. That is, the distance between the three-dimensional model and the current virtual camera is smaller than the distance between the terminal screen and the current virtual camera. Specifically, the distance between any point on the three-dimensional model and the current virtual camera can be smaller than the distance between the terminal screen and the current virtual camera, or the distance between the center point of the three-dimensional model and the current virtual camera is smaller than the distance between the terminal screen and the current virtual camera. The embodiments of the present invention do not make specific limitations on this.

[0059] Alternatively, when rendering and displaying a 3D model, a portion of the 3D model is positioned within the information display window of the current page, while another portion of the 3D model is positioned outside the information display window of the current page. Having a portion of the 3D model of the target object within the information display window and a portion outside the information display window allows users to experience a variety of display effects, for example, highlighting the features of a product displayed outside the information display window.

[0060] In the embodiment of the present invention, any of the above three methods can be used to render and display the three-dimensional model of the target object. In addition, in an optional implementation of the embodiment of the present invention, multiple display methods can also be used in combination.

[0061] Optionally, after rendering and displaying the three-dimensional model of the target object in the information display window of the current page with a first rendering perspective, the method also includes: controlling the three-dimensional model of the target object to move from the information display window to outside the information display window; and, during the movement of the three-dimensional model of the target object, selecting pixels in the three-dimensional model outside a preset mask layer for rendering and display, and skipping rendering and displaying pixels in the three-dimensional model within the preset mask layer.

[0062] That is, it is possible to render and display the three-dimensional model of the target object in the information display window in the initial state; when the user observes the product, the display image of the three-dimensional model is dynamically displayed through the window, which enables the user to perceive the effect of the target object changing from being displayed inside the window to being displayed outside the window, thereby enhancing the user's intuitive experience.

[0063] In addition, in actual applications, the display of the three-dimensional model can also be moved from outside the information display window to inside the information display window. Specifically, when the three-dimensional model of the target object is rendered and displayed with a first rendering perspective outside the information display window of the current page, the method further includes: controlling the three-dimensional model of the target object to move from outside the information display window to inside the information display window. By dynamically displaying the three-dimensional model from the inside to the outside, or from the outside to the inside of the information display window, the target object can be freely displayed and the effect of dynamic adjustment following the user can be achieved. For example, when the terminal is close to the user, a display method of controlling the three-dimensional model of the target object to move from inside the information display window to outside the information display window can be adopted. When the terminal is far away from the user, a display method of controlling the three-dimensional model of the target object to move from outside the information display window to inside the information display window can be adopted.

[0064] Figure 4A This is a schematic diagram of the effect of dynamically breaking through a window display of a three-dimensional model of a target object provided by an embodiment of the present invention. Figure 4A The rendering on the left is a schematic diagram of the three-dimensional model of the target object displayed in the information display window. Figure 4A The right part of the effect diagram is a schematic diagram of the target object's 3D model displayed outside the information display window of the current page. Control the target object's 3D model to move from the information display window to the outside of the information display window, that is, Figure 4A The process of changing from the left rendering to the right rendering is shown in FIG. Control the 3D model of the target object to move from outside the information display window to inside the information display window, that is, Figure 4A The process shown is the change from the effect diagram on the right to the effect diagram on the left. Figure 4B This is a schematic diagram of an example of displaying a three-dimensional model of a target object, such as a product, through a window according to an embodiment of the present invention.

[0065] Figure 5 This is another rendering of a three-dimensional model of a target object provided by an embodiment of the present invention. Figure 5 As shown, a portion of the three-dimensional model of the target object is within the information display window, and another portion is outside the information display window. Figure 6 : is a schematic diagram showing a three-dimensional model of a target object according to an embodiment of the present invention. Figure 6 As shown, a part of the three-dimensional model of a target object, such as a certain product, is within the information display window, and the other part is outside the information display window.

[0066] During 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 outside the preset mask layer, during the movement of the three-dimensional model, the pixels in the three-dimensional model outside the preset mask layer are selected for rendering and display, and the pixels in the three-dimensional model within the preset mask layer are skipped for rendering and display.

[0067] Among them, the preset mask layer can be used to block the model part within the preset mask layer in the three-dimensional model so that it is not displayed. The depth value of the preset mask layer can be set in advance, so that the preset mask layer is located above the user interface (UI) layer. The preset mask layer can be transparent or non-transparent and has no color information. In specific rendering, the depth value of the pixel to be rendered on the three-dimensional model can be compared with the depth value of the preset mask layer through the rendering pipeline, and the pixels with a depth value greater than the depth value of the preset mask layer, that is, the pixels outside the preset mask layer, are rendered and displayed, while the pixels with a depth value less than the depth value of the preset mask layer, that is, the pixels within the preset mask layer, are skipped from rendering and display.

[0068] Figure 7 FIG. 1 is a schematic diagram of a three-dimensional model display using a preset mask layer according to an embodiment of the present invention. Figure 7 As shown in FIG, the area outside the preset mask layer can be understood as the area on the side of the preset mask layer close to the virtual camera. The area inside the preset mask layer can be understood as the area on the side of the preset mask layer away from the virtual camera. Figure 7 As shown, the portion of the three-dimensional model outside the preset mask layer can be rendered and displayed, while the portion of the three-dimensional model within the preset mask layer is not rendered and displayed, thereby achieving an effect of displaying the three-dimensional model through the screen.

[0069] The preset mask layer can be transparent or opaque. When the preset mask layer is transparent, it can obscure the portion of the 3D model within the preset mask layer, but the content of the UI layer within the preset mask layer can be rendered and displayed. When the preset mask layer is opaque, it can obscure not only the portion of the 3D model within the preset mask layer but also the entire content of the UI layer, meaning that the content of the UI layer cannot be rendered and displayed. By rendering and displaying the 3D model of the target object within the information display window of the current page, outside the information display window, or by moving from within the information display window of the current page to outside the information display window, or from outside the information display window to within the information display window, the 3D model can have diverse display properties. When displaying outside the information display window, the 3D model can be displayed as if it were breaking through a window. When displaying from within the information display window of the current page to outside the information display window, or from outside the information display window to within the information display window, the dynamic effect of the broken window can be enhanced. When the preset mask layer partially obscures the model, the sense of broken window can be further enhanced, allowing the user to perceive the model passing through the screen.

[0070] It should be noted that when rendering and displaying the target object's three-dimensional model at the second rendering perspective, any of the above rendering display methods may also be used. That is, the target object's three-dimensional model may be rendered and displayed at the second rendering perspective within the information display window of the current page, or outside the information display window of the current page, or with the three-dimensional model partially within and partially outside the information display window, or by moving from within the information display window of the current page to outside the information display window, or vice versa.

[0071] In order to better illustrate the specific application effect of the information display method provided by the embodiment of the present invention. Figure 8 This is a schematic diagram of displaying a target object, such as a three-dimensional model of a product, from a first rendering perspective in an information display window of a current page according to an embodiment of the present invention. Figure 9 This is a schematic diagram of displaying a three-dimensional model of a product in a second rendering perspective in the information display window of the current page according to an embodiment of the present invention. Figure 8 and Figure 9 As shown, in the information display window, the three-dimensional model of the target object can dynamically adjust the display perspective as the terminal posture or user posture changes.

[0072] Figure 10 This is a schematic diagram of displaying a target object, such as a three-dimensional model of a product, in a first rendering perspective outside the information display window of the current page according to an embodiment of the present invention. Figure 11This is a schematic diagram of displaying a three-dimensional model of a product in a second rendering perspective 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 three-dimensional model of the target object can dynamically adjust the display perspective as the terminal posture or user posture changes.

[0073] like Figure 8 and Figure 9 As shown, the three-dimensional model of the product can be controlled to move from the information display window to the outside of the information display window, or, as shown Figure 10 and Figure 11 As shown, the three-dimensional model of the product can be controlled to move from outside the information display window to inside the information display window.

[0074] Figure 12 FIG. 1 is a flow chart of another information display method according to an embodiment of the present invention. Figure 12 As shown, the method includes:

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

[0076] 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.

[0077] The information display layer may include at least one display layer, and the 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 the information display layer includes multiple display layers, the 2D material data associated with the target object can be displayed in multiple layers, making the target object appear more three-dimensional.

[0078] Optionally, the model display layer can be below or above the information display layer. That is, the model display layer can have a depth greater or lesser than the information display layer. By layering the 3D model with the 2D material data, the product display can be enhanced to create a three-dimensional experience, fully expressing the content behind the screen.

[0079] During specific implementation, the placement background information of the target object may also be displayed in the background display layer within the information display window.

[0080] The background display layer can include one or more display layers, with different display layers positioned at varying depths within the information display window. Background information can include dynamic images, static images, or even a 3D background model. Adding a background display layer to the information and model display layers increases the product's adaptability to specific scenarios, allowing users to fully understand the product's usage scenarios.

[0081] Figure 13 : is a schematic diagram of a target object display based on multiple display layers provided according to an embodiment of the present invention. Figure 13 As shown, the target object can be fully expressed through four display layers. From front to back, in order of increasing depth value, they are information display layer A, information display layer B, model display layer C, and background display layer D. Rendering the target object through multiple depth display layers can improve the 3D display performance of the target object.

[0082] The multi-layer composite display method provided by the embodiments of the present invention can be applied not only to the information display window of the current page, but also to the case where the 3D model of the target object is rendered and displayed at the first rendering perspective. In this case, a portion of the 3D model is located within the information display window of the current page, while another portion is located outside the information display window. In other words, the portion of the 3D model displayed within the information display window can use the multi-layer composite display method described above.

[0083] S520: In response to detecting a viewing angle conversion triggering event, obtain event data corresponding to the viewing angle conversion triggering event.

[0084] Among them, the perspective conversion trigger event includes the terminal posture change event of the current terminal and / or the 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.

[0085] S530: Render and display the three-dimensional model of the target object at a second rendering perspective based on the event data; wherein the first rendering perspective is different from the second rendering perspective.

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

[0087] It should be noted that when rendering and displaying the target object's 3D model at the second rendering perspective, the aforementioned multi-display layer composite display method can also be employed. Furthermore, when the model display layer includes multiple display layers, each display layer can display a 3D model of the target object. This means that there are multiple 3D models of the target object. For each of these multiple 3D models, the rendering perspective needs to be changed from the first rendering perspective to the second rendering perspective to enhance overall interactivity.

[0088] Figure 14 FIG. 1 is a flow chart of another information display method according to an embodiment of the present invention. Figure 14 As shown, the method includes:

[0089] S710: Render and display the three-dimensional model of the target object in a preset display area of ​​the current page at a first rendering perspective.

[0090] Optionally, the three-dimensional model of the target object is rendered and displayed in a preset display area of ​​the current page at a first rendering perspective, including: rendering and displaying the three-dimensional model of the target object at the first rendering perspective within the information display window of the current page; or, rendering and displaying the three-dimensional model of the target object at the first rendering perspective outside the information display window of the current page; or, rendering and displaying the three-dimensional model of the target object at the first rendering perspective on the current page, wherein a part of the three-dimensional model is located within the information display window of the current page, and another part of the three-dimensional model is located outside the information display window of the current page.

[0091] Optionally, in the information display window of the current page, the three-dimensional model of the target object is rendered and displayed at a first rendering perspective, including: in the information display layer 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 model display layer within the information display window, the three-dimensional model of the target object is rendered and displayed at the first rendering perspective; wherein, the information display layer and the model display layer respectively include at least one display layer, and different display layers have different depths in the information display window.

[0092] Optionally, in the information display window of the current page, the three-dimensional model of the target object is rendered and displayed in a first rendering perspective, and 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 a dynamic image or a static picture or a background three-dimensional model.

[0093] S720: In response to detecting a viewing angle conversion triggering event, obtain event data corresponding to the viewing angle conversion triggering event.

[0094] The perspective conversion 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. Optionally, the body posture change event includes an eye posture change event and / or a head posture change event. The event data corresponding to the eye posture change event or the head posture change event includes current eye center point data of the current user.

[0095] S730: Determine a viewing angle offset based on the event data.

[0096] The perspective offset represents the positional offset of the second position of the virtual camera corresponding to the second rendering perspective relative to the first position of the virtual camera corresponding to the first rendering perspective. Because images with different perspectives can be rendered by adjusting the position of the virtual camera, this step requires first determining the positional offset of the virtual camera's position after the change relative to the virtual camera's position before the change.

[0097] Specifically, there are multiple implementations of S730.

[0098] Optionally, the first implementation method of S730 is: when the perspective conversion trigger event includes a terminal posture change event, the event data includes the current gyroscope angle data of the current terminal; determining the perspective offset 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; determining the perspective offset based on the terminal deflection direction data.

[0099] Gyroscope angle data can be data obtained by 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 has an angular momentum vector perpendicular to the axis of rotation. A gyroscope contains one or more tiny rotors. When the terminal rotates, these rotors maintain their original rotation direction and speed. The terminal's rotation state is sensed by measuring changes in the rotor's angular velocity. The current gyroscope angle data can be the terminal's orientation data.

[0100] The preset correction angle data can be a preset fixed value used to offset the current gyroscope angle data to make 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 holding posture of the terminal, for example, its value can be 15 degrees.

[0101] The terminal deflection direction data may be the difference between the current gyroscope angle data and the preset correction angle data. The terminal deflection direction may be accurately identified by comparing the current gyroscope angle data with the preset correction angle data to reasonably adjust the display angle of the three-dimensional model of the target object. The terminal deflection direction data is specifically three-dimensional vector data, which may be represented as (x, y, z). The viewing angle offset may include the horizontal data and the vertical data in the terminal deflection direction data, that is, the viewing angle offset may include the x data and the y data in the terminal deflection direction data.

[0102] Optionally, a second implementation method of S730 is: when the perspective conversion 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 eye center point data of the current user; determining the perspective offset based on the event data, including: calculating the user perspective direction data based on the current eye center point data and the screen center point data; and determining the perspective offset based on the user perspective direction data.

[0103] Among them, the current eye center point data can be data obtained by performing face recognition on the user, obtaining the normal direction of the eye and the screen, and thus determining the direction and position of the user's line of sight. For example, the current eye center point data is obtained through augmented reality recognition technology. Exemplarily, the current eye center point data can be calculated by the formula eye_center=MV_Matrix×(left_eye_position+right_eye_position) / 2. In the formula, eye_center is the current eye center point data. left_eye_position is the left eye position. right_eye_position is the right eye position. MV_Matrix is ​​the model-view matrix (Model-View Matrix). MV_Matrix is ​​a 4×4 matrix. eye_center can be a three-dimensional vector.

[0104] The screen center point data may be a preset value, such as (0,0,0). The user viewing angle data may be the difference between the current eye center point data and the screen center point data. Thus, the viewing angle offset may be determined based on the user viewing angle data. This allows the display angle of the three-dimensional model to be dynamically adjusted as the user's eye or head posture changes. For example, the viewing angle offset may include the horizontal and vertical data in the user viewing angle data, i.e., the viewing angle offset may include the x and y data in the user viewing angle data.

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

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

[0107] Optionally, a fourth implementation of S730 is to combine at least two of the first, second, and third implementations of S730. When combining, the viewing angle offsets obtained from the at least two combined implementations may be vectorially added to obtain a final viewing angle offset. This allows accurate determination of the viewing angle offset, for example, when both the terminal posture and the user's body posture change.

[0108] Based on the above embodiment, to prevent rendering distortion, the view offset may also be limited in range. Specifically, after determining the view offset based on the event data and before rendering and displaying the 3D model of the target object at the second rendering perspective based on the view offset, the method further includes: if the view offset exceeds a preset value range, adjusting the view offset that exceeds the preset value range so that the adjusted view offset falls within the preset value range.

[0109] Among them, the viewing angle offset may include multi-dimensional data, and a corresponding preset value range may be set for each dimension of data. Exemplarily, the preset value range is the interval [-2, 2]. In a specific application example, if the viewing angle offset exceeds the range [-2, 2], the viewing angle offset may be adjusted to fall within [-2, 2] to avoid distortion of the rendering effect. In order to further ensure the rendering effect, when the viewing angle offset is multi-dimensional data, the multi-dimensional data may be adjusted in the same proportion so that the data of each dimension falls within [-2, 2] while ensuring that the viewing angle has the same deflection amplitude in each dimension.

[0110] S740: Based on the perspective offset, render and display the three-dimensional model of the target object at a second rendering perspective.

[0111] Among them, the first rendering perspective can be adjusted according to the perspective offset to obtain the second rendering perspective. As a result, the three-dimensional model displayed under the second rendering perspective is more in line with the user's observation angle. There are many ways to adjust the first rendering angle according to the perspective offset. For example, a mapping relationship between the perspective offset and the first rendering angle adjustment can be established, and the second rendering perspective can be obtained according to the mapping relationship. Alternatively, the relationship between the perspective offset in space and the projection coordinates in the screen can be determined based on the theoretical knowledge in computer graphics, so as to adjust the first rendering perspective and obtain the second rendering perspective. By adjusting the rendering perspective of the three-dimensional model according to the perspective offset, the object display can be dynamically displayed following the user's perspective, and more details can be displayed, achieving an object display effect similar to that in real space.

[0112] In order to simulate the picture observed by real eyes, optionally, based on the perspective offset, the three-dimensional model of the target object is rendered and displayed at a second rendering perspective, including: constructing an off-axis projection matrix based on the perspective projection matrix based on the horizontal perspective offset and the vertical perspective offset in the perspective offset; determining the projection coordinates of the three-dimensional model of the target object based on the off-axis projection matrix, and rendering and displaying the three-dimensional model of the target object based on the projection coordinates.

[0113] The perspective projection matrix is ​​a concept in computer graphics. It is used to convert the coordinates of objects in the three-dimensional world into projection coordinates on a two-dimensional screen, thereby achieving a perspective or orthographic projection effect. The perspective projection matrix defines the view frustum or view volume, which defines the area of ​​visible objects in the view space.

[0114] Figure 15 Schematic diagram of a viewing cone provided according to an embodiment of the present invention. Figure 15 As shown in the figure, in the perspective projection matrix, the clipping plane is defined by the six-tuple left, right, top, bottom, near, and far. In addition, the perspective projection matrix can also define parameters such as viewing angle and aspect ratio. The parameters in the perspective projection matrix can determine the shape and size of the viewing cone, thereby affecting the image rendered on the terminal screen. The basic perspective projection matrix is

[0115]

[0116] In the embodiment of the present invention, in order to make the screen image consistent with the user's observation angle, a tilted viewing cone is used based on the perspective projection matrix, thereby simulating the image observed by real eyes. Figure 16 FIG. 1 is a schematic diagram of a cone tilt according to an embodiment of the present invention. Figure 16 As shown, the left side is the normal cone and the right side is the off-axis cone. Figure 16 The off-axis viewing cone shown on the right side of the center allows for changes in the rendering perspective, simulating what a real eye would see.

[0117] When implementing a tilted viewing cone, it is necessary to construct an off-axis projection matrix based on the perspective projection matrix and the horizontal and vertical perspective offsets in the perspective offset. For example, the off-axis projection matrix can be Where x is the horizontal viewing angle offset in the viewing angle offset, and y is the vertical viewing angle offset in the viewing angle offset. In other words, x is the horizontal data in the terminal deflection direction data or the user viewing angle data, and y is the vertical data in the terminal deflection direction data or the user viewing angle data.

[0118] After obtaining the off-axis projection matrix, we can use computer graphics knowledge about screen projection to determine the projection coordinates of the target object's 3D model. We can then render and display the target object's 3D model based on the projection coordinates. Using the off-axis projection matrix for 3D model rendering can simulate the view as seen by the eye.

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

[0120] On the basis of any of the above embodiments, optionally, the information display method further includes: detecting the distance between the eyes or head of the current user and the terminal screen in real time, and adjusting the size of the three-dimensional model of the target object currently displayed according to the distance. Specifically, in actual display, a display method can be adopted in which the size of the three-dimensional model of the target object currently displayed is reduced when the distance between the eyes or head of the current user and the terminal screen increases. And / or, a display method can be adopted in which the size of the three-dimensional model of the target object currently displayed is increased when the distance between the eyes or head of the current user and the terminal screen decreases. Through the above method, the target object three-dimensional model can be displayed with a larger size when it is near and smaller size when it is far away, so as to better display the detailed information of the product at a close distance and better display the overall outline information of the product at a long distance.

[0121] It should be noted that the collection, collection, 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 solutions 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 will be taken with respect to user personal information to prevent unauthorized access to user personal information data and maintain the security of user personal information, network security, and national security.

[0122] The following is an embodiment of an information display device provided by an embodiment of the present invention. The device and the information display method of the above embodiment belong to the same inventive concept. For details not fully described in the embodiment of the information display device, please refer to the contents of the above embodiments.

[0123] Figure 17This is a structural diagram of an information display device provided by 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.

[0124] A first rendering perspective display module 1010 is configured to render and display the three-dimensional model of the target object in a preset display area on the current page using a first rendering perspective;

[0125] An event data acquisition module 1020 is configured to acquire event data corresponding to a viewpoint conversion triggering event in response to detecting a viewpoint conversion triggering event; wherein the viewpoint conversion triggering 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;

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

[0127] Optionally, the body posture change event includes an eye posture change event and / or a head posture change event.

[0128] Optionally, the first rendering perspective display module 1010 includes:

[0129] The display unit in the display window is used to render and display the three-dimensional model of the target object in the first rendering perspective in the information display window of the current page; or

[0130] The display unit outside the display window is used to render and display the three-dimensional model of the target object at a first rendering perspective outside the information display window of the current page; or

[0131] The display unit between display windows is used to render and display the three-dimensional model of the target object on the current page at a first rendering perspective, wherein a part of the three-dimensional model is located within the information display window of the current page, and another part of the three-dimensional model is located outside the information display window of the current page.

[0132] Optionally, the display unit in the display window includes:

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

[0134] The model display layer display subunit is used to render and display the three-dimensional model of the target object at a first rendering perspective in the model display layer within the information display window;

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

[0136] Optionally, the display unit in the display window further includes:

[0137] The background display layer display subunit is used to display the placement background information of the target object in the background display layer within the information display window;

[0138] The placement background information includes a dynamic image, a static image, or a background three-dimensional model.

[0139] Optionally, the second rendering perspective display module 1030 includes:

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

[0141] Optionally, the second rendering perspective display module 1030 includes:

[0142] A perspective offset determining unit, configured to determine a perspective offset based on the event data; wherein the perspective offset represents a position offset of a second position point of the virtual camera corresponding to the second rendering perspective relative to a first position point of the virtual camera corresponding to the first rendering perspective;

[0143] The second rendering perspective display unit is used to render and display the three-dimensional model of the target object at a second rendering perspective based on the perspective offset.

[0144] Optionally, a second rendering perspective display unit includes:

[0145] The off-axis projection matrix construction subunit is used to construct an off-axis projection matrix based on the perspective projection matrix based on the horizontal perspective offset and the vertical perspective offset in the perspective offset;

[0146] The second rendering perspective display subunit determines the projection coordinates of the three-dimensional model of the target object based on the off-axis projection matrix, and renders and displays the three-dimensional model of the target object based on the projection coordinates.

[0147] Optionally, when the perspective conversion triggering event includes a terminal posture change event, the event data includes current gyroscope angle data of the current terminal;

[0148] The viewing angle offset determination unit includes:

[0149] 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;

[0150] The viewing angle offset determination subunit is configured to determine the viewing angle offset based on the terminal deflection direction data.

[0151] Optionally, when the perspective conversion 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 current eye center point data of the current user;

[0152] The viewing angle offset determination unit includes:

[0153] A user viewing angle direction data calculation subunit, configured to calculate the user viewing angle direction data based on the current eye center point data and the screen center point data;

[0154] The viewing angle offset determination subunit is configured to determine the viewing angle offset based on the user viewing angle direction data.

[0155] Optionally, the device further includes:

[0156] A perspective offset adjustment module is used to adjust the perspective offset that exceeds the preset value range after determining the perspective offset based on event data and before rendering and displaying the three-dimensional model of the target object at a second rendering perspective based on the perspective offset, if the perspective offset exceeds the preset value range, so that the adjusted perspective offset is within the preset value range.

[0157] Optionally, the device further includes:

[0158] a model display movement control module, configured to control the movement of the three-dimensional model of the target object from within the information display window to outside the information display window after rendering and displaying the three-dimensional model of the target object at a first rendering perspective in the information display window of the current page; and

[0159] The mask layer rendering module is used to select pixels outside the preset mask layer in the three-dimensional model for rendering and display during the movement of the three-dimensional model of the target object, and skip rendering and displaying pixels within the preset mask layer in the three-dimensional model.

[0160] Optionally, the device further includes:

[0161] The size adjustment module is used to detect the distance between the eyes or head of the current user 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.

[0162] Optionally, the current page includes a homepage of an application, a product details page, a live broadcast page, a comment page, or a waterfall page, and the target object includes a product.

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

[0164] Figure 18 1 is a schematic diagram of the structure of an electronic device provided by 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 can also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, 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 examples and are not intended to limit the implementation of the present invention described and / or required herein.

[0165] 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, a random access memory (RAM) 13, etc., which is communicatively connected to the at least one processor 11. The memory stores a computer program that can be executed by the at least one processor. The processor 11 can perform various appropriate actions and processes according to the computer program stored in the read-only memory (ROM) 12 or the computer program loaded from the storage unit 18 into the random access memory (RAM) 13. Various programs and data required for the operation of the electronic device 10 can also be stored in the RAM 13. The processor 11, ROM 12, and RAM 13 are connected to each other via a bus 14. An input / output (I / O) interface 15 is also connected to the bus 14.

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

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

[0168] In some embodiments, the information display method can be implemented as a computer program tangibly embodied in a computer-readable storage medium, such as storage unit 18. In some embodiments, part or all of the computer program can 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 can be performed. Alternatively, in other embodiments, processor 11 can be configured to perform the information display method in any other suitable manner (e.g., via firmware).

[0169] Various embodiments of the systems and techniques described 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), system-on-chip systems (SOCs), programmable logic devices (CPLDs), computer hardware, firmware, software, and / or combinations thereof. These various embodiments can include being implemented in one or more computer programs that are executable and / or interpreted on a programmable system that includes at least one programmable processor, which can be a special purpose or general purpose programmable processor that can receive data and instructions from a storage system, at least one input device, and at least one output device, and transmit data and instructions to the storage system, the at least one input device, and the at least one output device.

[0170] Computer programs for implementing 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 the computer program is executed by the processor, the functions / operations specified in the flowcharts and / or block diagrams are implemented. The computer program may be executed entirely on the machine, partially on the machine, as a stand-alone software package, partially on the machine and partially on a remote machine, or entirely on a remote machine or server.

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

[0172] 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 can provide input to the electronic device. Other types of devices can also be used to provide interaction with the user; for example, the 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 acoustic input, voice input, or tactile input).

[0173] The systems and techniques described herein can be implemented in a computing system that includes back-end components (e.g., as a data server), or a computing system that includes middleware components (e.g., an application server), or a computing system that includes front-end components (e.g., a user computer with a graphical user interface or web browser through which a user can interact with implementations of the systems and techniques described herein), or a computing system that includes any combination of such back-end components, middleware components, or front-end components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: a local area network (LAN), a wide area network (WAN), a blockchain network, and the Internet.

[0174] A computing system may include clients and servers. The clients and servers are typically remote from each other and typically interact via a communication network. This client-server relationship arises through computer programs running on the respective computers, creating a client-server relationship. The server may be a cloud server, also known as a cloud computing server or cloud host. This server is a hosting product within the cloud computing service ecosystem that addresses the management difficulties and limited scalability of traditional physical hosting and VPS services.

[0175] The computer storage medium of the embodiment of the present invention can adopt any combination of one or more computer-readable media. The computer-readable medium can be a computer-readable signal medium or a computer-readable storage medium. The computer-readable storage medium can be, for example, but not limited to: an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or component, or any combination of the above. More specific examples (non-exhaustive list) of computer-readable storage media include: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In this document, a computer-readable storage medium can be any tangible medium containing or storing a program that can be used by or in combination with an instruction execution system, device or device.

[0176] A computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, which carries 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. A computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transport a program for use by or in conjunction with an instruction execution system, apparatus, or device.

[0177] Program code embodied on a computer-readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.

[0178] Computer program code for performing the operations of the present invention may be written in one or more programming languages, or a combination thereof, including object-oriented programming languages ​​such as Java, Smalltalk, C++, and conventional procedural programming languages ​​such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a stand-alone 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 a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

[0179] Those skilled in the art will appreciate that the modules or steps of the present invention described above can be implemented using a general-purpose computing device. They can be centralized on a single computing device or distributed across a network of multiple computing devices. Alternatively, they can be implemented using program code executable by a computer device, which can then be stored in a storage device and executed by the computing device. Alternatively, they can be fabricated into separate integrated circuit modules, or multiple modules or steps can be fabricated into a single integrated circuit module. Thus, the present invention is not limited to any specific combination of hardware and software.

[0180] Note that the above are only preferred embodiments of the present invention and the technical principles employed. Those skilled in the art will appreciate that the present invention is not limited to the specific embodiments herein, and that various obvious changes, readjustments, and substitutions are possible for those skilled in the art 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 scope of the present invention. The scope of the present invention is determined by the scope of the appended claims.

Claims

1. An information display method, characterized in that: The method comprises: Rendering and displaying the three-dimensional model of the target object in the preset display area of ​​the current page at a first rendering perspective; In response to detecting a viewpoint conversion trigger event, acquiring event data corresponding to the viewpoint conversion trigger event; wherein the viewpoint conversion 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; Rendering and displaying the three-dimensional model of the target object at a second rendering perspective based on the event data; wherein the first rendering perspective is different from the second rendering perspective; The rendering and displaying of the three-dimensional model of the target object at a second rendering perspective based on the event data includes: Determining a perspective offset based on the event data; wherein the perspective offset represents a position offset of a second position point of the virtual camera corresponding to the second rendering perspective relative to a first position point of the virtual camera corresponding to the first rendering perspective; The viewing cone is tilted based on the horizontal viewing angle offset and the vertical viewing angle offset in the viewing angle offset, and the three-dimensional model of the target object is rendered and displayed at a second rendering perspective.

2. The method according to claim 1, characterized in that The body posture change event includes an eye posture change event and / or a head posture change event.

3. The method according to claim 1, characterized in that The rendering and displaying of the three-dimensional model of the target object in the preset display area of ​​the current page at the first rendering perspective includes: In the information display window of the current page, the 3D model of the target object is rendered and displayed at the first rendering perspective; or, Outside the information display window of the current page, the 3D model of the target object is rendered and displayed at the first rendering perspective; or The three-dimensional model of the target object is rendered and displayed on the current page at a first rendering perspective, wherein a portion of the three-dimensional model is located within the information display window of the current page, and another portion of the three-dimensional model is located outside the information display window of the current page.

4. The method according to claim 3, characterized in that The rendering and displaying of the three-dimensional model of the target object at the first rendering perspective in the information display window of the current page includes: In the information display layer within the information display window of the current page, the two-dimensional material data associated with the target object is rendered and displayed; Rendering and displaying the three-dimensional model of the target object at a first rendering perspective in a model display layer within the information display window; The information display layer and the model display layer each include at least one display layer, and different display layers have different depths within the information display window.

5. The method according to claim 4, characterized in that The rendering and displaying of the three-dimensional model of the target object at the first rendering perspective in the information display window of the current page further includes: The background display layer in the information display window performs the placement background information of the target object. row display; The placement background information includes a dynamic image, a static image, or a background three-dimensional model.

6. The method according to claim 1, characterized in that The rendering and displaying of the three-dimensional model of the target object based on the event data at a second rendering perspective includes: Based on the event data, the three-dimensional model of the target object is re-rendered and displayed at a second rendering perspective, wherein the display perspective of the three-dimensional model after rendering and display at the second rendering perspective has a positive correlation or negative correlation with the terminal posture change event of the current terminal and / or the body posture change event of the current user.

7. The method according to claim 1, characterized in that The step of tilting the viewing cone based on the horizontal viewing angle offset and the vertical viewing angle offset in the viewing angle offset to render and display the three-dimensional model of the target object at a second rendering perspective includes: Based on the horizontal perspective offset and the vertical perspective offset in the perspective offset, construct an off-axis projection matrix on the basis of the perspective projection matrix; The projection coordinates of the three-dimensional model of the target object are determined based on the off-axis projection matrix, and the three-dimensional model of the target object is rendered and displayed based on the projection coordinates.

8. The method according to claim 1, characterized in that When the perspective conversion triggering event includes a terminal posture change event, the event data includes current gyroscope angle data of the current terminal; The determining of the viewing angle offset based on the event data comprises: Calculating terminal deflection direction data based on the current gyroscope angle data and preset correction angle data; A viewing angle offset is determined based on the terminal deflection direction data.

9. The method according to claim 1, characterized in that When the perspective conversion 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 current eye center point data of the current user; The determining of the viewing angle offset based on the event data comprises: Calculating user viewing angle direction data based on the current eye center point data and the screen center point data; A viewing angle offset is determined based on the user viewing angle direction data.

10. The method according to claim 1, characterized in that After determining the perspective offset based on the event data and before rendering and displaying the three-dimensional model of the target object at a second rendering perspective based on the perspective offset, the method further includes: If the viewing angle offset exceeds the preset value range, the viewing angle offset that exceeds the preset value range is adjusted so that the adjusted viewing angle offset is within the preset value range.

11. The method according to claim 3, characterized in that After rendering and displaying the three-dimensional model of the target object in the information display window of the current page at the first rendering perspective, the method further includes: controlling the three-dimensional model of the target object to move from within the information display window to outside the information display window; and, During the movement of the three-dimensional model of the target object, pixels in the three-dimensional model outside a preset mask layer are selected for rendering and display, and rendering and display are skipped for pixels in the three-dimensional model within the preset mask layer.

12. The method according to claim 1, characterized in that The method further comprises: The distance between the eyes or head of the current user and the terminal screen is detected in real time, and the size of the three-dimensional model of the target object currently displayed is adjusted according to the distance.

13. The method according to any one of claims 1 to 12, characterized in that The current page includes the homepage of the application, the product details page, the live broadcast page, the comment page or the waterfall page, and the target object includes the product.

14. An information display device, characterized in that: The device comprises: A first rendering perspective display module, configured to render and display the three-dimensional model of the target object in a preset display area of ​​the current page at a first rendering perspective; an event data acquisition module, configured to, in response to detecting a viewpoint conversion trigger event, acquire event data corresponding to the viewpoint conversion trigger event; wherein the viewpoint conversion 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; A second rendering perspective display module, configured to render and display the three-dimensional model of the target object at a second rendering perspective based on the event data; wherein the first rendering perspective is different from the second rendering perspective; Among them, the second rendering perspective display module includes: a perspective offset determining unit, configured to determine a perspective offset based on the event data; wherein the perspective offset represents a position offset of a second position point of the virtual camera corresponding to the second rendering perspective relative to a first position point of the virtual camera corresponding to the first rendering perspective; The second rendering perspective display unit is used to tilt the viewing cone based on the horizontal perspective offset and the vertical perspective offset in the perspective offset, and render and display the three-dimensional model of the target object at a second rendering perspective.

15. An electronic device, characterized in that: The electronic device comprises: one or more processors; a memory for storing 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 according to any one of claims 1 to 13.

16. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, the information display method according to any one of claims 1 to 13 is implemented.

17. A computer program product, comprising a computer program, wherein when the computer program is executed by a processor, the computer program implements the information presentation method according to any one of claims 1 to 13.

Citation Information

Patent Citations

  • Virtual camera for 3d maps

    CN107155342A

  • Product display method and device based on three-dimensional model

    CN117149015A

  • Article display method and device, equipment and storage medium

    CN118796025A