CN113034654B - Scene switching method and scene switching system - Google Patents

Abstract

The present invention relates to the field of rendering technology, and discloses a scene switching method and system. The scene switching method comprises: when a triggering event of scene switching about a skybox is detected, storing a first view drawn on a 3D renderer, wherein the first view is a view of a first scene captured from a first perspective of a 3D camera in the skybox; drawing the first view by a 2D renderer; covering the 3D renderer with the 2D renderer; replacing multiple views of the first scene on the skybox with multiple views of a second scene, and initializing the 3D camera with a second perspective; and adjusting the rendering style of the first view drawn on the 2D renderer to render the second view on the 3D renderer in a gradient manner, wherein the second view is a view of a second scene captured from a second perspective of the 3D camera. The present invention can simulate the 3D transition effect of zooming in to gradually change to a new scene while reducing the memory space occupied.

Description

Scene switching method and scene switching system

Technical Field

The present invention relates to the field of rendering technology, and in particular to a scene switching method and a scene switching system.

Background Art

At present, when switching between different 3D scenes, the transition function of the reaction router is used to make the perspective transition from the 3D skybox before switching (the panorama with scene A) to the newly generated 3D skybox space (the panorama with scene B), thereby realizing the switching from scene A to scene B. This method is simple to implement but has huge memory overhead. During the transition period, at least two skybox scenes exist at the same time. In the mobile terminal scenario, most models will have black screen/white screen problems caused by memory overflow.

Summary of the invention

The object of the present invention is to provide a scene switching method and a scene switching system, which can simulate the 3D transition effect of zooming in to gradually change to a new scene while reducing the memory/video memory space occupation.

In order to achieve the above-mentioned purpose, the first aspect of the present invention provides a scene switching method, which comprises: when a triggering event of scene switching regarding a sky box is detected, storing a first view that has been drawn on a 3D renderer, wherein the first view is a view of a first scene captured from a first perspective of a 3D camera in the sky box; drawing the first view through a 2D renderer; covering the 3D renderer with the 2D renderer to continue rendering the first view through the 2D renderer; replacing multiple views of the first scene on the sky box with multiple views of a second scene, and initializing the 3D camera with a second perspective; and adjusting the rendering style of the first view that has been drawn on the 2D renderer to render the second view on the 3D renderer in a gradient manner, wherein the second view is a view of the second scene captured from the second perspective of the 3D camera.

Preferably, the scene switching method further comprises: establishing a connection between the 3D renderer and a buffer, and correspondingly, storing the drawn first view on the 3D renderer comprises: storing the first view through the buffer.

Preferably, the scene switching method further includes: establishing a connection between the 2D renderer and the buffer, and accordingly, drawing the first view through the 2D renderer includes: obtaining information about the first view from the buffer through the 2D renderer; and drawing the first view through the 2D renderer based on the information about the first view.

Preferably, before executing the storing of the drawn first view on the 3D renderer, the scene switching method further comprises: singularizing the skybox, and setting the skybox to be out of control of the reaction router, so as to render the first scene or the second scene through the skybox.

Preferably, the scene switching method further comprises: detecting a triggering event of the scene switching with respect to the sky box.

Preferably, the scene switching method further includes: establishing an empty component and a connection between the empty component and a reaction router. Accordingly, the detecting a triggering event of the scene switching of the skybox includes: reading the data to be rendered in the reaction router through the empty component; and when the data to be rendered indicates that a switch is to be made to the second scene, notifying the skybox in an event publishing and subscription manner that the first scene will be switched to the second scene.

Preferably, while executing the initializing of the 3D camera at the second viewing angle, the scene switching method further comprises: setting the position where the triggering event of the scene switching occurs as the focus of the 3D camera.

Preferably, adjusting the rendering style of the first view drawn on the 2D renderer includes: simultaneously transforming the position and transparency of the first view drawn on the 2D renderer.

Preferably, the size of the 2D renderer is greater than or equal to the size of the 3D renderer.

Through the above technical scheme, the present invention creatively stores the drawn first view on the 3D renderer when a triggering event regarding scene switching of the sky box is detected, and then overlays the 2D renderer on the 3D renderer after drawing the first view through the 2D renderer, then replaces the multiple views of the first scene on the sky box with the multiple views of the second scene, initializes the 3D camera with the second perspective, and finally adjusts the rendering style of the 2D renderer to render the second view on the 3D renderer in a gradient manner, thereby simulating the 3D transition effect of zooming in to gradually transition to a new scene while reducing the memory/video memory space occupied.

A second aspect of the present invention provides a scene switching system, which includes: a storage device for storing a first view drawn on a 3D renderer when a triggering event for scene switching regarding a sky box is detected, wherein the first view is a view of a first scene captured from a first perspective of a 3D camera in the sky box; a 2D renderer for drawing the first view; an overlay device for overlaying the 3D renderer with the 2D renderer to continue rendering the first view through the 2D renderer; a replacement device for replacing multiple views of the first scene on the sky box with multiple views of a second scene, and initializing the 3D camera with a second perspective; and an adjustment device for adjusting the rendering style of the first view drawn on the 2D renderer to render the second view on the 3D renderer in a gradient manner, wherein the second view is a view of the second scene captured from the second perspective of the 3D camera.

Preferably, the storage device is a buffer. Accordingly, the scene switching system further comprises: a first establishing device for establishing a connection between the 3D renderer and the buffer.

Preferably, the scene switching system further comprises: a second establishing device for establishing a connection between the 2D renderer and the buffer, and accordingly, the 2D renderer for drawing the first view comprises: obtaining information about the first view from the buffer; and drawing the first view according to the information about the first view.

Preferably, the scene switching system further comprises: a singularization device, for singularizing the skybox and setting the skybox to be not controlled by the reaction router, so as to render the first scene or the second scene through the skybox.

Preferably, the scene switching system further comprises: a detection device, configured to detect a triggering event of the scene switching of the sky box.

Preferably, the scene switching system also includes: a third establishing device for establishing an empty component and a connection between the empty component and a reaction router, and accordingly, the detection device includes: a reading module for reading the data to be rendered in the reaction router through the empty component; and a notification module for notifying the sky box that it will switch from the first scene to the second scene in an event publishing and subscription manner when the data to be rendered indicates that it is to switch to the second scene.

Preferably, the scene switching system further comprises: a setting device for setting the position where the triggering event of the scene switching occurs as the focus of the 3D camera.

Preferably, the adjusting device is used to adjust the rendering style of the first view drawn on the 2D renderer, including: simultaneously transforming the position and transparency of the first view drawn on the 2D renderer.

Preferably, the size of the 2D renderer is greater than or equal to the size of the 3D renderer.

For the specific details and benefits of the scene switching system provided by the present invention, please refer to the above description of the scene switching method, which will not be repeated here.

The third aspect of the present invention further provides a machine-readable storage medium, on which instructions are stored, and the instructions are used to enable a machine to execute the above-mentioned scene switching method.

The fourth aspect of the present invention also provides an electronic device, which includes: a processor; a memory for storing executable instructions of the processor; the processor is used to read the executable instructions from the memory and execute the instructions to implement the above-mentioned scene switching method.

Other features and advantages of the present invention will be described in detail in the following detailed description.

BRIEF DESCRIPTION OF THE DRAWINGS

The accompanying drawings are used to provide a further understanding of the embodiments of the present invention and constitute a part of the specification. Together with the following specific implementations, they are used to explain the embodiments of the present invention, but do not constitute a limitation on the embodiments of the present invention. In the accompanying drawings:

FIG1 is a flow chart of a scene switching method provided by an embodiment of the present invention; and

FIG. 2 is a structural diagram of a scene switching system provided by an embodiment of the present invention.

DETAILED DESCRIPTION

The specific implementation of the present invention is described in detail below in conjunction with the accompanying drawings. It should be understood that the specific implementation described here is only used to illustrate and explain the present invention, and is not used to limit the present invention.

Fig. 1 is a flow chart of a 3D scene switching method provided by an embodiment of the present invention. As shown in Fig. 1, the scene switching method may include steps S101-S105.

Before executing step S101, the scene switching method may further include: singularizing a skybox, and setting the skybox to be not controlled by a reaction router, so as to render the first scene or the second scene through the skybox.

In the current 3D scene switching process, the panorama of the first scene (i.e., multiple views/maps about the first scene) is displayed by the first skybox before the switching, and the panorama of the second scene (i.e., multiple views/maps about the second scene) is displayed by the second skybox after the switching, and the connection between the skybox and the reaction router is set, so that when the reaction router detects that the second scene corresponding to the second skybox is to be switched, the reaction router controls the view angle to switch to the second skybox. In other words, the scene switching process is realized by two skyboxes (i.e., the skybox is in a non-singletonized state). On this basis, in order to significantly reduce the memory usage, the skybox and its corresponding drawing components can be singletonized in the present embodiment, and the skybox is set to be out of the control of the reaction router (react-router), so that the view angle will not be switched to another skybox when the react-router detects the rendering data to be switched.

Before executing step S101, the scene switching method may further include: detecting a triggering event for scene switching of the sky box.

Specifically, the scene switching method may further include: establishing an empty component and a connection between the empty component and a reaction router. Accordingly, the detecting the triggering event of the scene switching of the skybox may include: reading the data to be rendered in the reaction router through the empty component; and in the case where the data to be rendered indicates that the second scene is to be switched, notifying the skybox that the first scene will be switched to the second scene in an event publishing and subscription manner.

Add an empty component in react-router, which can read the data in the router (such as data to be rendered, data related to another scene to be switched to). When the data read from the router indicates that the skybox panorama to be rendered has changed, the singleton skybox (i.e., 3D scene component) is notified to switch scenes by event publishing and subscription.

Step S101 : when a triggering event of scene switching related to a skybox is detected, storing a first view drawn on a 3D renderer.

The first view is a view of the first scene captured by the first viewing angle of the 3D camera in the sky box. Specifically, the first view is the current view rendered by the 3D renderer before switching: the view of the first scene captured by the current viewing angle of the 3D camera in the sky box.

In the current scene switching process, since two skyboxes are used to present the scenes before and after the switching respectively, it does not involve the storage and calling of the rendering results. In this embodiment, when a triggering event of scene switching is detected, the current view rendered by the 3D renderer (i.e., the first view before the switching) can be stored so that the current view can be rendered on the 2D (two-dimensional) renderer through step S102.

Before executing step S101, the scene switching method may further include: establishing a connection between the 3D renderer and a buffer. Accordingly, for step S101, storing the drawn first view on the 3D renderer includes: storing the first view via the buffer.

Specifically, a data connection is established between a 3D renderer (eg, WebGLRenderer) and a buffer, and a current drawing result before the switching of the 3D renderer is saved in the buffer.

Step S102: drawing the first view by using a 2D renderer.

In order to render the first view completely and in equal size on the 2D renderer, the size of the 2D renderer may be set to be greater than or equal to the size of the 3D renderer.

The 3D renderer may be a 3D canvas, and the 2D renderer may be a 2D canvas.

Specifically, after a triggering event of switching scenes is detected, the current drawing result of the 3D canvas (ie, the drawn first view) may be drawn on the 2D canvas as a graphic input.

Before executing step S102, the scene switching method may further include: establishing a connection between the 2D renderer and the buffer. Accordingly, for step S102, drawing the first view by the 2D renderer may include: acquiring information about the first view from the buffer by the 2D renderer; and drawing the first view by the 2D renderer according to the information about the first view.

Specifically, in this embodiment, in order to call the current view (the drawn first view) drawn by the 3D renderer before switching stored in the buffer, a data connection between the 2D canvas and the buffer can be established. Then, the relevant information of the first view is called through the 2D canvas, and the first view is drawn through the 2D canvas according to the called relevant information of the first view.

Step S103: Cover the 3D renderer with the 2D renderer to continue rendering the first view through the 2D renderer.

Specifically, the 2D canvas on which the first view is drawn is overlaid on the 3D canvas, so that the current view of the first scene (ie, the first view before switching) is continuously rendered to the viewer through the 2D canvas.

Step S104: replace the multiple views of the first scene on the sky box with multiple views of the second scene, and initialize the 3D camera with a second viewing angle.

The second viewing angle is the same as or different from the first viewing angle.

Specifically, while continuously rendering the current view of the first scene to the viewer through the 2D canvas, the multiple views of scene A on the sky box are replaced with multiple views of scene B, and the 3D camera is initialized with a new perspective (the new perspective may be the same as or different from the perspective of the 3D camera before the switch), so that the second view on the 3D renderer corresponding to the second perspective can be rendered in a gradient manner in step S105.

It should be noted that, in the current scene switching process, at least two 3D cameras (i.e., one 3D camera is configured for each skybox) need to be set to achieve the rendering of views of different scenes, while in various embodiments of the present invention, only one 3D camera can be set to achieve the switching between different scenes. Therefore, various embodiments of the present invention can achieve the 3D transition effect of a non-instantiated skybox through simple configuration.

While executing the initializing of the 3D camera at the second viewing angle, the scene switching method further includes: setting the position where the triggering event of the scene switching occurs as the focus of the 3D camera.

Specifically, when the viewer clicks on the scene switching component, in response to the triggering event of the scene switching, while initializing the 3D camera with the second perspective, the focus of the 3D camera can be set to the position where the scene switching component is located, so that the 3D camera can use this position as the focus to shoot the view within the switched second perspective, and then render the second view corresponding to the second perspective to the viewer.

Step S105 : adjusting the rendering style of the first view drawn on the 2D renderer to render the second view on the 3D renderer in a gradient manner.

The second view may be a view of the second scene captured from the second viewing angle of the 3D camera.

Regarding step S105 , adjusting the rendering style of the first view drawn on the 2D renderer may include: simultaneously transforming the position and transparency of the first view drawn on the 2D renderer.

Specifically, after replacing the multiple views on the skybox with the multiple views of the second scene, the position and transparency properties of the rendering style of the 2D canvas are controlled through Cascading Style Sheets (CSS) animation to enlarge and make transparent the first view drawn thereon, so that the new view of the second scene on the 3D canvas covered by it can be rendered through the 2D canvas, that is, simulating a zoom in of the camera to gradually transition to a new 3D perspective, thereby achieving a smooth 3D transition effect while avoiding animation freezes.

After the scene switch is completed, the 2D renderer (eg, 2D canvas) may be unloaded.

To summarize, the present invention creatively stores the drawn first view on the 3D renderer when a triggering event regarding scene switching of the sky box is detected, and then overlays the 2D renderer on the 3D renderer after drawing the first view through the 2D renderer, then replaces the multiple views of the first scene on the sky box with multiple views of the second scene, initializes the 3D camera with the second perspective, and finally adjusts the rendering style of the 2D renderer to render the second view on the 3D renderer in a gradient manner, thereby reducing the memory/video memory space occupied while simulating the 3D transition effect of zooming in to gradually transition to a new scene.

FIG2 is a structural diagram of a scene switching system provided by an embodiment of the present invention. As shown in FIG2, the scene switching system may include: a storage device 10, which is used to store a first view drawn on a 3D renderer when a triggering event of scene switching about a skybox is detected, wherein the first view is a view of a first scene captured from a first perspective of a 3D camera in the skybox; a 2D renderer 20, which is used to draw the first view; a covering device 30, which is used to cover the 3D renderer with the 2D renderer to continue rendering the first view through the 2D renderer; a replacement device 40, which is used to replace multiple views of the first scene on the skybox with multiple views of the second scene, and initialize the 3D camera with a second perspective; and an adjustment device 50, which is used to adjust the rendering style of the first view drawn on the 2D renderer to render the second view on the 3D renderer in a gradient manner, wherein the second view is a view of the second scene captured from the second perspective of the 3D camera.

Preferably, the storage device is a buffer. Accordingly, the scene switching system further comprises: a first establishing device for establishing a connection between the 3D renderer and the buffer.

Preferably, the scene switching system further comprises: a second establishing device for establishing a connection between the 2D renderer and the buffer, and accordingly, the 2D renderer for drawing the first view comprises: obtaining information about the first view from the buffer; and drawing the first view according to the information about the first view.

Preferably, the scene switching system further comprises: a singularization device, for singularizing the skybox and setting the skybox to be not controlled by the reaction router, so as to render the first scene or the second scene through the skybox.

Preferably, the scene switching system further comprises: a detection device, configured to detect a triggering event of the scene switching of the sky box.

Preferably, the scene switching system also includes: a third establishing device for establishing an empty component and a connection between the empty component and a reaction router, and accordingly, the detection device includes: a reading module for reading the data to be rendered in the reaction router through the empty component; and a notification module for notifying the sky box that it will switch from the first scene to the second scene in an event publishing and subscription manner when the data to be rendered indicates that it is to switch to the second scene.

Preferably, the scene switching system further comprises: a setting device for setting the position where the triggering event of the scene switching occurs as the focus of the 3D camera.

Preferably, the adjusting device is used to adjust the rendering style of the first view drawn on the 2D renderer, including: simultaneously transforming the position and transparency of the first view drawn on the 2D renderer.

Preferably, the size of the 2D renderer is greater than or equal to the size of the 3D renderer.

For the specific details and benefits of the scene switching system provided by the present invention, please refer to the above description of the scene switching method, which will not be repeated here.

An embodiment of the present invention further provides a machine-readable storage medium, on which instructions are stored, and the instructions are used to enable a machine to execute the above-mentioned scene switching method.

An embodiment of the present invention further provides an electronic device, comprising: a processor; a memory for storing executable instructions of the processor; the processor is configured to read the executable instructions from the memory and execute the instructions to implement the above-mentioned scene switching method.

The optional implementation modes of the embodiments of the present invention are described in detail above in conjunction with the accompanying drawings. However, the embodiments of the present invention are not limited to the specific details in the above implementation modes. Within the technical concept of the embodiments of the present invention, various simple modifications can be made to the technical scheme of the embodiments of the present invention, and these simple modifications all belong to the protection scope of the embodiments of the present invention.

It should also be noted that the various specific technical features described in the above specific embodiments can be combined in any suitable manner without contradiction. To avoid unnecessary repetition, the embodiments of the present invention will not further describe various possible combinations.

Those skilled in the art can understand that all or part of the steps in the above-mentioned embodiment method can be completed by instructing the relevant hardware through a program, and the program is stored in a storage medium, including a number of instructions to enable a single-chip microcomputer, a chip or a processor to execute all or part of the steps of the method described in each embodiment of the present application. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), disk or optical disk and other media that can store program codes.

In addition, various implementation modes of the embodiments of the present invention may be arbitrarily combined, and as long as they do not violate the concept of the embodiments of the present invention, they should also be regarded as the contents disclosed by the embodiments of the present invention.

Claims (18)

1. A scene change method, comprising:

in the event that a trigger event for scene switching with respect to a space box is detected, storing a first drawn view on a 3D renderer, the first view being a view of a first scene captured at a first perspective of a 3D camera within the space box, the storing the first drawn view on the 3D renderer comprising: storing the first view through a buffer;

Drawing the first view by a 2D renderer, comprising: acquiring, by the 2D renderer, information about the first view from the buffer, and drawing, by the 2D renderer, the first view according to the information about the first view;

overlaying the 3D renderer with the 2D renderer to continue rendering the first view by the 2D renderer;

Replacing a plurality of views on the aerial box with a plurality of views with respect to a second scene, and initializing the 3D camera at a second perspective; and

Adjusting a rendering style of the drawn first view on the 2D renderer to render a second view on the 3D renderer in a gradual manner, wherein the second view is a view of the second scene taken at the second view angle of the 3D camera.

2. The scene switching method according to claim 1, characterized in that the scene switching method further comprises: and establishing a connection between the 3D renderer and the buffer, and establishing a connection between the 2D renderer and the buffer.

3. The scene cut method according to claim 1, characterized in that before executing the rendered first view on the stored 3D renderer, the scene cut method further comprises:

The sky box is instantiated, and the sky box is set to be not controlled by a reaction router so as to render the first scene or the second scene through the sky box.

4. The scene switching method according to claim 1, characterized in that the scene switching method further comprises: a trigger event for the scene cut is detected with respect to the sky box.

5. The scene switching method according to claim 4, further comprising: establishing a connection between an empty component and a reaction router;

the detecting a trigger event for the scene cut for the sky box includes:

reading data to be rendered in the reactive router through the null component; and

And notifying the sky box to be switched from the first scene to the second scene in an event publishing and subscribing mode under the condition that the data to be rendered indicates to be switched to the second scene.

6. The scene switching method according to claim 1, characterized in that it further comprises, while performing said initializing the 3D camera with the second view angle:

And setting the position of the triggering event of scene switching as the focus of the 3D camera.

7. The scene cut method of claim 1, wherein said adjusting the rendering style of the rendered first view on the 2D renderer comprises:

while transforming the position and transparency of the drawn first view on the 2D renderer.

8. The scene cut method according to claim 1, wherein the size of the 2D renderer is greater than or equal to the size of the 3D renderer.

9. A scene cut system, the scene cut system comprising:

A storage means for storing, in a case where a trigger event regarding scene switching of a space box is detected, a first view drawn on a 3D renderer, wherein the first view is a view regarding a first scene photographed at a first angle of view of a 3D camera within the space box;

a 2D renderer for rendering the first view;

overlaying means for overlaying the 3D renderer with the 2D renderer to continue rendering the first view by the 2D renderer;

Replacement means for replacing a plurality of views on the aerial box with respect to the first scene with a plurality of views with respect to a second scene and initializing the 3D camera at a second perspective; and

An adjusting means for adjusting a rendering style of the drawn first view on the 2D renderer to render a second view on the 3D renderer in a gradation manner, wherein the second view is a view about the second scene photographed at the second view angle of the 3D camera;

wherein the storage device is a buffer;

the 2D renderer for rendering the first view comprises: acquiring information about the first view from the buffer; and rendering the first view based on the information about the first view.

10. The scene-switching system of claim 9, wherein the scene-switching system further comprises: a first establishing means for establishing a connection between the 3D renderer and a buffer; and second establishing means for establishing a connection between the 2D renderer and the buffer.

11. The scene-switching system of claim 9, wherein the scene-switching system further comprises:

and the single-instantiation device is used for single-instantiating the sky box and setting the sky box not to be controlled by the reaction router so as to render the first scene or the second scene through the sky box.

12. The scene-switching system of claim 9, wherein the scene-switching system further comprises:

and the detection device is used for detecting a trigger event of the scene switching of the sky box.

13. The scene-switching system of claim 12, wherein the scene-switching system further comprises:

third establishing means for establishing an empty component and a connection between the empty component and the reactive router;

The detection device includes:

The reading module is used for reading the data to be rendered in the response router through the empty component; and

And the notification module is used for notifying the sky box to be switched from the first scene to the second scene in an event publishing and subscribing mode under the condition that the data to be rendered indicate to be switched to the second scene.

14. The scene-switching system of claim 9, wherein the scene-switching system further comprises:

And the setting device is used for setting the position of the triggering event of the scene switching as the focus of the 3D camera.

15. The scene cut system of claim 9, wherein the adjusting means for adjusting the rendering style of the first view rendered on the 2D renderer comprises:

while transforming the position and transparency of the drawn first view on the 2D renderer.

16. The scene cut system of claim 9, wherein the size of the 2D renderer is greater than or equal to the size of the 3D renderer.

17. A machine-readable storage medium having stored thereon instructions for causing a machine to perform the scene change method of any of the preceding claims 1-8.

18. An electronic device, the electronic device comprising:

A processor;

A memory for storing the processor-executable instructions;

The processor being configured to read the executable instructions from the memory and execute the instructions to implement the scene cut method of any of the preceding claims 1-8.