CN110503709A - A method of realizing that extensive Web3D model is presented in data center's load - Google Patents
A method of realizing that extensive Web3D model is presented in data center's load Download PDFInfo
- Publication number
- CN110503709A CN110503709A CN201910790000.9A CN201910790000A CN110503709A CN 110503709 A CN110503709 A CN 110503709A CN 201910790000 A CN201910790000 A CN 201910790000A CN 110503709 A CN110503709 A CN 110503709A
- Authority
- CN
- China
- Prior art keywords
- model
- scene
- load
- data center
- presented
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T17/00—Three dimensional [3D] modelling, e.g. data description of 3D objects
Abstract
The invention discloses a kind of methods realized data center's load and extensive Web3D model is presented, it include: the production process of (1) normative model, the specification etc. that the specification of specification, modelling including material collection, specification, the scene of textures production collapse;(2) the model loading procedure for formulating standard, the WebGL loading function including acquisition simulator information, analytic modell analytical model facility information, standard of compiling carry out stress model;(3) design classification scene loading algorithm, comprising: by large-scale data center's scene partitioning at different regions, the model file after the completion of scene partitioning compress and is transmitted be loaded into local, stored after decompression model file;The load of model is carried out using WebGL loading function, first load home court scape model, the model in corresponding sub-region is just loaded when clicking.Using the present invention, so that data center, which shows, can load large-scale equipment model, the difficulty and time span of disposable load high-volume model are reduced.
Description
Technical field
The invention belongs to WebGL technical fields, and extensive Web3D is presented more particularly, to a kind of load of realization data center
The method of model.
Background technique
In the epoch of internet rapid development, computer system quantity is growing day by day, at the same time, with information centre
(IDC) environmental unit to match is also increasing, and information centre (IDC) has become indispensable one of major unit
Point.When these machines are when carrying out some important calculating, it is necessary to ensure that its running environment is normal and can not go out any mistake,
Environmental unit (power supply and distribution, UPS, air-conditioning, fire-fighting etc.) must be provided at every moment normally for the normal operation of computer in computer room
Running environment.Once breaking down, then may cause computer cannot run well, influence computer it is ongoing into
Journey threatens to data transmission, storage and system run all right, if processing is not in time, may cause great property
Loss.Especially as bank, security, electric business, customs etc., these rely on stronger industry to computer, and the importance of management is more
It is self-evident.
The major way of the management system presentation device information of conventional data centers be by report and simple diagrammatic representation,
Although this presentation mode can show information, not intuitive enough, user needs just look for target letter by largely searching for
Breath, while being difficult to remember the particular content of target information.The development of development and visualization technique however as 3D technology, it is some
Enterprise has used novel 3D technology combination visualization technique have developed a kind of data center apparatus information management
With display systems.This system just receives the high praise energetically of data center systems user once release.Main cause is 3D
Technology can intuitively restore scene form, while can intuitively reduction apparatus form, user can intuitively obtain from scene
The relevant information of equipment reduces a large amount of unnecessary complex operations, while data is presented using visualization technique, allows data
Appearance form is more intuitive and graceful.Increasing for increase and device model however as data center's scale, results in presentation
Difficulty exponentially increase.The data center management system of current this combination 3D technologies most of on the market mainly for
Using object or middle-size and small-size computer room, trace it to its cause be many factors limitation (including browser memory, model substantial amounts,
Model size is not first-class), lead to not that the model of extensive magnitude is presented in web terminal.
Based on the above issues, how the formulation of model specification, load of model etc. are carried out using the relevant technologies, make simultaneously
With the algorithm of branch scape stress model, large-scale data central apparatus model, which can be presented, in web terminal in realization great meaning.
Summary of the invention
The present invention provides a kind of methods realized data center's load and extensive Web3D model is presented, and greatly improve
The speed of model load and the quantity of scene stress model realize that extensive Web3D model is presented in data center's load.
A method of realizing that extensive Web3D model is presented in data center's load, comprising the following steps:
(1) production process of normative model, the rule that the specification of specification, modelling including material collection, textures make
Derived from the specification and scene that specification, the specification of lighting rendering, the scene of specification, model name that model, scene collapse bake
Specification;
(2) the model loading procedure of standard is formulated, including obtains simulator information, analytic modell analytical model facility information, write
The WebGL loading function of standard carrys out stress model;
(3) design classification scene loading algorithm, comprising: by large-scale data center's scene partitioning at different regions,
Model file after the completion of scene partitioning is compressed and is transmitted and is loaded into local, is stored after decompressing model file;Using
WebGL loading function carries out the load of model, first load home court scape model, the ability when clicking of the model in corresponding sub-region
It is loaded, without loading all model of place and device model in the region that is divided again.
In step (1), the specification of the material collection are as follows: acquired according to the structure of data center, device model corresponding
Photo, photo is returned to uniform format and is ended up with jpg from multiple angle acquisitions, and is placed with unified name format;
The specification of the modelling are as follows: determine model initial position first, unified initial position convenient for subsequent production and
Export the determination of specification.Secondly the phase of model and real scene after modelling ratio, unified ratio ensure to make is determined
It is higher like spending.Next in modeling process, invisible place does not have to excessively modeling, carries out deletion behaviour for invisible face
Make, while the minimum spacing between designated model face and face, the spacing of standard can be such that model does not interfere with each other after load, reach
Effect is presented to best.Finally, avoiding the modeling pattern of triangle face phenomenon occur after baking as far as possible when choosing modeling pattern.
When determining model initial position, base scene model be must be positioned at coordinate origin position (0,0,0), reusable mould
Type central axis is located at (0,0,0).
The specification of the textures production are as follows: control the name of the size of textures, the format of textures and textures.Textures determine
The degree true to nature of scene, so the production of textures is even more important.When textures quality is excessively fine, textures file mistake will lead to
Greatly, the browser load time is too long, reduces system performance.And the too low precision that can make model of textures precision is greatly reduced.It wants
The model feature at combined data center balances a formulation standard.After completing, the name of textures and size are also required to formulate
Specification.
The specification that the scene collapses are as follows: collapsed in strict accordance with putting in order for model, and needed in collapse process
Want close inspection textures whether entanglement.Collapsing for scene is directed to be likely to occur more floor data centers, and scale of model is larger
The case where.
The specification of the model name are as follows: name needs the equipment feature at combined data center, while not allowing with Chinese
Name guarantees the uniqueness of name.Model, which is named, wants the equipment feature at combined data center, extract it is a set of be easily understood and
The higher naming method of efficiency, and to guarantee the uniqueness of name, it avoids because of model loading error caused by of the same name.
The specification of the lighting rendering are as follows: light will be capable of abundant display data central apparatus according to scene selection is showed
Shape, color, material, texture.Before not creating light, the light of a default is had scene is presented.But this light
Most perfect animation effect, especially in the case where scene becomes more complicated, initial light may not be able to be presented in effect
It is even more ineffective, so scene needs specially treated.
The specification that the scene bakes are as follows: texture mapping should be clearly shown after baking.The mode of baking according to software not
With and scene difference, also difference in form.Here the model of the characteristics of being considered as data center's scene, data center is special
Point is possible to need to reuse associated texture textures, and texture must be more clear, and user comes sometimes for scale-up model
It checks, if texture is more fuzzy greatly to influence user experience.
The derived specification of the scene are as follows: inspection model makes situation, while naming according to specific mode, and comparison is provided
Model data table, prevented omission situation, while removing extra invisible face.
The naming method of the textures of the photo and production of acquisition is equal are as follows: device type-equipment brand-device model-is set
Standby room number-serial number.
In step (2), simulator information is obtained specifically: when entering the scene page, first have to obtain by API and be somebody's turn to do
All model data information of scene, these information determine scene need model quantity to be loaded, type, type.Simultaneously will
It obtains data back and is stored in array.
Analytic modell analytical model facility information specifically: the array that will acquire back is parsed, and call constructed fuction Model into
Row object-instantiated is stored in array models after instantiation.
The WebGL loading function of standard of compiling carrys out stress model specifically: writes initModels loading function to load
Model, incoming object include model array object models, call back function callback, inside comprising OBJLoader function and
MTLLoader function is used to stress model file obj and material file mtl.
In step (3), when scene is excessive, model is excessive, when with more floors, multi-region domain views, following point can be used
Reuse algorithm only need to load the model that user is currently located scene, caused by avoiding disposably loading high-volume data model
Situation of bursting that loading velocity is slow, browser Caton is run quickly.
It is sequentially included the following steps: when scene partitioning
If (a) information has multilayer in data, multiple floors are distributed in, level-one scene is first divided into as unit of floor;
(b) it has divided level-one scene and then has divided second level scene as unit of room;
(c) after the completion of dividing by room, then three-level scene is divided as unit of cabinet;
If (d) model quantity is greater than 100 in single cabinet, using 100 unit models as region, level Four scene is divided;
(e) (d) operation is repeated, until scene partitioning is completed.
In step (3), when model file compresses, by reading obj model file information, Draco algorithm is called, according to number
According to center model Character adjustment parameter, the compressed file of specification is formed;When decompressing model file, call Draco algorithm that will load
It is decompressed and is stored to local model.
It, can be according to the load process stress model of standard after model of place completes, it should be noted that every level-one scene is only
The level-one model of place is loaded, if there is second level scene under level-one scene, should be shown in the form of floating tag in level-one scene
The second level scene areas divided shows that situation is similar if there is three-level scene under second level scene.The above scene is mainly only shown
Home court scape model, until simulators all in first scene, ability loading scenario (including model of place and reusable device model).
In step (3), for the identical equipment of geometry, only retains a geometric data as reusable model, lead to
It crosses to draw respectively in rendering pipeline and be then placed on different positions several times;Reusable model uses more instance models
Rendering mode, a data are only stayed in guarantee, and are loaded in many places.
More example renderings are a kind of loading methods, by a kind of only one obj data file of model, by managing in rendering
It draws and is then placed on different positions several times respectively in line, reach batch load but be not take up the spy of a large amount of memories
Effect.
Compared with prior art, the invention has the following advantages:
1, the present invention is according to specified value production and naming model, it is ensured that the standard of same model is unified, is conducive to the page
Load and presentation model;Next has formulated the model loading procedure of standard, has write the WebGL loading function of standard to load mould
Type allows model to be loaded into the page in a kind of unitized, standardization form;A kind of classification scene loading algorithm is finally devised,
By large-scale data center's scene partitioning at different regions, when load, loads home court scape model, when clicking corresponding sub-region
Just load model in the region, in first region (referring to the region for not having to be divided again) all model of place of load with set
Standby model.The present invention, which makes it possible to data center's displaying by a series of modes, can load large-scale equipment model, reduce
The difficulty and time span of disposable load high-volume model, it is easy to accomplish human-computer interaction and data are shown.
Detailed description of the invention
Fig. 1 is a kind of method flow schematic diagram realized data center's load and extensive Web3D model is presented of the present invention;
Fig. 2 is the modelling flow diagram standardized in the embodiment of the present invention;
Fig. 3 is that the data center model of Plays of the embodiment of the present invention loads flow diagram;
Fig. 4 is scene loading algorithm flow diagram of classifying in the embodiment of the present invention;
Fig. 5 is the instance graph that more embodiments render load server in the embodiment of the present invention.
Specific embodiment
The invention will be described in further detail with reference to the accompanying drawings and examples, it should be pointed out that reality as described below
It applies example to be intended to convenient for the understanding of the present invention, and does not play any restriction effect to it.
As shown in Figure 1, a kind of method realized data center's load and extensive Web3D model is presented, specifically includes:
S01, the production process of normative model, the rule that the specification of specification, modelling including material collection, textures make
Specification that model, scene collapse, the specification of model name, the specification of lighting rendering, specification derived from scene etc..
S02 formulates the model loading procedure of standard, including obtains simulator information, analytic modell analytical model facility information, writes
The WebGL loading function of standard carrys out stress model.
S03, classification scene load, including divide scene, model compression, decompression model file, call loading function load
Model, more example rending models etc..
As shown in Fig. 2, the production process of normative model is specific as follows:
(1) acquisition of material
During material collection, according to the structure of data center, device model etc., corresponding photo is acquired.Photo
It returns to uniform format to end up with jpg, while acquiring photo to acquire from multi-angle.It should be with a kind of unified name lattice after acquisition
Formula is placed, to guarantee quickly to correspond to position and the function of model by name of pictures.Here it defines a kind of naming method: setting
Standby type-equipment brand-device model-equipment room number-serial number.Such as: router-huawei-ar3200-909-
01.jpg, what is shown is exactly the router of Huawei's Ar3200 model, deposits in rooms 909, photo serial number 01.Be conducive to build in this way
Mould personnel understand equipment overall picture quickly through photo, make master pattern.
(2) production of model
Modelling process, first have to formulate is the localization criteria of model, by taking 3d max as an example, base scene model
It must be positioned at origin position, that is, (0,0,0).Base scene refers to have to be understood that data center's overall picture and being customized
Scene.Device model (including server, interchanger, router, firewall, memory, air-conditioning, smoke inductor, water logging biography
Sensor, ups power supply etc.), this model that can be reused, referred to as reusable model.The initial position of reusable model
It must be positioned at center, i.e. the central axis of the model is located at (0,0,0).According to the scale of data center, at present unit with
Rice (Meter) metering.The proportion requirement minimum spacing of modelling should be the one thousandth of current scene maximum length,
It is exactly when making indoor scene, the distance between face and face are greater than 2mm or more.Compared with large scene (data center storage position is long >
1km or width > 1km), the distance between face and face are at least more than 10cm, and distance gets too close to model can be made to interfere with each other, Bu Nengda
To good presentation effect.Invisible face should delete simultaneously, avoid excessively modeling, reduce loading performance.Finally, avoiding as far as possible
Occurs the modeling pattern of triangle face phenomenon after baking.By taking 3d max as an example, Editable Poly modeling pattern effect is more good
The case where getting well, being after baking not in triangular facet, and Editable Mesh relative stability is poor, is likely to occur after baking
The case where triangular facet, so modeled using Editable Poly mode.
(3) production of textures
The format of textures has jpg, png, tga etc., from the point of view of data center's existing device scale, textures if it is jpg,
Png format, size answer strict control (being no more than 1024*1024), and the oversized browser loading velocity that will lead to is excessively slow,
User experience is influenced, Tga type most very much not should be more than 2048,.By taking three.js as an example, main textures texture format to be loaded
For jpg, png, material as ruler element it is wide and high should be 2 power function.The naming method of textures answers setting for combined data center
Standby feature, the naming method being referred in step (1), with device type-equipment brand-device model-equipment room number-sequence
Number, wherein the meaning of serial number is different from referring to the meaning of serial number in step (1), shows textures of the equipment under another visual angle
File.
(4) scene collapses
When data center is excessively huge, and multilayer occurs, data center's scene an of multilayer should be constructed at this time.At this time
It when collapsing model, should divide, trans-regional not collapsed by floor.The center of model of place should position always in the process
At central point (0,0,0).The situation that should check textures in collapse process constantly prevents textures offset or entanglement.
(5) name of model
The name of model is also extremely important, and the original for capableing of some relevant informations of quick obtaining should be followed according to the name of model
Then.A kind of data center model naming method: device type-equipment brand-device model, simulator of the same race is provided below
Theoretically only one, can carry out load use in different places, realize primary modeling, be used for multiple times.With server-
For cisco-ucsc22m3s, what is referred to be exactly the equipment is Cisco's server, model ucsc22m3s.It is emphasized that a bit,
The name of model tries not, if there is Chinese should be converted into English form as far as possible, to avoid in subsequent load process using Chinese
It is middle to fail because model Naming Problems cause to load.
(6) rendering of light
Light is link more important during scene load is presented, and suitable light can make scene reach optimal exhibition
Show effect.By taking three.js as an example, in the model of data center, necessarily model of place to be loaded first, three.js
Basic light source have environment light (AmbientLight), point light source (PointLight), optically focused lamp source (SpotLight), side
Xiang Guang (DirectionalLight).Its color can be added in entire scene and the color of all objects by environment light.Point
Light source is the certain point in space, emits light towards all directions.Optically focused lamp source has spotlight effect, can issue similar
In desk lamp, this light source effect of flashlight.Direction light is directional light, and sunlight is exactly typical example.Data center generally needs
Entire scene is presented, so mainly using environment light, light can equably be irradiated each object in the scene by this light source
It above body, is avoided as far as possible using light tone using this light source, color is excessively bright, and picture color, which can seem, to be excessively saturated.
(7) baking of scene
Baking is that Lighting information is rendered to textures, and then the textures by this after baking return in scene again.It dries
The result of illumination calculation can be written in textures by roasting in advance, this can greatly improve the efficiency of real-time rendering.It is with 3d max
Example, the mode of baking can pass through LightMap, CompleteMap two ways.Model texture after LightMap baking is more
Clearly, texture mapping can reuse.And CompleteMap mode bake after then without detail textures, and on hand compared with
It is fuzzy.Feature is presented according to the model of data center.User needs scale-up model, if seeming after amplification, more fuzzy meeting is serious
User experience is influenced, is baked so can choose LightMap mode here.
(8) export of model
Because whether going through according to above-mentioned steps strict implement before model export, production situation is checked, while according to finger
Determine mode to name, compares provided model data table, prevented the case where omitting model appearance.It removes simultaneously extra invisible
Face, lift scheme quality and loading velocity.
As shown in figure 3, the model loading procedure of the standard of formulation is specific as follows:
(1) simulator information is obtained
It should include first specific position in data by the model data of the interface requests scene before stress model
Information, facility information etc. define a kind of data format of standard here, are convenient for effective acquisition effective information.Acquisition of information is completed
After, the variable that should define arrays is stored.Facilitate subsequent parsing and load.
(2) analytic modell analytical model facility information
For model data back is obtained in step (1), parsing operation is carried out.Utilize for...in... or foreach
Method starts to parse array object, while constructed fuction Model being called to instantiate model object, deposits after model object instantiation
Enter array models, this array will pass to loading function as object and be used to carry out model load.
(3) the webGL loading function of standard of compiling
There are many open source libraries for webGL encapsulation at present on the market, load letter can be write in a manner of more efficiently
Number.Here by taking three.js as an example, stress model object is obj, and material is mtl format.Three.js provides both loads
The API of function is OBJLoader and MTLLoader respectively.Here re-define an initModel (models,
Callback), models is recycled using for...in... circulation or foreach, in circulation intrinsic call initModels, together
When continue to call OBJLoader and MTLLoader function inside initModels, complete model load.Finally call rendering
All Unified Models in scene are rendered into the page by function.
As shown in figure 4, classification reuse algorithm process specifically:
(1) scene is divided
If (a) there is multilayer in data center, multiple floors are distributed in, level-one scene is first divided into as unit of floor.This
In need to emphasize, data center's definition in large scale be model quantity be greater than 1000 or more.Multilayer if it exists, then first according to building
Layer divides scene.
(b) it is divided into level-one scene and then divides second level scene as unit of room.If data center is non-multilayer knot
Structure only but possesses multiple rooms for one layer, and room internal model quantity is greater than 100, should be divided as unit of room at this time.
(c) after the completion of dividing by room, then three-level scene is divided as unit of cabinet.Cabinet arranged in rows inside room,
Interior of equipment cabinet equipment is more, and cabinet quantity is greater than 10 or single cabinet internal model quantity is greater than 100, the effect after division
Fruit is more preferably.
If (d) model quantity is greater than 100 in single cabinet, using 100 unit models as region, level Four scene is divided.
Such row cabinet is just divided into multiple regions, provides a region naming rule: room number-cabinet No.-regional number here.
Example 909-01-A, representative is exactly a-quadrant in rooms 909 after the division of No. 01 cabinet.
(e) above-mentioned (d) operation is repeated, until scene partitioning is completed.It should be clear that such division rule is applicable not only to greatly
Type data center, it is middle-size and small-size to be equally applicable.The only better effect in large-scale computer room, the region etc. that middle-size and small-size computer room divides
Grade can be reduced.Specifically above-mentioned division rule should be used according to computer room moderate scale.
(2) model file compresses
After the completion of above-mentioned scene partitioning, in order to promote loading velocity, it would be desirable to be compressed to file, Lifting Modules
Type decompresses again in load in the speed of transport network layer, reduces the amount of ram of model file occupancy, greatly promoted
Loading velocity.One 3D model file generally comprises letter required for the various engine renders such as vertex, face, material, animation
Breath.Obj file information contained content will be more than ply file, here by taking obj file as an example.Specific compression step is as follows:
(a) obj the file information is read;
It (b) will include that the obj file of mesh information is compressed according to the characteristics of data center model equipment, it here can be with
Reach optimal compression effect by increasing part or modification mesh contractive condition using the mesh compression scheme in Draco;
(c) information that compressing surface is removed using EdgeBreaker algorithm, generates CornerTable, with parallelogram difference
Mode compresses vertex attribute information (including the information such as position, normal, texture coordinate);
(d) compression is completed, and generates new file.
(3) model file is decompressed
After the completion of model compression, it is loaded into local through network transmission, calls the decompression function objdecode in Draco, it will
The model downloaded is decompressed, and is stored to local.
(4) 2 Plays of invocation step load process
Using the master pattern loading method in step 2, loads in process (3) and obtain, decompress and be stored in local mould
Type, in larger scene, what is necessarily loaded first is home court scape, and reusable model is rendered using more instance models as far as possible
Mode reduces unnecessary memory consumption.
(5) more instance model renderings
The characteristics of for data center apparatus, can have a large amount of reusable simulator in data center.Such as it may
There are the equipment such as the cabinet of same size, interchanger, server, network firewall, air-conditioning, ups.For same geometric object
(such as above-mentioned identical equipment, corresponding model are consistent) only retains a geometric data, by distinguishing in rendering pipeline
It draws several times, is then placed on different positions.By taking server as an example, if to draw identical rule in different positions
The server of lattice only needs the geometric data of a cabinet, draws multipass.Current rendering pipeline is completely by instancing
It is placed in hardware pipeline and executes, GPU memory overhead and the computing cost of CPU is greatly saved.Effect is as shown in Figure 5.At present
In WebGL 2.0, gl.drawElementsInstanced supports this function in primary API.This function applies in data
The model of the heart loads, and can greatly promote the loading velocity and page model bearing capacity of model.
To sum up, the present invention reduces model transmission time to a certain extent, improves rendering speed, reduces disposable
The difficulty for loading extensive web3D model, provides the method that large scale scene can be presented, it is easy to accomplish in large-scale data
The model and data of the heart are presented.
Technical solution of the present invention and beneficial effect is described in detail in embodiment described above, it should be understood that
Above is only a specific embodiment of the present invention, it is not intended to restrict the invention, it is all to be done in spirit of the invention
Any modification, supplementary, and equivalent replacement, should all be included in the protection scope of the present invention.
Claims (8)
1. a kind of method realized data center's load and extensive Web3D model is presented, which comprises the following steps:
(1) production process of normative model, the specification of specification, modelling including material collection, the specification of textures production, field
The specification and the derived specification of scene that specification, the specification of lighting rendering, the scene of specification, model name that scape collapses bake;
(2) the model loading procedure of standard is formulated, including obtains simulator information, analytic modell analytical model facility information, standard of compiling
WebGL loading function carry out stress model;
(3) design classification scene loading algorithm, comprising: by large-scale data center's scene partitioning at different regions, to field
Model file after the completion of scape division, which is compressed and transmitted, is loaded into local, is stored after decompressing model file;Using WebGL plus
The load that function carries out model, first load home court scape model are carried, the model in corresponding sub-region is just added when clicking
It carries, without loading all model of place and device model in the region that is divided again.
2. the method according to claim 1 realized data center's load and extensive Web3D model is presented, feature exist
In, in step (1), the specification of the material collection are as follows: corresponding photo is acquired according to the structure of data center, device model,
Photo is returned to uniform format and is ended up with jpg from multiple angle acquisitions, and is placed with unified name format;
The specification of the modelling are as follows: determine model initial position, unified initial position first;Secondly modelling ratio is determined
Example;Next in modeling process, invisible place does not have to excessively modeling, carries out delete operation for invisible face, together
When designated model face and face between minimum spacing;
The specification of the textures production are as follows: control the name of the size of textures, the format of textures and textures;
The specification that the scene collapses are as follows: collapsed, and needed in collapse process tight in strict accordance with putting in order for model
Lattice check textures whether entanglement;
The specification of the model name are as follows: name needs the equipment feature at combined data center, while not allowing with Chinese name,
Guarantee the uniqueness of name;
The specification of the lighting rendering are as follows: the shape that light will be capable of abundant display data central apparatus according to scene selection is showed
Shape, color, material, texture;
The specification that the scene bakes are as follows: texture mapping should be clearly shown after baking;
The derived specification of the scene are as follows: inspection model makes situation, while naming according to specific mode, compares provided mould
Type tables of data has prevented omission situation, while removing extra invisible face.
3. the method according to claim 2 realized data center's load and extensive Web3D model is presented, feature exist
In the naming method of the textures of the photo and production of acquisition is equal are as follows: device type-equipment brand-device model-equipment room
Number-serial number.
4. the method according to claim 2 realized data center's load and extensive Web3D model is presented, feature exist
In when determining model initial position, base scene model be must be positioned at coordinate origin position (0,0,0), in reusable model
Mandrel is located at (0,0,0).
5. the method according to claim 1 realized data center's load and extensive Web3D model is presented, feature exist
In in step (2), the WebGL loading function of standard of compiling carrys out stress model specifically: write initModels loading function
Stress model, incoming object include model array object models, call back function callback, and inside includes OBJLoader letter
Several and MTLLoader function is used to stress model file obj and material file mtl.
6. the method according to claim 1 realized data center's load and extensive Web3D model is presented, feature exist
In in step (3), when scene partitioning is sequentially included the following steps:
If (a) information has multilayer in data, multiple floors are distributed in, level-one scene is first divided into as unit of floor;
(b) it has divided level-one scene and then has divided second level scene as unit of room;
(c) after the completion of dividing by room, then three-level scene is divided as unit of cabinet;
If (d) model quantity is greater than 100 in single cabinet, using 100 unit models as region, level Four scene is divided;
(e) (d) operation is repeated, until scene partitioning is completed.
7. the method according to claim 1 realized data center's load and extensive Web3D model is presented, feature exist
In in step (3), when model file compresses, by reading obj model file information, calling Draco algorithm, according in data
Heart aspect of model adjusting parameter, forms the compressed file of specification;When decompressing model file, call Draco algorithm that will be loaded into this
The model on ground is decompressed and is stored.
8. the method according to claim 1 realized data center's load and extensive Web3D model is presented, feature exist
In in step (3), for the identical equipment of geometry, only a geometric data of reservation is as reusable model, by wash with watercolours
It draws and is then placed on different positions several times respectively in dye pipeline;Reusable model uses more instance model rendering sides
Formula, a data are only stayed in guarantee, and are loaded in many places.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910790000.9A CN110503709A (en) | 2019-08-26 | 2019-08-26 | A method of realizing that extensive Web3D model is presented in data center's load |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910790000.9A CN110503709A (en) | 2019-08-26 | 2019-08-26 | A method of realizing that extensive Web3D model is presented in data center's load |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110503709A true CN110503709A (en) | 2019-11-26 |
Family
ID=68589546
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910790000.9A Pending CN110503709A (en) | 2019-08-26 | 2019-08-26 | A method of realizing that extensive Web3D model is presented in data center's load |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110503709A (en) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110910515A (en) * | 2019-12-02 | 2020-03-24 | 杭州安恒信息技术股份有限公司 | Method, device and equipment for realizing rotation and scaling of object in three-dimensional scene |
CN111125585A (en) * | 2019-12-24 | 2020-05-08 | 武汉珞珈灵智科技有限公司 | Visualization method and system for Web-end three-dimensional model |
CN111243072A (en) * | 2020-01-10 | 2020-06-05 | 北京腾文科技有限公司 | WebVR three-dimensional display method, device and system and readable storage medium |
CN111275814A (en) * | 2020-01-21 | 2020-06-12 | 山东浪潮通软信息科技有限公司 | WEBGL application-oriented three-dimensional model lightweight method |
CN111445567A (en) * | 2020-04-08 | 2020-07-24 | 广州工程技术职业学院 | Baking method and device for dynamic object, computer equipment and storage medium |
CN112308959A (en) * | 2020-10-19 | 2021-02-02 | 广州市昱安信息技术有限公司 | Three-dimensional model data rapid loading method and system |
CN112308958A (en) * | 2020-10-19 | 2021-02-02 | 广州市昱安信息技术有限公司 | Three-dimensional model display method and device and storage medium |
CN112509128A (en) * | 2020-12-21 | 2021-03-16 | 常州微亿智造科技有限公司 | Industrial scene 3D model rendering method and device |
CN112861055A (en) * | 2021-02-07 | 2021-05-28 | 吉林省科学技术信息研究所 | 3D model loading method |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101763656A (en) * | 2010-01-28 | 2010-06-30 | 北京航空航天大学 | Construction and display control method for floor and house division model of three-dimensional urban building |
CN202276351U (en) * | 2011-04-01 | 2012-06-13 | 国网电力科学研究院 | 3D scene data processing system suitable for intelligent machine room operation and maintenance management |
CN106934854A (en) * | 2017-03-14 | 2017-07-07 | 长江涪陵航道管理处 | Based on creator model optimization method and devices |
CN108805298A (en) * | 2018-05-23 | 2018-11-13 | 浙江工业大学 | A kind of data center's Visualized management system based on WebGL technologies |
CN109544703A (en) * | 2018-12-29 | 2019-03-29 | 杭州长宽数字科技有限公司 | It is a kind of to be easily achieved interactive data center Web3D model loading method |
US20190179510A1 (en) * | 2016-06-22 | 2019-06-13 | Siemens Aktiengesellschaft | Display of three-dimensional model information in virtual reality |
-
2019
- 2019-08-26 CN CN201910790000.9A patent/CN110503709A/en active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101763656A (en) * | 2010-01-28 | 2010-06-30 | 北京航空航天大学 | Construction and display control method for floor and house division model of three-dimensional urban building |
CN202276351U (en) * | 2011-04-01 | 2012-06-13 | 国网电力科学研究院 | 3D scene data processing system suitable for intelligent machine room operation and maintenance management |
US20190179510A1 (en) * | 2016-06-22 | 2019-06-13 | Siemens Aktiengesellschaft | Display of three-dimensional model information in virtual reality |
CN106934854A (en) * | 2017-03-14 | 2017-07-07 | 长江涪陵航道管理处 | Based on creator model optimization method and devices |
CN108805298A (en) * | 2018-05-23 | 2018-11-13 | 浙江工业大学 | A kind of data center's Visualized management system based on WebGL technologies |
CN109544703A (en) * | 2018-12-29 | 2019-03-29 | 杭州长宽数字科技有限公司 | It is a kind of to be easily achieved interactive data center Web3D model loading method |
Non-Patent Citations (1)
Title |
---|
王磊等: "数据中心三维可视化场景编辑器的设计", 《计算机系统应用》 * |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110910515A (en) * | 2019-12-02 | 2020-03-24 | 杭州安恒信息技术股份有限公司 | Method, device and equipment for realizing rotation and scaling of object in three-dimensional scene |
CN110910515B (en) * | 2019-12-02 | 2023-04-25 | 杭州安恒信息技术股份有限公司 | Method, device and equipment for realizing autorotation and scaling of object in three-dimensional scene |
CN111125585A (en) * | 2019-12-24 | 2020-05-08 | 武汉珞珈灵智科技有限公司 | Visualization method and system for Web-end three-dimensional model |
CN111243072A (en) * | 2020-01-10 | 2020-06-05 | 北京腾文科技有限公司 | WebVR three-dimensional display method, device and system and readable storage medium |
CN111275814A (en) * | 2020-01-21 | 2020-06-12 | 山东浪潮通软信息科技有限公司 | WEBGL application-oriented three-dimensional model lightweight method |
CN111275814B (en) * | 2020-01-21 | 2023-10-13 | 浪潮通用软件有限公司 | WEBGL application-oriented three-dimensional model light-weight method |
CN111445567B (en) * | 2020-04-08 | 2023-04-14 | 广州工程技术职业学院 | Baking method and device for dynamic object, computer equipment and storage medium |
CN111445567A (en) * | 2020-04-08 | 2020-07-24 | 广州工程技术职业学院 | Baking method and device for dynamic object, computer equipment and storage medium |
CN112308958A (en) * | 2020-10-19 | 2021-02-02 | 广州市昱安信息技术有限公司 | Three-dimensional model display method and device and storage medium |
CN112308959A (en) * | 2020-10-19 | 2021-02-02 | 广州市昱安信息技术有限公司 | Three-dimensional model data rapid loading method and system |
CN112308958B (en) * | 2020-10-19 | 2023-08-29 | 广州市昱安信息技术有限公司 | Three-dimensional model display method, device and storage medium |
CN112509128A (en) * | 2020-12-21 | 2021-03-16 | 常州微亿智造科技有限公司 | Industrial scene 3D model rendering method and device |
CN112861055A (en) * | 2021-02-07 | 2021-05-28 | 吉林省科学技术信息研究所 | 3D model loading method |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110503709A (en) | A method of realizing that extensive Web3D model is presented in data center's load | |
CN109145366B (en) | Web 3D-based lightweight visualization method for building information model | |
US20200356350A1 (en) | Methods and Systems for Visual Programming using Polymorphic, Dynamic Multi-Dimensional Structures | |
DE60031664T2 (en) | COMPUTER METHOD AND DEVICE FOR CREATING VISIBLE GRAPHICS USING GRAPH ALGEBRA | |
CN110688692B (en) | Two-three-dimensional linkage and superposition display method based on structured BIM model | |
CN111008422B (en) | Building live-action map making method and system | |
US5459829A (en) | Presentation support system | |
CN105261066B (en) | A kind of three-dimensional geographic information system real-time rendering multithreading distribution and control method | |
CN108133044A (en) | Space big data three-dimensional visualization method and platform based on attribute separation | |
US20070064005A1 (en) | Collaborative environments in a graphical information system | |
CN109829022A (en) | A kind of the Internet map service system and construction method of fusion monitoring video information | |
CN110433495B (en) | Configuration method and device of virtual scene in game, storage medium and electronic equipment | |
CN110503718B (en) | Three-dimensional engineering model lightweight display method | |
KR20080018404A (en) | Computer readable recording medium having background making program for making game | |
Blut et al. | CityGML goes mobile: application of large 3D CityGML models on smartphones | |
CN112017270A (en) | Live-action three-dimensional visualization online application system | |
She et al. | 3D building model simplification method considering both model mesh and building structure | |
CN111695183B (en) | BIM model lightweight derivation method and system | |
DE102021114013A1 (en) | TECHNIQUES FOR EFFICIENT SCANNING OF AN IMAGE | |
CN112734900A (en) | Baking method, baking device, baking equipment and computer-readable storage medium of shadow map | |
Dong et al. | 5G virtual reality in the design and dissemination of contemporary urban image system under the background of big data | |
US10529100B2 (en) | Interaction-driven format for graph visualization | |
US9582247B1 (en) | Preserving data correlation in asynchronous collaborative authoring systems | |
CN113240786B (en) | Video point cloud rendering method and device, electronic equipment and storage medium | |
Simoff | Towards the development of environments for designing visualisation support for visual data mining |
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 |