VR scene variable display method and system based on color space transparent channel

Abstract

The invention belongs to the technical field of VR scene display, and discloses a VR scene variable display method and system based on a color space transparent channel, the VR scene variable display system is realized based on a VR vehicle viewing module and a VR picture, and the VR vehicle viewing module has a picture uploading function, a background assignment switching function, an atmosphere lamp switching function and an instrument panel playing function. Through a multi-image superposition scheme based on a transparent channel, content replacement of a specific area can be realized, a cabin visual angle and comprehensive background change in a panoramic space can be vividly simulated, the display effect is vivid and rich, the simulation effect is good, and the method has good economic value and transportability in the automobile media and advertising industries, and is suitable for popularization and application. And through the application of the VR vehicle watching module and the VR picture, countless panoramic effects can be simulated by combining one panoramic picture with background changes, the cost is low, rich light colors can be dynamically displayed according to the needs of users, and the configuration is flexible.

Description

Technical Field

[0001] The present invention belongs to the technical field of VR scene display, and specifically relates to a method and system for changeable display of VR scenes based on color space transparent channels. Background Art

[0002] With the development of VR technology, the online automobile introduction and advertising display industry has ushered in revolutionary changes. Through VR scenes, users can be placed in the real interior and exterior environment of the car, and can more intuitively experience the appearance, interior and performance of the car, and have a deeper understanding of the car's characteristics and advantages.

[0003] Currently, when displaying the same model of a vehicle, the vehicle is displayed in a 3D model VR space, or the vehicle configuration is reflected through a panoramic view. However, the solution based on the 3D model is costly and time-consuming. To create a detailed vehicle 3D model, accurate vehicle structural parameters are required. These parameters are key design data of automobile manufacturers and are generally not provided to the outside world. It usually takes several days to create a detailed model, and the labor cost is dozens of times that of shooting a panoramic solution. Through the panoramic view display, a panoramic view can only show the real scene of the vehicle with a fixed scene and configuration. In order to provide users with a richer experience, multiple panoramic pictures need to be shot.

[0004] In the traditional shooting scheme, panoramic pictures are taken and produced manually by professional photographers. If you want to produce a variety of panoramas, such as a panoramic picture of the vehicle cabin with a snow-capped mountain background, a grassland background, and a night scene, or shoot various scenes such as cabin atmosphere lights of different colors, the traditional scheme requires the photographer to take multiple pictures, which not only greatly increases the operating cost, but also cannot flexibly support more diverse configurations, such as replacing the background and color according to user needs, so it needs to be improved and optimized. Summary of the invention

[0005] The purpose of the present invention is to provide a method and system for variable display of VR scenes based on color space transparent channels to solve the problems raised in the above background technology.

[0006] In order to achieve the above-mentioned purpose, the present invention provides the following technical solutions: a method and system for changeable display of VR scenes based on color space transparent channels, wherein the VR scene changeable display system is composed of a VR car viewing module and a VR picture module, and the VR car viewing module has a picture uploading function, a background designation switching function, an atmosphere light switching function and a dashboard playback function.

[0007] Preferably, the VR scene changeable display method is implemented by a programming scheme of changeable scenes and dynamic display actions and a multi-image overlay scheme based on transparent channels.

[0008] Preferably, in the VR scene changeable display method, the implementation steps of the multi-image overlay solution based on the transparent channel are:

[0009] A1, when the VR car viewing module is loaded, the user switches to the daytime background through the background designation switching function;

[0010] A2, when switching, the VR car viewing module will superimpose a mask between the daytime background image and the vehicle image. The mask uses a linear speed to fade in and out within 2 seconds to gradually transition from 100% transparency to opaque until the night scene is fully presented;

[0011] A3, the user uses the ambient light switching function to switch the light to orange;

[0012] A4, after clicking the orange RGB (155,100,0) light color, the VR car viewing module will set the red ambient light scene image RGB (255,0,0) to opaque (alpha=1), and then overlay the green ambient light scene image RGB (0,255,0) on the upper layer;

[0013] A5, the system calculates the transparency and calculates that the foreground transparency = 0.39 and the background transparency = 1. After the calculation is completed, the transparency of the image is adjusted to the corresponding value, so that the CSS of the web browser automatically presents the corresponding orange atmosphere light;

[0014] A6, the user clicks the dashboard area to use the dashboard playback function;

[0015] A7, the dashboard background mask area loads the specified image to achieve the dashboard dynamic content playback effect.

[0016] Preferably, the implementation steps of the programming scheme of the variable scenes and dynamic display actions are:

[0017] B1, first set the background parameters and atmosphere light parameters in the scene management page of the VR car viewing module; the background parameters include fixed background, selectable background, and automatic transition background such as day and night and sunny and rainy; the atmosphere light parameters include click color switching and stepless switching;

[0018] B2, in the user end viewing page of VR car viewing, load panoramic materials such as panoramic scenes, backgrounds, and ambient lights;

[0019] B3, when the user views the VR vehicle panorama, the page displays different interactive buttons according to the background configuration.

[0020] Preferably, the VR picture making steps in the VR picture module are:

[0021] C1, the staff first takes a VR real scene picture and shoots the corresponding atmosphere light primary color scene (three primary colors or six colors of the color wheel);

[0022] C2, process the image in Photoshop and make the car window glass and the places where the external scene can be observed transparent;

[0023] C3, in the background-material management page of the VR car viewing module, upload the scene picture, background picture (optional), and atmosphere light picture (optional).

[0024] Preferably, the transparent calculation formula of the atmosphere light switching function is:

[0025] Mixed transparency = 1 – (1 – foreground transparency) * (1 – background transparency)

[0026] The mixed color = foreground color x foreground transparency + (1-foreground transparency) x background transparency x background color / mixed transparency.

[0027] Preferably, the VR car viewing module simulates the effects of changes in the background outside the car, switching between day and night, stepless changes in the interior atmosphere lights, and switching of the large-screen content of the dashboard from the perspective of the cockpit in a panoramic space through the background designation switching function, the atmosphere light switching function, and the dashboard playback function.

[0028] Preferably, multiple different background images can be uploaded and set in the VR car viewing module, and different light colors can be displayed according to user needs.

[0029] The beneficial effects of the present invention are as follows:

[0030] 1. The present invention can achieve content replacement in a specific area through a multi-image overlay solution based on a transparent channel, and can realistically simulate the changes in the background outside the car from the perspective of the cockpit in a panoramic space, the switching between day and night, the stepless changes in the interior atmosphere lights, the switching of the content on the dashboard large screen, and other real-life effects. The display effect is vivid and rich, and the simulation effect is good. In the automotive media and advertising industry, it has good economic value and portability.

[0031] 2. The present invention uses the VR car viewing module and VR pictures, so that a panoramic picture only needs simple cutout processing, and combined with background changes, it can simulate countless panoramic effects, with low cost, and can dynamically display rich lighting colors according to user needs, with flexible configuration.

[0032] 3. The present invention uses a programming scheme of changeable scenes and dynamic display actions to enable rendering and dynamic effects to be presented in real time. No pre-shooting or modeling is required. Only pre-processed real-scene panoramas are needed, which can effectively reduce shooting and production costs and reduce network loading traffic. BRIEF DESCRIPTION OF THE DRAWINGS

[0033] Figure 1 This is a flow chart of the VR scene changeable display method of the present invention;

[0034] Figure 2 This is a flow chart of the VR scene changeable display system of the present invention. DETAILED DESCRIPTION

[0035] The following will be combined with the drawings in the embodiments of the present invention to clearly and completely describe the technical solutions in the embodiments of the present invention. Obviously, the described embodiments are only part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of the present invention.

[0036] like Figure 1 to Figure 2 As shown, an embodiment of the present invention provides a method and system for changeable display of VR scenes based on color space transparent channels. The VR scene changeable display system is implemented based on a VR car viewing module and VR pictures. The VR car viewing module has a picture uploading function, a background designation switching function, an atmosphere light switching function and a dashboard playback function.

[0037] By preprocessing the images, Al pah transparent channels are set for parts that need to be flexibly changed, such as car windows and lights; then when displaying on the user side, the multi-layer background image behind the panoramic image layer is flexibly replaced according to different functional needs; the RGB three primary color ratio is used to generate lighting effects of different colors; the multi-layer background image is covered with a mask, and the transparency of the mask can be adjusted to achieve a gradual change between day and night, with a rich and vivid display effect.

[0038] The VR scene changeable display method is implemented by a programming scheme of changeable scenes and dynamic display actions and a multi-image overlay scheme based on transparent channels.

[0039] Through the RGBA color channel, a solution for displaying the car cockpit with multiple backgrounds, specified lighting colors and central control screen content is simulated in the VR scene.

[0040] Among them, in the VR scene changeable display method, the implementation steps of the multi-image overlay solution based on the transparent channel are:

[0041] A1, when the VR car viewing module is loaded, the user switches to the daytime background through the background designation switching function;

[0042] A2, when switching, the VR car viewing module will superimpose a mask between the daytime background image and the vehicle image. The mask uses a linear speed to fade in and out within 2 seconds to gradually transition from 100% transparency to opaque until the night scene is fully presented;

[0043] By loading the background image of the car window glass area, different scenery outside the window can be displayed; by changing the transparency of the scenery image mask, the dynamic effect of switching between day and night can be achieved;

[0044] A3, the user uses the ambient light switching function to switch the light to orange;

[0045] A4, after clicking the orange RGB (155,100,0) light color, the VR car viewing module will set the red ambient light scene image RGB (255,0,0) to opaque (alpha=1), and then overlay the green ambient light scene image RGB (0,255,0) on the upper layer;

[0046] By changing the color of the background of the lighting area, different atmosphere lighting effects can be displayed; by changing the transparency of the background mask, a soft switching dynamic effect can be achieved;

[0047] A5, the system calculates the transparency and calculates that the foreground transparency = 0.39 and the background transparency = 1. After the calculation is completed, the transparency of the image is adjusted to the corresponding value, so that the CSS of the web browser automatically presents the corresponding orange atmosphere light;

[0048] A6, the user clicks the dashboard area to use the dashboard playback function;

[0049] A7, the dashboard background mask area loads the specified image to achieve the dashboard dynamic content playback effect.

[0050] By loading the background image of the large-screen area of ​​the dashboard, different dashboard contents can be displayed and played.

[0051] The implementation steps of the programming scheme for the changeable scenes and dynamic display actions are as follows:

[0052] B1, first set the background parameters and atmosphere light parameters in the scene management page of the VR car viewing module; the background parameters include fixed background, selectable background, and automatic transition background such as day and night and sunny and rainy; the atmosphere light parameters include click color switching and stepless switching;

[0053] B2, in the user end viewing page of the VR car viewing module, load panoramic materials such as panoramic scenes, backgrounds, and ambient lights;

[0054] B3, when the user views the VR vehicle panorama, the page displays different interactive buttons according to the background configuration.

[0055] When VR images are loaded, rendering and dynamic effects are real-time. No pre-shooting or modeling is required. Only pre-processed real-scene panoramas are needed, which can effectively reduce shooting and production costs and reduce network loading traffic.

[0056] The VR picture making steps of the VR picture module are as follows:

[0057] C1, the staff first takes a VR real scene picture and shoots the corresponding atmosphere light primary color scene (three primary colors or six colors of the color wheel);

[0058] C2, process the image in Photoshop and make the car window glass and the places where the external scene can be observed transparent;

[0059] C3, in the backend of VR car viewing - material management page, upload the scene picture, background picture (optional), and atmosphere light picture (optional).

[0060] This VR image only needs a panoramic picture, and after simple cutout preprocessing, combined with background changes, it can simulate countless panoramic effects.

[0061] The transparent calculation formula of the atmosphere light switching function is:

[0062] Mixed transparency = 1 – (1 – foreground transparency) * (1 – background transparency)

[0063] The mixed color = foreground color x foreground transparency + (1-foreground transparency) x background transparency x background color / mixed transparency.

[0064] Among them, the VR car viewing module simulates the changes in the outside background of the cockpit perspective in the panoramic space, the switching of day and night, the stepless changes of the interior atmosphere lights and the switching of the large-screen content of the dashboard through the background designation switching function, the atmosphere light switching function and the dashboard playback function.

[0065] Among them, the VR car viewing module can upload and set multiple background pictures, and can display different light colors according to user needs.

[0066] It should be noted that, in this article, relational terms such as first and second, etc. are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "include", "comprise" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device.

[0067] Although embodiments of the present invention have been shown and described, it will be appreciated by those skilled in the art that various changes, modifications, substitutions and variations may be made to the embodiments without departing from the principles and spirit of the present invention, and that the scope of the present invention is defined by the appended claims and their equivalents.

Claims

1. A VR scene changeable display system based on color space transparent channel, characterized by: The VR scene changeable display system consists of VR car viewing module and VR picture module; The VR car viewing module has a picture uploading function, a background designation switching function, an atmosphere light switching function and a dashboard playing function.

2. A method for displaying VR scenes in a variable manner based on a color space transparent channel, characterized in that: The VR scene changeable display method is implemented by a programming scheme of changeable scenes and dynamic display actions and a multi-image overlay scheme based on a transparent channel.

3. The method for displaying VR scenes in a variable manner based on a color space transparent channel according to claim 2, characterized in that: In the VR scene changeable display method, the implementation steps of the multi-image overlay solution based on the transparent channel are: A1, when the VR car viewing module is loaded, the user switches to the daytime background through the background designation switching function; A2, when switching, the VR car viewing module will superimpose a mask between the daytime background image and the vehicle image. The mask uses a linear speed to fade in and out within 2 seconds to gradually transition from 100% transparency to opaque until the night scene is fully presented; A3, the user uses the ambient light switching function to switch the light to orange; A4, after clicking the orange RGB (155,100,0) light color, the VR car viewing module will set the red ambient light scene image RGB (255,0,0) to opaque (alpha=1), and then overlay the green ambient light scene image RGB (0,255,0) on the upper layer; A5, the system calculates the transparency and calculates that the foreground transparency = 0.39 and the background transparency = 1. After the calculation is completed, the transparency of the image is adjusted to the corresponding value, so that the CSS of the web browser automatically presents the corresponding orange atmosphere light; A6, the user clicks the dashboard area to use the dashboard playback function; A7, the dashboard background mask area loads the specified image to achieve the dashboard dynamic content playback effect.

4. The method for displaying VR scenes in a variable manner based on a color space transparent channel according to claim 3, characterized in that: The implementation steps of the programming scheme of the changeable scenes and dynamic display actions are as follows: B1, first set the background parameters and atmosphere light parameters in the scene management page of the VR car viewing module; the background parameters include fixed background, selectable background, and automatic transition background such as day and night and sunny and rainy; the atmosphere light parameters include click color switching and stepless switching; B2, in the user end viewing page of VR car viewing, load the panoramic scene, background, and atmosphere light panoramic materials; B3, when the user views the VR vehicle panorama, the page displays different interactive buttons according to the background configuration.

5. The VR scene changeable display system based on color space transparent channel according to claim 4 is characterized by: The VR picture production steps in the VR picture module are as follows: C1, the staff first takes a VR real scene picture and then takes a picture of the corresponding atmosphere light base color scene; C2, process the image in Photoshop and make the car window glass and the places where the external scene can be observed transparent; C3, in the background-material management page of the VR car viewing module, upload the scene pictures, background pictures, and atmosphere light pictures.

6. The VR scene changeable display system based on color space transparent channel according to claim 5 is characterized by: The transparent calculation formula of the atmosphere light switching function is: Mixed transparency = 1 – (1 – foreground transparency) * (1 – background transparency) The mixed color = foreground color x foreground transparency + (1-foreground transparency) x background transparency x background color / mixed transparency.

7. The VR scene changeable display system based on color space transparent channel according to claim 6 is characterized by: The VR car viewing module simulates the effects of changes in the background outside the car, switching between day and night, stepless changes in the interior atmosphere lights, and switching of the content on the large screen of the dashboard from the perspective of the cockpit in a panoramic space through the background designation switching function, the atmosphere light switching function, and the dashboard playback function.

8. The VR scene changeable display system based on color space transparent channel according to claim 7 is characterized by: The background image can be uploaded and set in the VR car viewing module.

Images