CN116070039A - Navigation visualization method, device, equipment and medium for three-dimensional browser model - Google Patents
Navigation visualization method, device, equipment and medium for three-dimensional browser model Download PDFInfo
- Publication number
- CN116070039A CN116070039A CN202310091505.2A CN202310091505A CN116070039A CN 116070039 A CN116070039 A CN 116070039A CN 202310091505 A CN202310091505 A CN 202310091505A CN 116070039 A CN116070039 A CN 116070039A
- Authority
- CN
- China
- Prior art keywords
- model
- navigation box
- cube
- dimensional browser
- dimensional
- 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.)
- Pending
Links
- 238000007794 visualization technique Methods 0.000 title abstract description 8
- 230000000007 visual effect Effects 0.000 claims description 52
- 238000000034 method Methods 0.000 claims description 31
- 238000012800 visualization Methods 0.000 claims description 11
- 230000001360 synchronised effect Effects 0.000 claims description 5
- 230000006870 function Effects 0.000 claims description 4
- 239000000463 material Substances 0.000 claims description 3
- 230000001131 transforming effect Effects 0.000 claims 1
- 238000010586 diagram Methods 0.000 description 6
- 230000008859 change Effects 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000004075 alteration Effects 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000007667 floating Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 239000000725 suspension Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/954—Navigation, e.g. using categorised browsing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04815—Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04802—3D-info-object: information is displayed on the internal or external surface of a three dimensional manipulable object, e.g. on the faces of a cube that can be rotated by the user
-
- 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)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Radar, Positioning & Navigation (AREA)
- Remote Sensing (AREA)
- Processing Or Creating Images (AREA)
Abstract
The embodiment of the specification discloses a three-dimensional browser model navigation visualization method, a device, equipment and a medium, comprising the following steps: acquiring parameter information of a three-dimensional browser model; creating a cube model navigation box according to the parameter information, wherein the cube model navigation box comprises six bit planes, and each plane of the cube model navigation box corresponds to a view of the three-dimensional browser model respectively; when the observation view angle of the three-dimensional browser model moves, synchronously moving the observation view angle of the cube model navigation box; and switching the three-dimensional browser model to a corresponding view when converting the bit surface of the cube model navigation box.
Description
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to a method, an apparatus, a device, and a medium for visualizing navigation of a three-dimensional browser model.
Background
The lack of three-dimensional space direction sense in the three-dimensional browser model is always a difficult problem for a three-dimensional browser model visual user, the three-dimensional browser model user can change the observation view angle of the three-dimensional browser model center point by dragging a cursor by 360 degrees, however, after changing the observation view angle, the user cannot know the posture of the current model in the three-dimensional space and what angle the user observes the model.
The traditional three-dimensional browser model space calibration technology such as an AxesHelper three-dimensional coordinate system is mainly oriented to a three-dimensional scene construction flow and developers, and is not suitable for being kept in the constructed three-dimensional browser model scene; and even if the three-dimensional coordinate system is finally reserved, the user can hardly intuitively know the posture of the current three-dimensional browser model and the view angle in space through the three-dimensional coordinate system.
Disclosure of Invention
One or more embodiments of the present disclosure provide a method, an apparatus, a device, and a medium for visualizing navigation of a three-dimensional browser model, which are used to solve the technical problems set forth in the background art.
One or more embodiments of the present disclosure adopt the following technical solutions:
one or more embodiments of the present disclosure provide a three-dimensional browser model navigation visualization method, including:
acquiring parameter information of a three-dimensional browser model;
creating a cube model navigation box according to the parameter information, wherein the cube model navigation box comprises six bit planes, and each plane of the cube model navigation box corresponds to a view of the three-dimensional browser model respectively;
when the observation view angle of the three-dimensional browser model moves, synchronously moving the observation view angle of the cube model navigation box;
and switching the three-dimensional browser model to a corresponding view when converting the bit surface of the cube model navigation box.
One or more embodiments of the present specification provide a three-dimensional browser model navigation visualization apparatus, the apparatus including:
the parameter acquisition unit acquires parameter information of the three-dimensional browser model;
the navigation box creation unit creates a cube model navigation box according to the parameter information, wherein the cube model navigation box comprises six bit planes, and each plane of the cube model navigation box corresponds to a view of the three-dimensional browser model respectively;
the synchronous moving unit synchronously moves the observation visual angle of the cube model navigation box when the observation visual angle of the three-dimensional browser model moves;
and the view switching unit is used for switching the three-dimensional browser model to a corresponding view when the bit surface of the cube model navigation box is converted.
One or more embodiments of the present specification provide a three-dimensional browser model navigation visualization apparatus including:
at least one processor; the method comprises the steps of,
a memory communicatively coupled to the at least one processor; wherein,,
the memory stores instructions executable by the at least one processor to enable the at least one processor to:
acquiring parameter information of a three-dimensional browser model;
creating a cube model navigation box according to the parameter information, wherein the cube model navigation box comprises six bit planes, and each plane of the cube model navigation box corresponds to a view of the three-dimensional browser model respectively;
when the observation view angle of the three-dimensional browser model moves, synchronously moving the observation view angle of the cube model navigation box;
and switching the three-dimensional browser model to a corresponding view when converting the bit surface of the cube model navigation box.
One or more embodiments of the present specification provide a non-volatile computer storage medium storing computer-executable instructions configured to:
acquiring parameter information of a three-dimensional browser model;
creating a cube model navigation box according to the parameter information, wherein the cube model navigation box comprises six bit planes, and each plane of the cube model navigation box corresponds to a view of the three-dimensional browser model respectively;
when the observation view angle of the three-dimensional browser model moves, synchronously moving the observation view angle of the cube model navigation box;
and switching the three-dimensional browser model to a corresponding view when converting the bit surface of the cube model navigation box.
The above-mentioned at least one technical scheme that this description embodiment adopted can reach following beneficial effect:
the three-dimensional browser model navigation visualization method fills the blank in the aspect of three-dimensional browser model gesture visualization navigation, enhances the model space sense of the three-dimensional browser, improves the view use efficiency of the three-dimensional browser, and improves the user experience of the three-dimensional browser.
Drawings
In order to more clearly illustrate the embodiments of the present description or the technical solutions in the prior art, the drawings that are required in the embodiments or the description of the prior art will be briefly described below, it being obvious that the drawings in the following description are only some of the embodiments described in the present description, and that other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art. In the drawings:
FIG. 1 is a flow diagram of a method for visualizing navigation of a three-dimensional browser model according to one or more embodiments of the present disclosure;
FIG. 2 is a schematic structural diagram of a three-dimensional browser model navigation visualization device according to one or more embodiments of the present disclosure;
fig. 3 is a schematic structural diagram of a three-dimensional browser model navigation visualization device according to one or more embodiments of the present disclosure.
Detailed Description
The embodiment of the specification provides a three-dimensional browser model navigation visualization method, device, equipment and medium.
In order to make the technical solutions in the present specification better understood by those skilled in the art, the technical solutions in the embodiments of the present specification will be clearly and completely described below with reference to the drawings in the embodiments of the present specification, and it is obvious that the described embodiments are only some embodiments of the present specification, not all embodiments. All other embodiments, which can be made by one of ordinary skill in the art based on the embodiments herein without making any inventive effort, shall fall within the scope of the present disclosure.
FIG. 1 is a flow diagram of a three-dimensional browser model navigation visualization method provided in one or more embodiments of the present disclosure, which may be performed by a three-dimensional browser model navigation visualization system. Some input parameters or intermediate results in the flow allow for manual intervention adjustments to help improve accuracy.
The method flow steps of the embodiment of the present specification are as follows:
s102, acquiring parameter information of the three-dimensional browser model.
In the embodiment of the present specification, the parameter information of the three-dimensional browser model may be parameter information related to the three-dimensional browser model, and the associated cube model navigation box may be created according to the parameter information.
S104, creating a cube model navigation box according to the parameter information, wherein the cube model navigation box comprises six bit planes, and each plane of the cube model navigation box corresponds to the view of the three-dimensional browser model respectively.
In this embodiment of the present disclosure, a visual scene corresponding to the cube model navigation box may be determined according to the parameter information, where the visual scene may be located at a specified position of the three-dimensional browser model, for example, the visual scene may be located at an upper right corner of the three-dimensional browser model; then, six visual surface material maps can be imported into the visual scene, and a specified function is called to generate six square planes; finally, the positions and the rotation angles of the six square planes can be adjusted to generate the cube model navigation box.
In this embodiment of the present disclosure, when generating the cube model navigation box, navigation box parameters of the visual scene may be created according to parameter information of a three-dimensional browser model, where the navigation box parameters may include a three-dimensional scene, a front projection camera, a camera track controller, and a WebGL renderer; the cube model navigation box may be generated from the navigation box parameters.
And S106, synchronously moving the observation view angles of the cube model navigation boxes when the observation view angles of the three-dimensional browser model are moved.
In this embodiment of the present disclosure, in order to enable the viewing angle of the visual scene to synchronously change with the viewing angle of the corresponding scene of the three-dimensional browser model, domElement of the camera orbit controller (OrbitControls) in the navigation box parameter may be set to domElement of the three-dimensional browser model, instead of the floating region of the visual scene itself, so that the effect that the viewing angle of the dragging visual scene synchronously changes with the viewing angle of the corresponding scene of the three-dimensional browser model may be achieved, and further the model posture in the three-dimensional browser model may be intuitively understood by directly observing the posture of the cube model navigation box.
Further, in the embodiment of the specification, the enablePan and enableZoom attributes of the camera track controller in the cube model navigation box can be disabled, the right mouse button is disabled to drag and translate the cube model navigation box, and the mouse wheel is disabled to roll and zoom the cube model navigation box, so that a better model navigation effect is achieved.
S108, switching the three-dimensional browser model to a corresponding view when converting the bit surface of the cube model navigation box.
In this embodiment of the present disclosure, when converting the bit plane of the cube model navigation box, new three. Raycaster () may be called to create a ray for the visual scene, so as to perform mouse pickup to determine the bit plane of the cube model navigation box where the mouse click is located.
In the embodiment of the specification, a new three. Raycaster () is called to create a ray for the visual scene, so that a mouse left click event of the visual scene is bound in a process of performing mouse pickup to judge that the mouse clicks on the position surface of the cube model navigation box; and calling an interjects mode of Raycaster in the left click event of the mouse, and judging the position plane of the clicked cube model navigation box by comparing the name of the first element of the result array with the name of the view plane Mesh if the result array returned by the interjects mode is not empty.
Further, in the embodiment of the present disclosure, before invoking the interjectobjects method of Raycaster in the left click event of the mouse, the incoming event of the mouse may be set as event, the width and height of domElement of the visual scene may be set as clientWidth, clientHeight, the mouse coordinate of the interjects method may be set as mouse, the camera instance of the visual scene may be set as camera, and the method may be performed by
mouse.x＝(event.layerX/clientWidth)*2-1
mouse.y＝-(event.layerY/clientHeight)*2+1
Converting the mouse position into a value range from left to right and from bottom to top in the vertical direction, calling a setFromCamera (camera) mode of Raycaster to orient rays in the clicking direction of the mouse at a standardized value in the interval of [ -1,1 ];
the length, width and height of the circumscribed cuboid of the three-dimensional browser model are respectively set as dx, dy and dz, and the size of the three-dimensional browser model is set as objectSize, wherein objectsize=Math.sqrt (Math.pow (dx, 2) +Math.pow (dy, 2) +Math.pow (dz, 2)).
In order to achieve the purpose of visual navigation of the gesture and the basic view of the three-dimensional browser model, the embodiment of the specification can establish a visual scene at the upper right corner of the three-dimensional browser model, generate a cube model navigation box in the visual scene, and mark Front, back, left, right, top, bottom on six faces of the navigation box according to the azimuth sequence. The user drags and moves the observation view angle of the three-dimensional browser in the scene of the three-dimensional browser model, and the observation view angle in the visual scene follows synchronous change; the user clicks six azimuth surfaces of the cube model navigation box, and the scene of the three-dimensional browser model is correspondingly switched to a front view, a rear view, a left view, a right view, a top view and a bottom view together with the visual scene.
The detailed technical scheme of the embodiment of the specification is as follows:
six meshbasic material visual facestock maps can be imported Front, back, left, right, top, bottom in the visual scene, corresponding to the call new PlaneGeometry (), new three. Mesh () generates six square planes with a side length of 150.
The positions and the rotation angles of the six square planes are adjusted to form a cubic navigation box with the center point at the zero point: setting the position attribute of the Mesh of the Front view surface as (0,0,75); setting the rotation. X attribute of the Mesh as Math.PI, the rotation. Z attribute as Math.PI and the position attribute as (0, -75) for the Back view; setting the rotation.y attribute of Mesh as-Math.PI/2 and the position attribute as (-75,0,0) for the Left view; setting the rotation.y attribute of the Mesh of the Right view plane as Math.PI/2 and the position attribute as 75,0,0; setting the rotation. X attribute of the Mesh as-Math. PI/2 and the position attribute as (0,75,0) for the Top view; and setting the rotation. X attribute of the Mesh as Math. PI/2 and the position attribute as (0, -75,0) for the Bottom view.
Invoking new three.scene (), new three.orthographic camera (), new OrbitControls (), new three.webglrender () creates a three-dimensional scene, front projection camera, camera track controller, webGL renderer for the visual scene. Meanwhile, in order to enable the observation view angle of the visual scene to synchronously change along with the observation view angle of the three-dimensional browser model, domElement parameters of a camera orbit controller (OrbitControls) in the visual scene are set to domElement of the three-dimensional browser model, but not to a suspension area of the visual scene, so that the effect that the navigation view angle of the dragging three-dimensional browser model synchronously changes along with the visual scene is achieved, and further the model posture in the three-dimensional browser can be intuitively known by directly observing the posture of a cube model navigation box of the visual scene.
Particularly, enablePan, enableZoom attributes of a camera track controller in the visual scene are forbidden, the visual scene is forbidden to be dragged and translated by a right button of the mouse, and the visual scene is forbidden to be scaled by scrolling of the mouse wheel, so that a better model navigation effect is achieved.
Invoking new three. Raycaster () creates rays for the visual scene to make a mouse pick-up to determine which view plane of the model navigation box the mouse clicks on. And calling an addEventListener function which is a visualized scene domElement to bind a left click event of a mouse of a user on a second scene, calling an interectObjects method of Raycaster in the bound operation click event, and judging a model navigation box view surface clicked by the user by comparing a first element of the result array with a name of the view surface Mesh if a result array returned by the method is not empty. In particular, the two-dimensional coordinates of the mouse that are input before the intersectant method is called are standardized, the input event of the mouse is recorded as event, the width and height of domElement of the visual scene are clientWidth, clientHeight respectively, the mouse coordinates three.vector2 input by the intersectant method are mouse, the camera example of the visual scene is camera, and the method is implemented by
mouse.x＝(event.layerX/clientWidth)*2-1
mouse.y＝-(event.layerY/clientHeight)*2+1
The mouse position is converted into a standardized value in the interval of [ -1,1] from left to right and from bottom to top in the vertical direction, and then a setFromCamera (camera) method of Raycaster is called to direct rays to the clicking direction of the mouse.
The length, width and height of an external cuboid of the three-dimensional browser model are recorded as dx, dy and dz respectively, and the size of a main three-dimensional scene model is recorded as objectSize
objectSize＝Math.sqrt(Math.pow(dx,2)+Math.pow(dy,2)+Math.pow(dz,2))
If the user clicks on the Front view surface of the cube model navigation box, setting the position attribute of the scene orthographic camera of the three-dimensional browser model to be (0, objectsize)
Math.sqrt (2)), setting the position attribute of the visual scene orthographic camera to be (0,0,300), and setting the scene of the three-dimensional browser model and the observation view angle of the visual scene to be the main view angle. Other viewing angle approaches are approximate.
Aiming at the technical problems that the existing three-dimensional browser lacks visual azimuth navigation and cannot acquire the model gesture and the space view angle, the embodiment of the specification can provide the WEBGL-based visual method and device for the three-dimensional browser model navigation, and the visual navigation of the three-dimensional browser model gesture and the basic view is realized. The WEBGL-based three-dimensional browser model navigation visualization method fills the blank in the aspect of three-dimensional browser model gesture visualization navigation, enhances the model space sense of the three-dimensional browser, improves the view use efficiency of the three-dimensional browser, and improves the user experience of the three-dimensional browser.
Fig. 2 is a schematic structural diagram of a three-dimensional browser model navigation visualization device according to one or more embodiments of the present disclosure, where the device includes: a parameter acquisition unit 202, a navigation box creation unit 204, a synchronous movement unit 206, and a view switching unit 208.
A parameter acquisition unit 202 that acquires parameter information of a three-dimensional browser model;
a navigation box creation unit 204, configured to create a cube model navigation box according to the parameter information, where the cube model navigation box includes six bit planes, and each plane of the cube model navigation box corresponds to a view of the three-dimensional browser model;
a synchronous moving unit 206 for synchronously moving the observation view angle of the cube model navigation box when the observation view angle of the three-dimensional browser model moves;
and a view switching unit 208, configured to switch the three-dimensional browser model to a corresponding view when converting the bit plane of the cube model navigation box.
Fig. 3 is a schematic structural diagram of a three-dimensional browser model navigation visualization device according to one or more embodiments of the present disclosure, including:
at least one processor; the method comprises the steps of,
a memory communicatively coupled to the at least one processor; wherein,,
the memory stores instructions executable by the at least one processor to enable the at least one processor to:
acquiring parameter information of a three-dimensional browser model;
creating a cube model navigation box according to the parameter information, wherein the cube model navigation box comprises six bit planes, and each plane of the cube model navigation box corresponds to a view of the three-dimensional browser model respectively;
when the observation view angle of the three-dimensional browser model moves, synchronously moving the observation view angle of the cube model navigation box;
and switching the three-dimensional browser model to a corresponding view when converting the bit surface of the cube model navigation box.
One or more embodiments of the present specification provide a non-volatile computer storage medium storing computer-executable instructions configured to:
acquiring parameter information of a three-dimensional browser model;
creating a cube model navigation box according to the parameter information, wherein the cube model navigation box comprises six bit planes, and each plane of the cube model navigation box corresponds to a view of the three-dimensional browser model respectively;
when the observation view angle of the three-dimensional browser model moves, synchronously moving the observation view angle of the cube model navigation box;
and switching the three-dimensional browser model to a corresponding view when converting the bit surface of the cube model navigation box.
In this specification, each embodiment is described in a progressive manner, and identical and similar parts of each embodiment are all referred to each other, and each embodiment mainly describes differences from other embodiments. In particular, for apparatus, devices, non-volatile computer storage medium embodiments, the description is relatively simple, as it is substantially similar to method embodiments, with reference to the section of the method embodiments being relevant.
The foregoing describes specific embodiments of the present disclosure. Other embodiments are within the scope of the following claims. In some cases, the actions or steps recited in the claims can be performed in a different order than in the embodiments and still achieve desirable results. In addition, the processes depicted in the accompanying figures do not necessarily require the particular order shown, or sequential order, to achieve desirable results. In some embodiments, multitasking and parallel processing are also possible or may be advantageous.
The foregoing is merely one or more embodiments of the present description and is not intended to limit the present description. Various modifications and alterations to one or more embodiments of this description will be apparent to those skilled in the art. Any modification, equivalent replacement, improvement, or the like, which is within the spirit and principles of one or more embodiments of the present description, is intended to be included within the scope of the claims of the present description.
Claims (10)
1. A method for visualizing navigation of a three-dimensional browser model, the method comprising:
acquiring parameter information of a three-dimensional browser model;
creating a cube model navigation box according to the parameter information, wherein the cube model navigation box comprises six bit planes, and each plane of the cube model navigation box corresponds to a view of the three-dimensional browser model respectively;
when the observation view angle of the three-dimensional browser model moves, synchronously moving the observation view angle of the cube model navigation box;
and switching the three-dimensional browser model to a corresponding view when converting the bit surface of the cube model navigation box.
2. The method of claim 1, wherein creating a cube model navigation box from the parameter information comprises:
determining a visual scene corresponding to the cube model navigation box according to the parameter information;
six visual plane material maps are imported into the visual scene, and a specified function is called to generate six square planes;
and adjusting the positions and the rotation angles of the six square planes to generate the cube model navigation box.
3. The method of claim 2, wherein the generating the cube model navigation box comprises:
creating navigation box parameters of the visual scene according to the parameter information, wherein the navigation box parameters comprise a three-dimensional scene, a front projection camera, a camera track controller and a WebGL renderer;
and generating the cube model navigation box according to the navigation box parameters.
4. A method according to claim 3, characterized in that the method further comprises:
setting domElement of the camera track controller in the navigation box parameters as domElement of the three-dimensional browser model.
5. The method of claim 4, wherein said transforming the bit-planes of the cube model navigation box comprises:
and calling new THERE. Raycaster () to create rays for the visual scene so as to pick up a mouse and judge the bit plane of the mouse click which is the cube model navigation box.
6. The method of claim 5, wherein the invoking new three. Raymaster () to create a ray for the visual scene to make a mouse pick-up determination of the bit-plane of a mouse click that is the cube model navigation box comprises:
invoking an addEventListener function of the domElement of the visual scene, and binding a left click event of a mouse of the visual scene;
and calling an interjects mode of Raycaster in the left click event of the mouse, and judging the position plane of the clicked cube model navigation box by comparing the name of the first element of the result array with the name of the view plane Mesh if the result array returned by the interjects mode is not empty.
7. The method of claim 6, wherein before invoking the interjects mode of Raycaster in the mouse left click event, the method further comprises:
setting an incoming event of a mouse as an event, setting the width and height of the domElement of the visual scene as clientWidth, clientHeight respectively, setting mouse coordinates incoming in the interjects mode as a mouse, setting a camera as a camera, and passing through
mouse.x＝(event.layerX/clientWidth)*2-1
mouse.y＝-(event.layerY/clientHeight)*2+1
Converting the mouse position into a value range from left to right and from bottom to top in the vertical direction, calling a setFromCamera (camera) mode of Raycaster to orient rays in the clicking direction of the mouse at a standardized value in the interval of [ -1,1 ];
the length, width and height of the circumscribed cuboid of the three-dimensional browser model are respectively set as dx, dy and dz, and the size of the three-dimensional browser model is set as objectSize, wherein objectsize=Math.sqrt (Math.pow (dx, 2) +Math.pow (dy, 2) +Math.pow (dz, 2)).
8. A three-dimensional browser model navigation visualization apparatus, the apparatus comprising:
the parameter acquisition unit acquires parameter information of the three-dimensional browser model;
the navigation box creation unit creates a cube model navigation box according to the parameter information, wherein the cube model navigation box comprises six bit planes, and each plane of the cube model navigation box corresponds to a view of the three-dimensional browser model respectively;
the synchronous moving unit synchronously moves the observation visual angle of the cube model navigation box when the observation visual angle of the three-dimensional browser model moves;
and the view switching unit is used for switching the three-dimensional browser model to a corresponding view when the bit surface of the cube model navigation box is converted.
9. A three-dimensional browser model navigation visualization device, comprising:
at least one processor; the method comprises the steps of,
a memory communicatively coupled to the at least one processor; wherein,,
the memory stores instructions executable by the at least one processor to enable the at least one processor to:
acquiring parameter information of a three-dimensional browser model;
creating a cube model navigation box according to the parameter information, wherein the cube model navigation box comprises six bit planes, and each plane of the cube model navigation box corresponds to a view of the three-dimensional browser model respectively;
when the observation view angle of the three-dimensional browser model moves, synchronously moving the observation view angle of the cube model navigation box;
and switching the three-dimensional browser model to a corresponding view when converting the bit surface of the cube model navigation box.
10. A non-transitory computer storage medium storing computer-executable instructions configured to:
acquiring parameter information of a three-dimensional browser model;
creating a cube model navigation box according to the parameter information, wherein the cube model navigation box comprises six bit planes, and each plane of the cube model navigation box corresponds to a view of the three-dimensional browser model respectively;
when the observation view angle of the three-dimensional browser model moves, synchronously moving the observation view angle of the cube model navigation box;
and switching the three-dimensional browser model to a corresponding view when converting the bit surface of the cube model navigation box.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310091505.2A CN116070039A (en) | 2023-02-02 | 2023-02-02 | Navigation visualization method, device, equipment and medium for three-dimensional browser model |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310091505.2A CN116070039A (en) | 2023-02-02 | 2023-02-02 | Navigation visualization method, device, equipment and medium for three-dimensional browser model |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116070039A true CN116070039A (en) | 2023-05-05 |
Family
ID=86179855
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310091505.2A Pending CN116070039A (en) | 2023-02-02 | 2023-02-02 | Navigation visualization method, device, equipment and medium for three-dimensional browser model |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116070039A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN118097081A (en) * | 2024-04-25 | 2024-05-28 | 山东捷瑞数字科技股份有限公司 | Three-dimensional space guiding method, system, equipment and medium based on three-dimensional engine |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101051395A (en) * | 2007-04-11 | 2007-10-10 | 中国科学院地质与地球物理研究所 | Three dimension visual method based on geological body of geophysical field data |
| WO2010085549A1 (en) * | 2009-01-21 | 2010-07-29 | Vision Iii Imaging, Inc. | System and method for three-dimensional visualization of geographical data |
| CN108269306A (en) * | 2018-02-13 | 2018-07-10 | 山东顺国电子科技有限公司 | Three-dimensional visualization method, device and the electronic equipment of air defence system |
| CN112347397A (en) * | 2020-11-02 | 2021-02-09 | 杭州安恒信息技术股份有限公司 | Data visualization method and device based on browser and readable storage medium |
| CN115168925A (en) * | 2022-07-14 | 2022-10-11 | 苏州浩辰软件股份有限公司 | View navigation method and device |
-
2023
- 2023-02-02 CN CN202310091505.2A patent/CN116070039A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101051395A (en) * | 2007-04-11 | 2007-10-10 | 中国科学院地质与地球物理研究所 | Three dimension visual method based on geological body of geophysical field data |
| WO2010085549A1 (en) * | 2009-01-21 | 2010-07-29 | Vision Iii Imaging, Inc. | System and method for three-dimensional visualization of geographical data |
| CN108269306A (en) * | 2018-02-13 | 2018-07-10 | 山东顺国电子科技有限公司 | Three-dimensional visualization method, device and the electronic equipment of air defence system |
| CN112347397A (en) * | 2020-11-02 | 2021-02-09 | 杭州安恒信息技术股份有限公司 | Data visualization method and device based on browser and readable storage medium |
| CN115168925A (en) * | 2022-07-14 | 2022-10-11 | 苏州浩辰软件股份有限公司 | View navigation method and device |
Non-Patent Citations (1)
| Title |
|---|
| 张卫国;武菲;: "基于WebGL的牙颌模型交互控制与实现", 科学技术与工程, no. 01, 8 January 2018 (2018-01-08) * |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN118097081A (en) * | 2024-04-25 | 2024-05-28 | 山东捷瑞数字科技股份有限公司 | Three-dimensional space guiding method, system, equipment and medium based on three-dimensional engine |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CA2790842C (en) | Integrated gis system with interactive 3d interface | |
| CA2818695C (en) | Guided navigation through geo-located panoramas | |
| US9153062B2 (en) | Systems and methods for sketching and imaging | |
| US7739623B2 (en) | Interactive 3D data editing via 2D graphical drawing tools | |
| US5583977A (en) | Object-oriented curve manipulation system | |
| CN108450035B (en) | Navigating through a multi-dimensional image space | |
| US20090245691A1 (en) | Estimating pose of photographic images in 3d earth model using human assistance | |
| US9317945B2 (en) | Detail-in-context lenses for navigation | |
| US20130215148A1 (en) | Interactive input system having a 3d input space | |
| US20090289937A1 (en) | Multi-scale navigational visualtization | |
| CN110019766A (en) | Methods of exhibiting, device, mobile terminal and the readable storage medium storing program for executing of knowledge mapping | |
| CN111339588B (en) | Two-dimensional drawing and three-dimensional model checking method, system and storage medium | |
| US11087561B2 (en) | Three-dimensional sketching in mobile augmented reality | |
| Piekarski et al. | Augmented reality working planes: A foundation for action and construction at a distance | |
| EP2159756B1 (en) | Point-cloud clip filter | |
| CN104462682A (en) | Interactive welding joint groove graph drawing and parameter tagging method | |
| CN104599310A (en) | Three-dimensional scene cartoon recording method and device | |
| CN111009038A (en) | Space labeling method based on SLAM | |
| CN116070039A (en) | Navigation visualization method, device, equipment and medium for three-dimensional browser model | |
| CN108694257A (en) | It can be to method that point of observation is accurately positioned when browsing BIM models in Web browser | |
| CN115359229A (en) | Three-dimensional view control method, system, equipment, storage medium and cloud platform | |
| WO2014014928A2 (en) | Systems and methods for three-dimensional sketching and imaging | |
| JP2003067048A (en) | Information processor | |
| US20220206669A1 (en) | Information processing apparatus, information processing method, and program | |
| Alleaume et al. | Introduction to AR-Bot, an AR system for robot navigation |
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 |