CN115869622A

CN115869622A - Application method and system of BIM and GIS model in WebGL game engine and readable storage medium

Info

Publication number: CN115869622A
Application number: CN202211607416.0A
Authority: CN
Inventors: 李宏伟; 冷志鹏; 朱立伟; 章招果
Original assignee: Zhejiang Shangong Intelligent Technology Co ltd
Current assignee: Zhejiang Shangong Intelligent Technology Co ltd
Priority date: 2022-12-14
Filing date: 2022-12-14
Publication date: 2023-03-31

Abstract

The invention provides an application method, a system and a readable storage medium of BIM and GIS models in a WebGL game engine, wherein the application method comprises the following steps: s1: importing a bridge rvt original model file, and deleting elements invisible to a user; s2: exporting the attributes of rvt to a database; s3: deriving into gltf, carrying out same material merging operation on the gltf, and carrying out compression processing through a compression algorithm; s4: the front end loads a gltf file and a material through threejs; s5: nginx configurable compression to reduce transmission time; s6, after the object loaded by Threejs is clicked, the object is associated with the attribute data stored in the database through the id for displaying; s7: the method and the device load threejs on the procession or other maps, and improve the user experience based on the BIM model loading of the game engine, so that the game engine can be used for realizing the first-person and immersive experience, and can add the light and shadow effect.

Description

Application method, system and readable storage medium of BIM and GIS model in WebGL game engine

Technical Field

The invention relates to the technical field of computers, in particular to a method and a system for applying BIM and GIS models in a WebGL game engine and a readable storage medium.

Background

The present invention is primarily based on the background of several aspects: firstly, the combination of the visual BIM model and the related services is a future trend; secondly, with the development of the internet, the problem that a model can be displayed or the office work can be urgently solved on a client side such as a mobile phone is solved.

In the current user or system, as shown in fig. 1, a client generally uses a web browser for browsing or office approval, so that the system is required to work well on the web browser, and a BIM model is an improved part of a traffic field management system, is a BIM component which is easier for the user to understand the current business, and visually sees the current overall and partial states, thereby providing a visual data basis for work and decision. The ability to load on the app is a breakthrough in the field of BIM, and greatly improves the usability of the system.

The existing model demonstration on the market has the following problems.

non-BIM loading modes such as oblique photography, tile slicing and the like cannot finely express the whole and local states of the current model, cannot express the attributes of components and cannot be related to the current state.

With the BIM model, the biggest problem is that the model is too large, and the memory supported by the web browser is limited, so that the problems of easy crash or slow loading are easily caused.

By adopting the BIM model, the experience of the current similar products on user display is poor, and the first person experience of 3d all-dimensional operation cannot be realized.

Accordingly, there is a need to develop a method, system and readable storage medium for applying BIM and GIS models in WebGL game engine to address the deficiencies of the prior art and to solve or alleviate one or more of the above-mentioned problems.

Disclosure of Invention

In view of the above, the invention provides an application method, system and readable storage medium of BIM and GIS models in a WebGL game engine, the invention is used as a software system, a server uses a cloud server as a carrier for deployment, a user uses a PC (personal computer), a mobile phone or a tablet personal computer and the like to access and use a platform management system through a browser, and the browser loads a user model and caches the user model to a user client for the next use, and simultaneously displays the user model to the user at the front end.

On one hand, the invention provides an application method of a BIM and GIS model in a WebGL game engine, which comprises the following steps:

s1: importing a bridge rvt original model file, and deleting elements invisible to a user;

s2: exporting the attributes of rvt to a database;

s3: deriving into gltf, merging the same material of the gltf, and compressing by a compression algorithm;

s4: the front end loads a gltf file and a material through threejs;

s5: nginx is configurable compression to reduce transmission time;

s6, after clicking, the object loaded by Threejs is associated with the attribute data stored in the database through the id for displaying;

s7: threejs is loaded on the procession or other map.

As for the above-described aspects and any possible implementation manner, an implementation manner is further provided, and the importing target of the bridge rvt original model file in S1 is Revit 2020.

The above-described aspect and any possible implementation further provide an implementation, where the invisible elements in S1 include triangular faces with a small area and a large number and elements that are not handled by the user when wrapped by other materials.

As to the above-mentioned aspect and any possible implementation manner, an implementation manner is further provided, where the database importing process in S2 specifically includes: and directly exporting the Rvt file to excel and then importing the Rvt file to the database.

In the above aspect and any possible implementation manner, there is further provided an implementation manner, in S3, after the merging of the same material, the same material is loaded only once.

As for the above-mentioned aspect and any possible implementation manner, there is further provided an implementation manner, where the S4 middle front end includes but is not limited to: web side, pc, ios and android.

As for the above-mentioned aspect and any possible implementation manner, there is further provided an implementation manner, where the Nginx compression in S5 is specifically: and storing the processed file into nginx to reduce the transmission amount and configure compression.

The above-mentioned aspects and any possible implementation manner further provide an application system of the BIM and GIS model in the WebGL game engine, where the application system includes:

the original module import optimization module is used for importing the original model file of the bridge rvt and deleting elements invisible to a user;

the attribute output module is used for exporting the attribute of rvt to a database;

the combining and compressing module is used for deriving the gltf, carrying out the same material combining operation on the gltf and carrying out compression processing through a compression algorithm;

the front end loading module is used for loading the gltf files and materials by the front end through threjs;

a configuration compression module for configurable compression by Nginx to reduce transmission time;

the association display module is used for associating the object loaded by Threejs with the attribute data stored in the database through the id after clicking the object for displaying;

and the GIS loading module is used for loading threejs on the procession or other maps.

The above-described aspects and any possible implementation are further provided as a readable storage medium, on which a computer program is stored, which computer program, when executed by a processor, implements the application method.

The above-described aspects and any possible implementation further provide an electronic device, comprising a processor, a memory, a communication interface, and one or more programs stored in the memory and configured to be executed by the processor, the programs including instructions for executing the application method.

Compared with the prior art, the invention can obtain the following technical effects:

1): the system of the invention realizes the purpose of loading the BIM model in the web browser, and the user accesses the system by using a PC computer, a mobile phone or a tablet personal computer and the like, and the user can quickly display the large BIM model because the model is optimized. The purpose of rapidly loading the BIM on the browser in the traffic industry is achieved;

2): BIM model loading based on game engine has made the promotion in user experience, makes it can be first person, immersive experience, can add the light and shadow effect moreover, this is that BIM direct loading does not can not accomplish through game engine.

Of course, it is not necessary for any one product in which the invention is practiced to achieve all of the above-described technical effects simultaneously.

[ description of the drawings ]

In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings required to be used in the embodiments will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art that other drawings can be obtained according to the drawings without creative efforts.

FIG. 1 is a diagram of a prior art process provided by one embodiment of the present invention;

FIG. 2 is a flow chart of an application method according to the present invention provided by an embodiment of the present invention;

FIG. 3 is a schematic diagram of importing a model during an application method according to an embodiment of the present invention;

FIG. 4 is a schematic diagram of model adjustment in the process of applying the method according to the present invention according to an embodiment of the present invention;

FIG. 5 is a schematic diagram of model adjustment during the application of the method according to the present invention according to an embodiment of the present invention;

FIG. 6 is a schematic diagram of model adjustment during the application of the method according to the present invention according to an embodiment of the present invention;

FIG. 7 is a diagram illustrating the output of model transformation during application of the method of the present invention according to an embodiment of the present invention;

fig. 8 is a diagram illustrating a result of loading and outputting in the process of applying the method according to an embodiment of the present invention.

[ detailed description ] A

In order to better understand the technical scheme of the invention, the following detailed description of the embodiments of the invention is made with reference to the accompanying drawings.

It should be understood that the described embodiments are only some embodiments of the invention, and not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.

The terminology used in the embodiments of the invention is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention. As used in the examples of the present invention and the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise.

The invention provides an application method of a BIM and GIS model in a WebGL game engine, which comprises the following steps:

s2: exporting the attributes of rvt to a database;

s4: the front end loads a gltf file and a material through threejs;

s5: nginx configurable compression to reduce transmission time;

s7: threejs is loaded on the procession or other map.

The import target of the original model file of the bridge rvt in the S1 is Revit 2020. The invisible elements in the S1 comprise triangular surfaces with small areas and large numbers and elements which cannot be operated by other material wrapping users.

The database importing process in the S2 specifically comprises the following steps: and directly exporting the Rvt file into excel and then importing the Rvt file into the database.

And in the S3, the same material is loaded only once after the same material is combined.

The S4 middle front end includes but is not limited to: web side, pc, ios and android.

The Nginx compression in S5 is specifically as follows: and storing the processed file into nginx to reduce the transmission amount and configure compression.

The invention also provides an application system of the BIM and GIS model in the WebGL game engine, which comprises:

the original module import optimization module is used for importing the original model file of the bridge rvt and deleting the invisible elements of the user;

the combined compression module is used for exporting the gltf, carrying out same-material combining operation on the gltf and carrying out compression processing through a compression algorithm;

the front-end loading module is used for loading the gltf file and the materials on the front end through threejs;

the association display module is used for associating the object loaded by the Threejs with the attribute data stored in the database through the id after clicking for displaying;

and the GIS loading module is used for loading threejs on the ceium or other maps.

The invention also provides a readable storage medium on which a computer program is stored, which computer program, when being executed by a processor, carries out the application method.

The invention also provides an electronic device comprising a processor, a memory, a communication interface, and one or more programs stored in the memory and configured to be executed by the processor, the programs including instructions for performing the application method.

Example 1:

the embodiment provides an application method of a BIM and GIS model in a WebGL game engine, which comprises the following steps:

1. rvt was introduced into the BIM model and was 62868kb in size, as shown in FIG. 3.

2. The model is composed of multiple layers of models, the middle invisible elements are deleted, the visibility of the internal graph is changed into invisible, the unused items are cleared by using management, and the detailed degree is changed into medium. As shown in fig. 4-6, 47816kb remains after execution.

3. The model conversion is a model that converts a BIM three-dimensional model generated by modeling into a gltf format.

4. As shown in FIG. 7, the gltf is derived using the rvt plug-in, which performs isomorphic merging and compression using the Google Draco algorithm for the gltf, and the plug-in can use: bimangle.

5. As shown in fig. 8, the model is shown as a lightweight gltf model threejs game engine loaded and then shown on the web or app.

The application method, system and readable storage medium of the BIM and GIS models in the WebGL game engine provided by the embodiments of the present application are described in detail above. The above description of the embodiments is only for the purpose of helping to understand the method of the present application and its core ideas; meanwhile, for a person skilled in the art, according to the idea of the present application, there may be variations in the specific embodiments and the application scope, and in summary, the content of the present specification should not be construed as a limitation to the present application.

As used in the specification and claims, certain terms are used to refer to particular components. As one skilled in the art will appreciate, manufacturers may refer to a component by different names. This specification and claims do not intend to distinguish between components that differ in name but not function. In the following description and in the claims, the terms "include" and "comprise" are used in an open-ended fashion, and thus should be interpreted to mean "include, but not limited to. "substantially" means within an acceptable error range, and a person skilled in the art can solve the technical problem within a certain error range to substantially achieve the technical effect. The description which follows is a preferred embodiment of the present application, but is made for the purpose of illustrating the general principles of the application and not for the purpose of limiting the scope of the application. The scope of the present application is to be construed in accordance with the substance defined by the following claims.

It should also be noted that the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a good or system that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such good or system. Without further limitation, an element defined by the phrases "comprising one of 8230; \8230;" 8230; "does not exclude the presence of additional like elements in articles of commerce or systems including such elements.

It should be understood that the term "and/or" as used herein is merely one type of association that describes an associated object, meaning that three relationships may exist, e.g., a and/or B may mean: a exists alone, A and B exist simultaneously, and B exists alone. In addition, the character "/" herein generally indicates that the former and latter related objects are in an "or" relationship.

The foregoing description shows and describes several preferred embodiments of the present application, but as aforementioned, it is to be understood that the application is not limited to the forms disclosed herein, and is not to be construed as excluding other embodiments, but rather is capable of use in various other combinations, modifications, and environments and is capable of changes within the scope of the application as expressed herein, commensurate with the above teachings, or the skill or knowledge of the relevant art. And that modifications and variations may be effected by those skilled in the art without departing from the spirit and scope of the application, which is to be protected by the claims appended hereto.

Claims

1. An application method of a BIM and GIS model in a WebGL game engine is characterized by comprising the following steps:

s2: exporting the attributes of rvt to a database;

s4: the front end loads a gltf file and a material through threejs;

s5: nginx is configurable compression to reduce transmission time;

s6, after the object loaded by Threejs is clicked, the object is associated with the attribute data stored in the database through the id for displaying;

s7: threejs is loaded on the procession or other map.

2. The application method according to claim 1, wherein the import of the original model file of the bridge rvt in S1 is targeted to Revit 2020.

3. The application method of claim 1, wherein the invisible elements in S1 comprise triangular faces with smaller areas and larger numbers and elements which are not operated by other material wrapping users.

4. The application method according to claim 1, wherein the database importing process in S2 specifically includes: and directly exporting the Rvt file to excel and then importing the Rvt file to the database.

5. The method according to claim 1, wherein the same material is loaded only once after being merged in S3.

6. The application method according to claim 1, wherein the S4 middle front end includes but is not limited to: web side, pc, ios and android.

7. The application method according to claim 1, wherein the Nginx compression in S5 is specifically: and storing the processed file into nginx to reduce the transmission amount and configure compression.

8. An application system of BIM and GIS model in WebGL game engine, characterized in that the application system comprises:

9. A readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the application method of any one of claims 1 to 7.

10. An electronic device comprising a processor, a memory, a communication interface, and one or more programs stored in the memory and configured to be executed by the processor, the programs comprising instructions for performing the application method of any of claims 1-7.