CN116702293B - Implementation method of bridge BIM model interactive panoramic roaming - Google Patents
Implementation method of bridge BIM model interactive panoramic roaming Download PDFInfo
- Publication number
- CN116702293B CN116702293B CN202310829949.1A CN202310829949A CN116702293B CN 116702293 B CN116702293 B CN 116702293B CN 202310829949 A CN202310829949 A CN 202310829949A CN 116702293 B CN116702293 B CN 116702293B
- Authority
- CN
- China
- Prior art keywords
- roaming
- bim model
- bridge
- camera
- panoramic
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 230000002452 interceptive effect Effects 0.000 title claims abstract description 47
- 238000000034 method Methods 0.000 title claims abstract description 34
- 230000003993 interaction Effects 0.000 claims abstract description 23
- 238000005259 measurement Methods 0.000 claims abstract description 13
- 230000006870 function Effects 0.000 claims description 58
- 238000012546 transfer Methods 0.000 claims description 29
- 230000008859 change Effects 0.000 claims description 12
- 238000009877 rendering Methods 0.000 claims description 9
- 238000012544 monitoring process Methods 0.000 claims description 8
- 238000012545 processing Methods 0.000 claims description 6
- 238000004519 manufacturing process Methods 0.000 claims description 4
- 241000592183 Eidolon Species 0.000 claims description 3
- 230000000712 assembly Effects 0.000 claims description 3
- 238000000429 assembly Methods 0.000 claims description 3
- 238000004364 calculation method Methods 0.000 claims description 3
- 229920000136 polysorbate Polymers 0.000 claims description 3
- 230000001360 synchronised effect Effects 0.000 claims description 3
- 230000008569 process Effects 0.000 abstract description 8
- 238000010276 construction Methods 0.000 description 17
- 230000005540 biological transmission Effects 0.000 description 13
- 230000009471 action Effects 0.000 description 3
- 238000010586 diagram Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F30/00—Computer-aided design [CAD]
- G06F30/10—Geometric CAD
- G06F30/13—Architectural design, e.g. computer-aided architectural design [CAAD] related to design of buildings, bridges, landscapes, production plants or roads
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N23/00—Cameras or camera modules comprising electronic image sensors; Control thereof
- H04N23/90—Arrangement of cameras or camera modules, e.g. multiple cameras in TV studios or sports stadiums
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Geometry (AREA)
- Signal Processing (AREA)
- Computer Hardware Design (AREA)
- Mathematical Optimization (AREA)
- Computational Mathematics (AREA)
- Mathematical Analysis (AREA)
- Structural Engineering (AREA)
- Pure & Applied Mathematics (AREA)
- Evolutionary Computation (AREA)
- General Engineering & Computer Science (AREA)
- Civil Engineering (AREA)
- Computer Networks & Wireless Communication (AREA)
- Architecture (AREA)
- Multimedia (AREA)
- Processing Or Creating Images (AREA)
- Stored Programmes (AREA)
Abstract
The invention provides a method for realizing bridge BIM model interactive panoramic roaming, and relates to the technical field of bridge modeling. The method for realizing the interactive panoramic roaming of the bridge BIM comprises the steps of drawing the bridge BIM through a step of drawing the bridge model, and obtaining a format file to obtain a browsable gltf format file of a Web terminal and a dae format file available by Lumion. And performing panorama making, namely after performing panorama roaming by the Web terminal browsing BIM model and the Web terminal through the Web terminal browsing BIM model and panorama roaming step, performing interactive panorama roaming of the BIM model and the parallel function items through the parallel function item interaction step, and finally performing online interactive panorama roaming release through the interactive panorama roaming release step, so as to realize quick browsing of terminal equipment. In the process of realizing panoramic roaming of the bridge, detailed information of related members of the bridge, detailed practices of key nodes, measurement of key distances and the like can be checked through terminal equipment.
Description
Technical Field
The invention relates to the technical field of bridge modeling, in particular to a method for realizing bridge BIM model interactive panoramic roaming.
Background
Under the great background that the development of the construction technology is mature, project responsibility people become more and more important to more efficient information transmission and more flexible interaction modes. The existing BIM still has the condition of low information transmission efficiency, a simple BIM model cannot enable a user to have good roaming experience, and the simple panoramic roaming cannot contain enough component information, but the combination of the BIM model and the panoramic roaming can completely meet the requirement. The BIM model browsed at the Web end not only carries a large amount of component information, but also breaks through the constraint that the browsing can only be carried out by professional software, the panoramic roaming has a flexible interaction mode and good roaming feeling, and the combination of the two can improve engineering information transmission efficiency and enhance roaming experience so as to reduce unnecessary loss. The construction of many bridge projects is in remote, high-altitude and complex climate areas, the project construction environments of the areas are very complex, and the areas have many difficulties and challenges in aspects of weather conditions, transportation, equipment materials and the like, the corresponding construction cost is relatively increased, and the construction cost and the project loss are reduced to a certain extent by efficient information transmission, so that the transmission efficiency of building information is particularly important.
At present, panoramic roaming products in the prior art are mature, but most of the panoramic roaming products are not aimed at bridge construction, and are aimed at the panoramic roaming products in bridge construction individually, so that the information transfer efficiency in bridge construction is low, and although the panoramic roaming products can realize the transfer of a part of information by means of hot spot inquiry, panoramic roaming cannot tolerate the existence of a great number of hot spot inquiry, and therefore roaming experience is affected. The bridge further needs detailed information of related components, detailed practices of key nodes, measurement of key distances and the like, which cannot be realized in the current panoramic roaming.
For this purpose, the above technical problems need to be further solved.
Disclosure of Invention
The embodiment of the invention aims to provide a method for realizing the interactive panoramic roaming of a bridge BIM model so as to form a panoramic roaming product for bridge construction, increase the information transmission efficiency for the bridge construction, realize the information transmission by means of hot spot inquiry and simultaneously not influence roaming experience. Therefore, in the process of realizing panoramic roaming of the bridge, the detailed information of related members of the bridge, the detailed practice of key nodes, the measurement of key distances and other information can be checked through the terminal equipment.
In order to solve the technical problems, the embodiment of the invention provides the following technical scheme:
the invention provides a method for realizing bridge BIM model interactive panoramic roaming, which comprises the following steps:
drawing a bridge model, namely drawing a bridge BIM model in Revit software;
a step of obtaining a format file, namely calling a function in an SDK and IExport interface in the Revit software, traversing a rvt format file of the bridge BIM model to obtain a gltf format file which can be browsed by a Web end, obtaining a dae format file which can be used by Lumion through Lumion Livesync for Revit plug-ins, and making a panorama;
the method comprises the steps of browsing a BIM model and performing panoramic roaming by a Web terminal, wherein front-end programming is used for realizing panoramic roaming by the Web terminal browsing a bridge BIM model and the Web terminal;
the step of interaction of the parallel function items is realized, and the JavaScript and the three.js are used for realizing the interactive panoramic roaming of the bridge BIM model and the parallel function items;
the interactive panorama roaming release step is realized, the realized interactive panorama roaming release is online, and the quick browsing of the terminal equipment is realized.
Further, in the step of acquiring the format file:
and performing light weight processing on the bridge BIM model file in a rvt format by using C# to obtain two intermediate format files in a bin format and a gltf format, wherein the bin format file stores vertex coordinates of the bridge BIM model in a binary mode, the gltf format file stores vertex basic data indexes of the bridge BIM model and specific information of material members, and the two intermediate format files are stored in a local disk.
Further, in the step of obtaining the format file, the obtaining, through the Lumion Livesync for Revit plug-in, a dae format file available by Lumion, specifically:
and processing the rvt format file in the Revit software by using the Lumion Livesync for Revit plug-in to obtain a dae format file suitable for Lumion, performing material giving work on the bridge BIM model in the dae format in the Lumion, manufacturing a panoramic image, and storing the panoramic image in a local disk.
Further, in the steps of implementing the Web-side browsing BIM model and panoramic roaming, the technical route for implementing the Web-side browsing bridge BIM model is as follows:
and using Vue as a frame, html, css, javaScript and three.js as code languages, creating Vue components named Mod for the bridge BIM model, creating basic elements of a scene, a camera, a renderer and lamplight, calling a Gltfoader to load the bin format file and the gltf format file, and browsing the bridge BIM model at the Web end.
Further, in the steps of implementing the Web terminal browsing bridge BIM model and panoramic roaming, the technical route for implementing panoramic roaming by the Web terminal is as follows:
creating a vue component named Roam for panoramic roaming, creating basic elements of a scene, a camera, a renderer and lamplight, creating a spherical geometry in the scene, giving a panoramic image stored in a local disk as a material to the spherical geometry, and browsing the panoramic image at a Web end;
and (3) placing the pictures in the direction guiding direction in a panoramic roaming scene by using JavaScript and three.js, calling a function written by JavaScript to modify the position of the camera by clicking the pictures, and after interaction is completed and panoramic roaming is generated, performing panoramic roaming on the Web terminal.
Further, in the step of implementing parallel function item interaction, the function item includes:
hot spot inquiry, real-time mutual switching of bridge BIM model and panoramic roaming, model component information inquiry, model distance measurement and roaming path setting.
Further, in the step of implementing parallel function item interaction, the implementation of interactive panoramic roaming between the bridge BIM model and the parallel function item by using the JavaScript and the tree.
Placing spherical geometry forming panoramic roaming according to the spatial position layout of a bridge BIM model, and linking cameras of two vue assemblies named Mod and Roam by using Vuex;
reading and displaying the building component information contained in the gltf format file by using three.js and JavaScript to realize browsing of the component information of the bridge BIM at a Web end;
marking commercial information of the target component in panoramic roaming by using a three.js eidolon tag;
measuring the size information of the bridge BIM model by using three.js and JavaScript programming;
the roaming path with a fixed number of target pieces is programmed and set by using three.js and JavaScript.
Further, in the step of implementing parallel function item interaction, the camera of the two vue components named Mod and roman is linked by using Vuex, specifically:
a first linkage step of naming a camera created in a vue component named Mod as a first camera, adding a rendering cycle in an onMount hook function, uploading the position of the first camera in a Vuex store transfer station, and monitoring the position change of a second camera in the Vuexstore transfer station;
linkage step two, namely, a camera created in a vue component named Roam is named as a second camera, rendering circulation is added in an onMount hook function, the position change of the first camera in a Vuexstore transfer station is monitored in a vue component named Roam, and a write-down function traverses the central positions of all panoramic pictures in a vue component named Roam;
step three of linkage, namely monitoring the position change of the first camera in the Vuexstore transfer station in a vue component named Roam, applying a closest point of the position of the panorama obtained by traversing the position of the first camera downloaded from the Vuexstore transfer station and the central position of the panorama to the second camera, and uploading the position of the second camera to the Vuexstore transfer station;
a fourth step of linkage, namely monitoring the position change of the second camera in the Vuexstore transfer station in a vue component named Mod, downloading the position of the second camera from the Vuexstore transfer station, applying the position of the second camera to the first camera, and uploading the position of the first camera to the Vuexstore transfer station;
a fifth step of linkage, namely switching a Vue component named Mod and a Vue component named Roam by using Vue-router;
and step six, repeating the step three and the step four, so that the position of the first camera and the position of the second camera in the vue component named Mod and the vue component named Roam are always synchronous.
Further, in the step of implementing parallel function item interaction, the method uses three.js and JavaScript programming to implement measurement of the dimension information of the bridge BIM model, specifically:
defining points clicked by the storage of the points variable, adding a function to judge whether a line segment to be measured is larger than 1, iterating the points array by using a for loop, calculating the distance between each pair of adjacent points by using a distance to function provided by three.js, respectively outputting the distance between every two points and the total distance of all the line segments, and emptying the points array after finishing one calculation;
creating a raymaster and mouse variable storage mouse location in a vue component named Mod;
adding a function onMouselick for DOM elements of the renderer in the onMounted life cycle hook function, acquiring a mouse click position, and detecting an intersection point of the click position and the bridge BIM model by using a raycaster;
creating Canvas in the scene of the vue component named Mod, rendering the obtained mouse click position and the intersection point on the Canvas, converting the Canvas into Canvas texture, applying the Canvas to a plane geometry as a material, and adding the Canvas into the scene to dynamically update the measurement result.
Further, in the step of implementing parallel function item interaction, the roaming path with fixed target number is set by using three.js and JavaScript programming, specifically:
taking the center point of the spherical geometric body as the position and the target point of the camera, creating an animation during switching by using Tween. Js, and creating animation circulation play;
a button is provided and a method for fixing panoramic roaming is given to the button, and panoramic roaming is performed in a fixed path when clicking.
Compared with the prior art, the method for realizing the interactive panoramic roaming of the bridge BIM provided by the first aspect of the invention draws the bridge BIM through the step of drawing the bridge model, and obtains the gltf format file browsable by the Web terminal and the dae format file available by the Lumion through the step of obtaining the format file. And performing panorama making, namely after performing panorama roaming by the Web terminal browsing BIM model and the Web terminal through the Web terminal browsing BIM model and panorama roaming step, performing interactive panorama roaming of the BIM model and the parallel function items through the parallel function item interaction step, and finally performing online interactive panorama roaming release through the interactive panorama roaming release step, so as to realize quick browsing of terminal equipment. The panoramic roaming product in bridge construction is formed, the information transmission efficiency in bridge construction is improved, and roaming experience is not affected while information transmission can be realized by means of hot spot inquiry. Therefore, in the process of realizing panoramic roaming of the bridge, the detailed information of related members of the bridge, the detailed practice of key nodes, the measurement of key distances and other information can be checked through the terminal equipment.
Drawings
The above, as well as additional purposes, features, and advantages of exemplary embodiments of the present invention will become readily apparent from the following detailed description when read in conjunction with the accompanying drawings. In the drawings, wherein like or corresponding reference numerals indicate like or corresponding parts, there are shown by way of illustration, and not limitation, several embodiments of the invention, in which:
FIG. 1 schematically illustrates a schematic diagram of an implementation of bridge BIM model interactive panoramic roaming;
FIG. 2 schematically illustrates a schematic diagram of a lightweight bridge BIM model file;
FIG. 3 schematically illustrates a technical roadmap for a Web-side browsing bridge BIM model;
FIG. 4 schematically illustrates a technical roadmap for panoramic roaming at the Web end;
FIG. 5 schematically illustrates a technical roadmap for bridge BIM model interactive panoramic roaming;
fig. 6 schematically shows an implementation of bridge BIM model interactive panoramic roaming.
Detailed Description
Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art. The technical means used in the examples are conventional means well known to those skilled in the art unless otherwise indicated.
It is noted that unless otherwise indicated, technical or scientific terms used herein should be given the ordinary meaning as understood by one of ordinary skill in the art to which this invention belongs. Relational terms such as "first" and "second", and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. The terms "coupled," "connected," and the like are to be construed broadly and may be, for example, fixedly attached, detachably attached, or integrally formed; can be mechanically or electrically connected; either directly or indirectly via an intermediary. The terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising … …" does not exclude the presence of other like elements in a process, method, article or apparatus that comprises the element.
Example 1
The embodiment of the invention provides a method for realizing bridge BIM model interactive panoramic roaming, which comprises the steps of drawing a bridge model, acquiring a format file, realizing a step of browsing the bridge BIM model and the panoramic roaming by a Web terminal, realizing a step of parallel function item interaction and realizing interactive panoramic roaming release as shown in a figure 1. And drawing a bridge model, namely drawing a bridge BIM model in Revit software. And a step of obtaining a format file, namely calling a function in an SDK and IExport context interface in Revit software, traversing a rvt format file of a bridge BIM model to obtain a browsable gltf format file of a Web terminal, obtaining a dae format file available by Lumion through Lumion Livesync for Revit plug-in, and making a panorama. The steps of browsing the BIM model and panoramic roaming of the Web end are realized, and the front-end programming is used for realizing browsing of the bridge BIM model and panoramic roaming of the Web end. And the step of interaction of the parallel function items is realized, and the JavaScript and the three.js are used for realizing the interactive panoramic roaming of the bridge BIM model and the parallel function items. The interactive panorama roaming release step is realized, the realized interactive panorama roaming release is online, and the quick browsing of the terminal equipment is realized.
In this embodiment, a bridge BIM model is drawn through a bridge model drawing step, and a format file obtaining step obtains a gltf format file browsable by a Web terminal and a dae format file available by Lumion. And performing panoramic image production, namely after the Web terminal browses the bridge BIM model and the Web terminal to perform panoramic roaming through the steps of realizing the Web terminal browses the bridge BIM model and the panoramic roaming, realizing interactive panoramic roaming of the bridge BIM model and the parallel function items through the steps of realizing parallel function item interaction, and finally, realizing online interactive panoramic roaming release realized through the steps of realizing interactive panoramic roaming release, thereby realizing quick browsing of terminal equipment. The panoramic roaming product in bridge construction is formed, the information transmission efficiency in bridge construction is improved, and roaming experience is not affected while information transmission can be realized by means of hot spot inquiry. Therefore, in the process of realizing panoramic roaming of the bridge, the detailed information of related members of the bridge, the detailed practice of key nodes, the measurement of key distances and other information can be checked through the terminal equipment.
The terminal equipment is any one of a mobile phone, a notebook computer, a tablet computer and a desktop computer.
Example 2
And drawing a bridge BIM model in Revit software.
And performing light weight processing on the bridge BIM model file in the rvt format by using the C# and obtaining two intermediate format files in the bin and gltf formats, wherein the bin format file stores vertex coordinates of the bridge BIM model in a binary mode, the gltf format file stores vertex basic data indexes of the bridge BIM model and specific information of material components, the two intermediate format files are stored in a local disk and provide information for a Web terminal to browse the bridge BIM model, and light weight browsing of the bridge BIM model and component information of the bridge BIM model are realized, as shown in figure 2. Illustratively, a function in an SDK and IExport interface in Revit software is called, a rvt format file of a bridge BIM model is traversed, a browsable gltf format file of a Web end is obtained, a dae format file available by Lumion is obtained through Lumion Livesync for Revit plug-in, and panorama production is carried out. Specifically, a Lumion Livesync for Revit plug-in is used for processing rvt format files in Revit software to obtain dae format files suitable for Lumion, material giving work is performed on a bridge BIM model in the dae format in Lumion, a panoramic image is manufactured, and the panoramic image is stored in a local disk.
With reference to fig. 3, fig. 4, fig. 5 and fig. 6, the front-end programming is used to implement browsing of the bridge BIM model by the Web end and panoramic roaming by the Web end. The technical route for realizing browsing BIM by the Web terminal is to use Vue as a frame, html, css, javaScript and three.js as code languages, create Vue components named Mod for the BIM, create basic elements of scenes, cameras, renderers and lamplight, call a Gltfoader to load a bin format file and a gltf format file, read construction information through programming programs in the prior art, and browse the bridge BIM at the Web terminal. The technical route for realizing panoramic roaming of the Web terminal is to create a vue component named Roam for panoramic roaming, and create basic elements of a scene, a camera, a renderer and lamplight, create a spherical geometry in the scene, give the spherical geometry with a panoramic image stored in a local disk as a material, and browse the panoramic image at the Web terminal; and (3) placing the pictures in the direction guiding direction in a panoramic roaming scene by using JavaScript and three.js, calling a function written by JavaScript to modify the position of the camera by clicking the pictures, and after interaction is completed and panoramic roaming is generated, performing panoramic roaming on the Web terminal.
And (3) realizing interactive panoramic roaming of the bridge BIM model and the parallel function items by using JavaScript and three. The function items comprise hot spot inquiry, real-time mutual switching of a bridge BIM model and panoramic roaming, inquiry of model component information, model distance measurement and roaming path setting. Specifically, placing spherical geometry forming panoramic roaming according to the spatial position layout of a bridge BIM model, and linking cameras of two vue assemblies named Mod and Roam by using Vuex; reading and displaying the building component information contained in the gltf format file by using three.js and JavaScript to realize browsing of the component information of the bridge BIM model at the Web end; marking commercial information of the target component in panoramic roaming by using a three.js eidolon tag; the method comprises the steps of measuring the size information of a bridge BIM model by using three.js and JavaScript programming; the roaming path with a fixed number of target pieces is programmed and set by using three.js and JavaScript.
Illustratively, the cameras of the two vue components named Mod and roman are linked using Vuex, specifically:
and in the linkage step one, a camera created in a vue component named Mod is named as a first camera, rendering loops are added in an onMount hook function, the position of the first camera is uploaded in a Vuex store transfer station, and the position change of a second camera in the Vuexstore transfer station is monitored.
Linkage step two, the camera created in the vue component named Roam is named as a second camera, rendering loops are added in onMount hook functions, the vue component named Roam monitors the position change of the first camera in the Vuexstore transfer station, and the write down function traverses the center positions of all panoramic images in the vue component named Roam.
And step three, monitoring the position change of the first camera in the Vuexstore transfer station in a vue component named Roam, applying the closest point of the panorama position obtained by traversing the position of the first camera downloaded from the Vuexstore transfer station and the central position of the panorama to the second camera, and uploading the position of the second camera to the Vuexstore transfer station.
And step four, monitoring the position change of a second camera in the Vuexstore transfer station in a vue component named Mod, downloading the position of the second camera from the Vuexstore transfer station, applying the position of the second camera to the first camera, and uploading the position of the first camera to the Vuexstore transfer station.
Linkage step five, using Vue-router to switch Vue component named Mod and Vue component named Roam.
And step six, repeating the step three and the step four, so that the position of the first camera and the position of the second camera in the vue component named Mod and the vue component named Roam are always synchronous.
Illustratively, the dimensional information of the bridge BIM model is measured using three.js and JavaScript programming implementation, specifically:
defining points clicked by the point variable storage, adding a function to judge whether a line segment to be measured is larger than 1, iterating the point array by using a for loop, calculating the distance between each pair of adjacent points by using a distance to function provided by three.js, respectively outputting the distance between every two points and the total distance of all the line segments, and emptying the point array after one calculation is completed.
The raycaster and mouse variables are created in a vue component named Mod to store the mouse position.
And adding a function onMouselick for DOM elements of the renderer in the onMounted life cycle hook function, acquiring a mouse click position, and detecting an intersection point of the click position and the bridge BIM model by using a raycaster.
Creating Canvas in the scene of the vue component named Mod, rendering the obtained mouse click position and the intersection point on the Canvas, converting the Canvas into Canvas texture, applying the Canvas to a plane geometry as a material, and adding the Canvas into the scene to dynamically update the measurement result.
Illustratively, a roaming path with a fixed target number is programmed and set by using three.js and JavaScript, specifically:
taking the center point of the spherical geometry as the position and target point of the camera, creating animation at the time of switching by using Tween. Js, and creating animation circulation play.
A button is provided and a method for fixing panoramic roaming is given to the button, and panoramic roaming is performed in a fixed path when clicking.
The interactive panorama roaming release step is realized, and the realized interactive panorama roaming release is online, so that any terminal equipment in a mobile phone, a notebook computer, a tablet computer and a desktop computer can be quickly browsed.
According to the embodiment, a panoramic roaming product in bridge construction is formed, the information transmission efficiency in bridge construction is improved, and roaming experience is not affected while information transmission can be realized by means of hot spot inquiry. Therefore, in the process of realizing panoramic roaming of the bridge, the detailed information of related members of the bridge, the detailed practice of key nodes, the measurement of key distances and other information can be checked through the terminal equipment.
Exemplary, an implementation apparatus for bridge BIM model interactive panorama roaming includes:
and drawing a bridge model unit, and drawing a bridge BIM model in Revit software.
And acquiring a format file unit, calling a function in an SDK and IExport interface in Revit software, traversing a rvt format file of a bridge BIM model to obtain a browsable gltf format file of a Web terminal, obtaining a dae format file available by Lumion through Lumion Livesync for Revit plug-in, and making a panorama.
The method comprises the steps of realizing a Web-side browsing BIM model and a panoramic roaming unit, and realizing the Web-side browsing bridge BIM model and the Web-side panoramic roaming by using front-end programming.
And the parallel function item interaction unit is realized, and the JavaScript and the three.js are used for realizing the interactive panoramic roaming of the bridge BIM model and the parallel function items.
The interactive panorama roaming issuing unit is realized, the realized interactive panorama roaming issuing is online, and the quick browsing of the terminal equipment is realized.
The beneficial effects of the device for realizing the bridge BIM model interactive panoramic roaming are the same as those of the method for realizing the bridge BIM model interactive panoramic roaming.
The foregoing is merely illustrative of the present invention, and the present invention is not limited thereto, and any person skilled in the art will readily recognize that variations or substitutions are within the scope of the present invention. Therefore, the protection scope of the present invention shall be subject to the protection scope of the claims.
Claims (5)
1. The implementation method of the bridge BIM model interactive panoramic roaming is characterized by comprising the following steps of:
drawing a bridge model, namely drawing a bridge BIM model in Revit software;
a step of obtaining a format file, namely calling a function in an SDK and IExport interface in the Revit software, traversing a rvt format file of the bridge BIM model to obtain a gltf format file which can be browsed by a Web end, obtaining a dae format file which can be used by Lumion through Lumion Livesync for Revit plug-ins, and making a panorama;
the method comprises the steps of browsing a BIM model and performing panoramic roaming by a Web terminal, wherein front-end programming is used for realizing panoramic roaming by the Web terminal through browsing the bridge BIM model and the Web terminal;
the parallel function item interaction step is realized, and JavaScript and three.js are used for realizing the interactive panoramic roaming of the bridge BIM model and the parallel function item;
the interactive panorama roaming release step is realized, the realized interactive panorama roaming release is online, and the quick browsing of the terminal equipment is realized;
in the step of acquiring the format file: performing light weight processing on the bridge BIM model file in a rvt format by using C# to obtain two intermediate format files in a bin format and a gltf format, wherein the bin format file stores vertex coordinates of the bridge BIM model in a binary mode, the gltf format file stores vertex basic data indexes of the bridge BIM model and specific information of material members, and the two intermediate format files are stored in a local disk;
in the steps of realizing the Web browsing BIM model and panoramic roaming, the technical route for realizing the Web browsing bridge BIM model is as follows: using Vue as a frame, html, css, javaScript and three.js as code languages, creating Vue components named Mod for the bridge BIM model, creating basic elements of a scene, a camera, a renderer and lamplight, calling a Gltfoader to load the bin format file and the gltf format file, and browsing the bridge BIM model at the Web end;
in the steps of realizing the Web terminal browsing bridge BIM model and panoramic roaming, the technical route for realizing the Web terminal panoramic roaming is as follows: creating a vue component named Roam for panoramic roaming, creating basic elements of a scene, a camera, a renderer and lamplight, creating a spherical geometry in the scene, giving a panoramic image stored in a local disk as a material to the spherical geometry, and browsing the panoramic image at a Web end;
the picture in the direction is placed in a panoramic roaming scene by using JavaScript and three.js, the position of a camera is modified by clicking the picture to call a function written by JavaScript, and after interaction is completed and panoramic roaming is generated, panoramic roaming is carried out at a Web end;
in the step of implementing parallel function item interaction, the function item includes: hot spot inquiry, real-time mutual switching of a bridge BIM model and panoramic roaming, information inquiry of model components, model distance measurement and roaming path setting;
in the step of implementing parallel function item interaction, the implementation of the interactive panorama roaming between the bridge BIM model and the parallel function item by using the JavaScript and the three.js is specifically as follows:
placing spherical geometry forming panoramic roaming according to the spatial position layout of a bridge BIM model, and linking cameras of two vue assemblies named Mod and Roam by using Vuex;
reading and displaying the building component information contained in the gltf format file by using three.js and JavaScript to realize browsing of the component information of the bridge BIM at a Web end;
marking commercial information of the target component in panoramic roaming by using a three.js eidolon tag;
measuring the size information of the bridge BIM model by using three.js and JavaScript programming;
the roaming path with a fixed number of target pieces is programmed and set by using three.js and JavaScript.
2. The method for implementing bridge BIM model interactive panorama roaming according to claim 1, wherein in the step of obtaining the format file, the obtaining the dae format file available by Lumion through Lumion Livesync for Revit plug-in unit specifically includes:
and processing the rvt format file in the Revit software by using the Lumion Livesync for Revit plug-in to obtain a dae format file suitable for Lumion, performing material giving work on the bridge BIM model in the dae format in the Lumion, manufacturing a panoramic image, and storing the panoramic image in a local disk.
3. The method for implementing bridge BIM model interactive panorama roaming according to claim 1, wherein in the step of implementing parallel function item interaction, the cameras of the two vue components named Mod and roman are linked by using Vuex, specifically:
a first linkage step of naming a camera created in a vue component named Mod as a first camera, adding a rendering cycle in an onMount hook function, uploading the position of the first camera in a Vuex store transfer station, and monitoring the position change of a second camera in the Vuexstore transfer station;
linkage step two, namely, a camera created in a vue component named Roam is named as a second camera, rendering circulation is added in an onMount hook function, the position change of the first camera in a Vuexstore transfer station is monitored in a vue component named Roam, and a write-down function traverses the central positions of all panoramic pictures in a vue component named Roam;
step three of linkage, namely monitoring the position change of the first camera in the Vuexstore transfer station in a vue component named Roam, applying a closest point of the position of the panorama obtained by traversing the position of the first camera downloaded from the Vuexstore transfer station and the central position of the panorama to the second camera, and uploading the position of the second camera to the Vuexstore transfer station;
a fourth step of linkage, namely monitoring the position change of the second camera in the Vuexstore transfer station in a vue component named Mod, downloading the position of the second camera from the Vuexstore transfer station, applying the position of the second camera to the first camera, and uploading the position of the first camera to the Vuexstore transfer station;
a fifth step of linkage, namely switching a Vue component named Mod and a Vue component named Roam by using Vue-router;
and step six, repeating the step three and the step four, so that the position of the first camera and the position of the second camera in the vue component named Mod and the vue component named Roam are always synchronous.
4. The method for implementing bridge BIM model interactive panorama roaming according to claim 1, wherein in the implementing parallel function item interaction step, the dimension information of the bridge BIM model is measured using three.js and JavaScript programming implementation, specifically:
defining points clicked by the storage of the points variable, adding a function to judge whether a line segment to be measured is larger than 1, iterating the points array by using a for loop, calculating the distance between each pair of adjacent points by using a distance to function provided by three.js, respectively outputting the distance between every two points and the total distance of all the line segments, and emptying the points array after finishing one calculation;
creating a raymaster and mouse variable storage mouse location in a vue component named Mod;
adding a function onMouselick for DOM elements of the renderer in the onMounted life cycle hook function, acquiring a mouse click position, and detecting an intersection point of the click position and the bridge BIM model by using a raycaster;
creating Canvas in the scene of the vue component named Mod, rendering the obtained mouse click position and the intersection point on the Canvas, converting the Canvas into Canvas texture, applying the Canvas to a plane geometry as a material, and adding the Canvas into the scene to dynamically update the measurement result.
5. The method for implementing bridge BIM model interactive panorama roaming according to claim 1, wherein in the implementing parallel function item interaction step, the roaming path with fixed number of target set by using tree.js and JavaScript programming is specifically as follows:
taking the center point of the spherical geometric body as the position and the target point of the camera, creating an animation during switching by using Tween. Js, and creating animation circulation play;
a button is provided and a method for fixing panoramic roaming is given to the button, and panoramic roaming is performed in a fixed path when clicking.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310829949.1A CN116702293B (en) | 2023-07-07 | 2023-07-07 | Implementation method of bridge BIM model interactive panoramic roaming |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310829949.1A CN116702293B (en) | 2023-07-07 | 2023-07-07 | Implementation method of bridge BIM model interactive panoramic roaming |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN116702293A CN116702293A (en) | 2023-09-05 |
| CN116702293B true CN116702293B (en) | 2023-11-28 |
Family
ID=87834023
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310829949.1A Active CN116702293B (en) | 2023-07-07 | 2023-07-07 | Implementation method of bridge BIM model interactive panoramic roaming |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116702293B (en) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103456043A (en) * | 2012-05-29 | 2013-12-18 | 深圳市腾讯计算机系统有限公司 | Panorama-based inter-viewpoint roaming method and device |
| CN110097635A (en) * | 2019-04-26 | 2019-08-06 | 东南大学 | Road 3D based on BIM and VR roams driving simulation system method for building up |
| CN110113572A (en) * | 2019-05-08 | 2019-08-09 | 中铁八局集团建筑工程有限公司 | A kind of outdoor scene loaming method based on Building Information Model |
| CN115017586A (en) * | 2022-06-08 | 2022-09-06 | 中建工程产业技术研究院有限公司 | Method for interaction between BIM model information and project information |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| SG10201911549WA (en) * | 2018-12-06 | 2020-07-29 | Borealis Tech Ltd | Airport ramp surface movement monitoring system |
-
2023
- 2023-07-07 CN CN202310829949.1A patent/CN116702293B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103456043A (en) * | 2012-05-29 | 2013-12-18 | 深圳市腾讯计算机系统有限公司 | Panorama-based inter-viewpoint roaming method and device |
| CN110097635A (en) * | 2019-04-26 | 2019-08-06 | 东南大学 | Road 3D based on BIM and VR roams driving simulation system method for building up |
| CN110113572A (en) * | 2019-05-08 | 2019-08-09 | 中铁八局集团建筑工程有限公司 | A kind of outdoor scene loaming method based on Building Information Model |
| CN115017586A (en) * | 2022-06-08 | 2022-09-06 | 中建工程产业技术研究院有限公司 | Method for interaction between BIM model information and project information |
Non-Patent Citations (2)
| Title |
|---|
| Integrating BIM and Panorama to Create a Semi-Augmented-Reality Experience of a Construction Site;Masoud Gheisari.et.;《International Journal of Construction Education and Research》;第12卷(第4期);第303-316页 * |
| 基于BIM技术的轨道桥梁运维平台构建与应用;丁鹏等;《电子设计工程》;第29卷(第23期);第30-34页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN116702293A (en) | 2023-09-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107833105B (en) | Shopping mall visual lease management method and system based on building information model | |
| Fu et al. | 3d-front: 3d furnished rooms with layouts and semantics | |
| US6741242B1 (en) | Multimedia documents integrating and displaying system | |
| CN107169247B (en) | Household industry service system based on 3D cloud design | |
| CN104216691B (en) | A kind of method and device for creating application | |
| US6326988B1 (en) | Method, apparatus and article of manufacture for displaying content in a multi-dimensional topic space | |
| US8456467B1 (en) | Embeddable three-dimensional (3D) image viewer | |
| US9183672B1 (en) | Embeddable three-dimensional (3D) image viewer | |
| CN105183823B (en) | A kind of interactive exhibition system of virtual objects and live-action image | |
| CN103473680B (en) | A kind of update method of three-dimensional shopping platform | |
| CN111222190B (en) | Ancient building management system | |
| CN105183154B (en) | A kind of interaction display method of virtual objects and live-action image | |
| CN112184880A (en) | Building three-dimensional model processing method and device, computer equipment and storage medium | |
| CN112927331B (en) | Character model animation generation method and device, storage medium and electronic equipment | |
| CN116702293B (en) | Implementation method of bridge BIM model interactive panoramic roaming | |
| CN117095135B (en) | Industrial three-dimensional scene modeling arrangement method and device capable of being edited online | |
| Cao | Development and design case function comparison of panoramic roaming system of virtual museum based on Pano2VR | |
| Li et al. | A 3D simplification algorithm for distributed visualization | |
| CN107481307A (en) | A kind of method of Fast rendering three-dimensional scenic | |
| CN107481306A (en) | A kind of method of three-dimension interaction | |
| Yan et al. | 3d simulation of interior house design in vr using vr3id method | |
| CN113536514A (en) | Data processing method, device, equipment and storage medium | |
| CN108614657B (en) | Image synthesis method, device and equipment and image carrier thereof | |
| CN109815977A (en) | High-volume making machine learning sample cuts out label integral method | |
| CN112000879A (en) | Intelligent recommendation method and system for home design |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |