CN105260441A - 3D human body data model scene introduction method and process - Google Patents
3D human body data model scene introduction method and process Download PDFInfo
- Publication number
- CN105260441A CN105260441A CN201510643924.8A CN201510643924A CN105260441A CN 105260441 A CN105260441 A CN 105260441A CN 201510643924 A CN201510643924 A CN 201510643924A CN 105260441 A CN105260441 A CN 105260441A
- Authority
- CN
- China
- Prior art keywords
- scene
- model
- human body
- data
- file
- 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
- 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/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- 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 present invention discloses a 3D human body data model scene introduction method and process. The method comprises the following steps: A, a webpage terminal sends 3D human body scanning model scene introduction request information to a server; B, the server receives the request information sent out by the webpage terminal, and loads 3D human body data and a 3D scene; C, the server processes the loaded 3D human body data and 3D scene data to form a data stream, and returns the data stream to the webpage terminal; and D, the webpage terminal receives the data stream in the step C, and analyzes the data stream to form a 3D human body image and the 3D scene, thereby finishing the process of introducing the 3D human body data model scene. According to the method and process disclosed by the present invention, a synchronous displaying function of adding the 3D scene and a 3D real human body model into a webpage is realized, and a new 3D real human body model display mode is proposed, thereby solving the problem that the 3D real human body model cannot be directly displayed in a webpage 3D scene display model browser.
Description
Technical field
The present invention relates to human body 3D model data collecting and application, refer in particular to a kind of 3D somatic data model scene introduction method and process.
Background technology
The develop rapidly of modern science and technology, and the technological breakthrough in the fields such as 3D data acquisition application such as 3D scanning, printing, solid foundation has been established to the application development of 3D model data, human body model data belongs to the one in 3D model data, it is widely used in clothes, animation, the field such as human engineering and medical science, it is development human body (face) pattern-recognition, high-performance apparel design (as Aero-Space clothes, diving suit), human body special equipment (human body artificial limb, personalized weaponry), and carry out the ideal tools of human engineering research; Human body 3D scanning technique obtains complete, meticulous human body model data, and it is stored in the instruments such as computing machine with the data file of certain format.
True man's human body 3D model data being widely used in each field obtained by human body 3D scanning technique, along with developing rapidly of network technology in recent years, the maturation of network and mobile phone app technology, true man's human body 3D model data also has very large development space in network field, but the display technique of true man's human body 3D model on webpage and mobile phone app is the technical bottleneck of restriction true man human body 3D models applying, domestic current technology also fails intactly to realize true man's human body 3D model and 3D scene to import in webpage, to realize display and operation.
Summary of the invention
The technical problem to be solved in the present invention is for above-mentioned the deficiencies in the prior art, a kind of true man's human body 3D model data obtained based on 3D body scanning techniques is provided, and true man's human body 3D model data and 3D contextual data are imported the manikin animation logic importing process and the method that reach simultaneous display in webpage.
The technical scheme that the present invention takes is as follows: a kind of 3D somatic data model scene introduction method and process, comprise the following steps:
A. page end sends 3D body scans model scene and imports solicited message to server;
B. server receives the solicited message that page end sends, and loads 3D somatic data and 3D scene;
C. server processes the 3D somatic data loaded and 3D contextual data, forms data stream, and data stream is returned to page end;
D. the data stream in page end receiving step C, and resolution data stream forms 3D human body image and 3D scene, completes 3D somatic data model scene importing process.
Preferably, the 3D body scans model scene in steps A is imported solicited message by the form of browser access server network address and is sent to server by described page end.
Preferably, the 3D somatic data in described step B comprises obj form model file and jpg or png form material file, and obj form model file and jpg or png form material file are stored in server.
Preferably, the 3D contextual data in described step B is stored in server by picture format file, and this picture format file is obtained by panorama camera shooting.
Preferably, described step D comprises 3D scene steps for importing and human body 3D model steps for importing.
Preferably, described 3D scene steps for importing is the picture 3D contextual data of picture format being resolved to six different angles, and adopts webgl technology to be introduced in page space, puts up stereo scene by the projected position adjusting picture.
Preferably, 3D somatic data is first resolved to the material file of jpg or png form by described human body 3D model steps for importing according to webgl technology, and is added in buffer memory; Resolve obj form model file again, obtain one and do not have coloured 3D manikin, and jpg or the png material file in buffer memory is labelled on this 3D manikin, form the coloured 3D manikin of tool, this 3D manikin is inserted in stereo scene, completes the importing process of 3D somatic data model.
Beneficial effect of the present invention is:
Further, the present invention carries out expansion research and development on the basis of 3D scanning technique, true man's human body 3D model data is obtained by 3D scanning technique, this data file comprise obj formatted file and png form material file, the storage principle of obj file is and is placed in three-dimensional system of coordinate by true man's human body 3D model, and be that the form of the point set in three-dimensional system of coordinate is represented by this true man's human body 3D model conversation, this point set shows the framed structure of true man's human body, png form material file is then stored by png formatted file by the human body skin scanned, the file of two kinds of forms is stored in server, true man's human body 3D model data and 3D contextual data are back to page end with the form of data stream after receiving the request signal that page end sends by server simultaneously, data stream is resolved by webgl technology by page end, and stereo scene and true man's human body 3D model, complete importing process, true man's human body 3D model after importing shows in stereo scene, present invention achieves in webpage and add the function that 3D scene and true man's human body 3D model reach simultaneous display, propose a kind of new true man's human body 3D model display mode, solve the problem directly cannot showing true man's human body 3D model in webpage 3D scene display model browser.
Accompanying drawing explanation
Fig. 1 is steps flow chart schematic diagram of the present invention.
Fig. 2 is frame principle figure of the present invention.
Fig. 3 is the arrangement schematic diagram of 3D contextual data picture of the present invention.
Fig. 4 is panoramic true 3D scene schematic diagram of the present invention.
Fig. 5 is the present invention's spherical 3D scene schematic diagram.
Fig. 6 is model measurement of the present invention display schematic diagram.
Embodiment
Below in conjunction with accompanying drawing, the invention will be further described:
As shown in Figure 1 to Figure 3, the technical scheme that the present invention takes is as follows: a kind of 3D somatic data model scene introduction method and process, comprise the following steps:
A. page end sends 3D body scans model scene and imports solicited message to server;
B. server receives the solicited message that page end sends, and loads 3D somatic data and 3D scene;
C. server processes the 3D somatic data loaded and 3D contextual data, forms data stream, and data stream is returned to page end;
D. the data stream in page end receiving step C, and resolution data stream forms 3D human body image and 3D scene, completes 3D somatic data model scene importing process.
3D body scans model scene in steps A is imported solicited message by the form of browser access server network address and is sent to server by page end.
3D somatic data in step B comprises obj form model file and png form material file, and obj form model file and png form material file are stored in server.
3D contextual data in step B is stored in server by picture format file, and this picture format file is obtained by panorama camera shooting.
Step D comprises 3D scene steps for importing and human body 3D model steps for importing.
3D scene steps for importing is the picture 3D contextual data of picture format being resolved to six different angles, and adopts webgl technology to be introduced in page space, puts up stereo scene by the projected position adjusting picture.
3D somatic data is first resolved to the material file of png form by human body 3D model steps for importing according to webgl technology, and is added in buffer memory; Resolve obj form model file again, obtain one and do not have coloured 3D manikin, and the png material file in buffer memory is labelled on this 3D manikin, form the coloured 3D manikin of tool, this 3D manikin is inserted in stereo scene, completes the importing process of 3D somatic data model.
Further, the present invention carries out expansion research and development on the basis of 3D scanning technique, true man's human body 3D model data is obtained by 3D scanning technique, this data file comprise obj formatted file and png form material file, the storage principle of obj file is and is placed in three-dimensional system of coordinate by true man's human body 3D model, and be that the form of the point set in three-dimensional system of coordinate is represented by this true man's human body 3D model conversation, this point set shows the framed structure of true man's human body, png form material file is then stored by png formatted file by the human body skin scanned, the file of two kinds of forms is stored in server, true man's human body 3D model data and 3D contextual data are back to page end with the form of data stream after receiving the request signal that page end sends by server simultaneously, data volume is resolved by webgl technology by page end, and stereo scene and true man's human body 3D model, complete importing process, true man's human body 3D model after importing shows in stereo scene, present invention achieves in webpage and add the function that 3D scene and true man's human body 3D model reach simultaneous display, propose a kind of new true man's human body 3D model display mode, solve the problem directly cannot showing true man's human body 3D model in webpage 3D scene display model browser.
Further, in obj model file, the point of the expression model that " V " starts, obtains file content after have read model file by row, finds out the row that in file, " V " starts, and splits this line character string, the coordinate of acquisition point with space, medium to be used stored in array.
Concrete file segmentation process example:
File fragment is as follows:
The file be separated after embarking on journey is as follows:
Four file fragments after segmentation:
Fragment one: v
Fragment two: 83.0386
Fragment three: 99.3861
Fragment four: 159.886
In four file fragments above, after three fragments be exactly the X of certain point in model, Y, the coordinate figure of Z axis.
Particularly:
1. utilize webgl technology to be loaded in webpage by 3D scene, webserver stress model, detailed process example is as follows:
//Textures
varr="/mdkj/H5/ROOT/textures/sence/";
varurls=[r+"1.jpg",r+"2.jpg",
r+"3.jpg",r+"4.jpg",
r+"5.jpg",r+"6.jpg"];
textureCube=THREE.ImageUtils.loadTextureCube(urls);
textureCube.format=THREE.RGBFormat;
textureCube.mapping=THREE.CubeReflectionMapping;
textureEquirec=THREE.ImageUtils.loadTexture("textures/2294472375_24a3b8ef46_o.jpg");
textureEquirec.format=THREE.RGBAFormat;
textureEquirec.mapping=THREE.EquirectangularReflectionMapping;
textureEquirec.magFilter=THREE.LinearFilter;
textureEquirec.minFilter=THREE.LinearMipMapLinearFilter;
textureSphere=THREE.ImageUtils.loadTexture("textures/metal.jpg");
textureSphere.mapping=THREE.SphericalReflectionMapping;
//Materials
varequirectShader=THREE.ShaderLib["equirect"];
varequirectMaterial=newTHREE.ShaderMaterial({
fragmentShader:equirectShader.fragmentShader,
vertexShader:equirectShader.vertexShader,
uniforms:equirectShader.uniforms,
depthWrite:false,
side:THREE.BackSide
});
equirectMaterial.uniforms["tEquirect"].value=textureEquirec;
varcubeShader=THREE.ShaderLib["cube"];
varcubeMaterial=newTHREE.ShaderMaterial({
fragmentShader:cubeShader.fragmentShader,
vertexShader:cubeShader.vertexShader,
uniforms:cubeShader.uniforms,
depthWrite:false,
side:THREE.BackSide
});
cubeMaterial.uniforms["tCube"].value=textureCube;
//scene.add(sphereMesh);}
After the picture of taken six different angles employing webgl technology is mainly incorporated in drawn page space by this process, by adjustment projected position, and displaing coordinate point x, y, what a stereo scene is z-axis, build.
2, server stress model and texture map, concrete loading procedure is as follows:
//texture texture
varmanager=
newTHREE.LoadingManager();
manager.onProgress=
function(item,loaded,total){
console.log(item,loaded,total);
};
vartexture=
newTHREE.Texture();
varloader=
newTHREE.ImageLoader(manager);
loader.load('textures/tong1.png',
function(image){
texture.image=image;
texture.needsUpdate=
true;
});
//model
varloader=
newTHREE.OBJLoader(manager);
loader.load('obj/tong1.obj',
function(object){
ss();
object.traverse(
function(child){
if(child
instanceofTHREE.Mesh){
child.material.map=texture;
}
});
object.position.y=-80;
scene.add(object);
This process mainly uses webgl technology to introduce among file by model, utilizes the loading of server to read out the point coordinate stored in model file, waits for the access of client.
3. client starts access, sends request.
User, by the following network address of browser access, starts request server, and waiting for server responds.
Realize in the request form of webpage by reference, concrete request form is as follows:
Request address: the concrete path of http://pcip:pc port numbers/file,
Example: http://www.720mod.com:8080/mdkj/H5/ROOT/dyp1.html
Wherein, pcip is the ip address of server, and pc port numbers is the port numbers of pc end shared by server.
3. the webserver accepts request, and by the model data process loaded, return to client after handling well, detailed process is as follows:
After server receives request, find corresponding model at server end, then stress model according to the model file name of asking and texture map filename, form data volume, return to webpage (data stream comprises the png texture map of obj model and model).
4. webpage receiving data stream, resolution data, forms 3D rendering, detailed process:
Webpage reception server end sends the data stream of returning, after data stream reception, the texture map of first analytic model buffer memory can be added according to webgl technology webpage, resolve obj model again, after having resolved obj model, webpage can show one and not have coloured model, at this moment be attached on model by the png texture map in buffer memory again, such model just can have color perfectly to show.
Particularly, 3D model of place of the present invention shows that embodiment is as follows:
1, panoramic true 3D scene is as shown in Figure 4:
This scene can the 3D scene of at utmost rediscover, and have scene effect true to nature, and merge with the perfection of model, it can also switch multiple scene simultaneously, allows model can show different effects inside different scenes.
2, spherical 3D scene, as shown in Figure 5:
In this scene, model is suspended in the centre of scene, and scene forms the spheroid that is similar to crystal ball, model is implanted wherein, both omnibearingly can show the appearance of model, also build a very dreamlike scene, be display effect or display property be all good simultaneously.
3, model measurement display, as shown in Figure 6:
This scene is mainly used in model measurement and model printing portion, so this scene does not do too much special effect processing, then be for above lift scheme display quality and the optimization of displaying time and the degree of freedom of models show a large amount of codes, in this scene, user can rotate very freely, right button mobility model position and reduce exaggeration model, the model load time reduces simultaneously, allows the experience effect of user reach best.
Embodiments of the invention just introduce its embodiment, do not lie in and limit its protection domain.The technician of the industry can make some amendment under the inspiration of the present embodiment, therefore all equivalences done according to the scope of the claims of the present invention change or modify, and all belong within the scope of Patent right requirement of the present invention.
Claims (7)
1. 3D somatic data model scene introduction method and a process, is characterized in that, comprises the following steps:
A. page end sends 3D body scans model scene and imports solicited message to server;
B. server receives the solicited message that page end sends, and loads 3D somatic data and 3D scene;
C. server processes the 3D somatic data loaded and 3D contextual data, forms data stream, and data stream is returned to page end;
D. the data stream in page end receiving step C, and resolution data stream forms 3D human body image and 3D scene, completes 3D somatic data model scene importing process.
2. a kind of 3D somatic data model scene introduction method according to claim 1 and process, is characterized in that: the 3D body scans model scene in steps A is imported solicited message by the form of browser access server network address and is sent to server by described page end.
3. a kind of 3D somatic data model scene introduction method according to claim 2 and process, it is characterized in that: the 3D somatic data in described step B comprises obj form model file and jpg or png form material file, obj form model file and jpg or png form material file are stored in server.
4. a kind of 3D somatic data model scene introduction method according to claim 3 and process, it is characterized in that: the 3D contextual data in described step B is stored in server by picture format file, this picture format file is obtained by panorama camera shooting.
5. a kind of 3D somatic data model scene introduction method according to claim 4 and process, is characterized in that: described step D comprises 3D scene steps for importing and human body 3D model steps for importing.
6. a kind of 3D somatic data model scene introduction method according to claim 5 and process, it is characterized in that: described 3D scene steps for importing is the picture 3D contextual data of picture format being resolved to six different angles, and adopt webgl technology to be introduced in page space, put up stereo scene by the projected position adjusting picture.
7. a kind of 3D somatic data model scene introduction method according to claim 6 and process, it is characterized in that: 3D somatic data is first resolved to the material file of jpg or png form by described human body 3D model steps for importing according to webgl technology, and is added in buffer memory; Resolve obj form model file again, obtain one and do not have coloured 3D manikin, and jpg or the png material file in buffer memory is labelled on this 3D manikin, form the coloured 3D manikin of tool, this 3D manikin is inserted in stereo scene, completes the importing process of 3D somatic data model.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510643924.8A CN105260441A (en) | 2015-10-09 | 2015-10-09 | 3D human body data model scene introduction method and process |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510643924.8A CN105260441A (en) | 2015-10-09 | 2015-10-09 | 3D human body data model scene introduction method and process |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN105260441A true CN105260441A (en) | 2016-01-20 |
Family
ID=55100132
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510643924.8A Pending CN105260441A (en) | 2015-10-09 | 2015-10-09 | 3D human body data model scene introduction method and process |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105260441A (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105760121A (en) * | 2016-02-02 | 2016-07-13 | 上海笔尔工业设计有限公司 | 3D printing model generating method and equipment based on audio data |
| WO2019105003A1 (en) * | 2017-11-30 | 2019-06-06 | Guangdong Grandeur International Exhibition Group Co., Ltd. | Data analysis systems and methods |
| US10997778B2 (en) | 2016-11-26 | 2021-05-04 | Huawei Technologies Co., Ltd. | Method for generating three-dimensional model, and terminal device |
| CN113420200A (en) * | 2021-05-14 | 2021-09-21 | 上海霍普建筑设计事务所股份有限公司 | SU model importing system and method |
| CN113516741A (en) * | 2021-07-14 | 2021-10-19 | 山东齐鲁数通科技有限公司 | Animation model importing method and device, terminal equipment and storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102054247A (en) * | 2009-11-04 | 2011-05-11 | 沈阳隆惠科技有限公司 | Method for building three-dimensional (3D) panoramic live-action network business platform |
| CN102054289A (en) * | 2009-11-04 | 2011-05-11 | 沈阳隆惠科技有限公司 | 3D virtual community construction method based on panoramic and real image and geographic information |
| US20140267406A1 (en) * | 2013-03-15 | 2014-09-18 | daqri, inc. | Content creation tool |
| CN104268763A (en) * | 2014-09-30 | 2015-01-07 | 江苏中佑石油机械科技有限责任公司 | Three-dimensional fitting marketing platform |
| CN104778900A (en) * | 2015-05-05 | 2015-07-15 | 曾仲林 | Method for displaying three-dimensional stimulant scene image |
-
2015
- 2015-10-09 CN CN201510643924.8A patent/CN105260441A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102054247A (en) * | 2009-11-04 | 2011-05-11 | 沈阳隆惠科技有限公司 | Method for building three-dimensional (3D) panoramic live-action network business platform |
| CN102054289A (en) * | 2009-11-04 | 2011-05-11 | 沈阳隆惠科技有限公司 | 3D virtual community construction method based on panoramic and real image and geographic information |
| US20140267406A1 (en) * | 2013-03-15 | 2014-09-18 | daqri, inc. | Content creation tool |
| CN104268763A (en) * | 2014-09-30 | 2015-01-07 | 江苏中佑石油机械科技有限责任公司 | Three-dimensional fitting marketing platform |
| CN104778900A (en) * | 2015-05-05 | 2015-07-15 | 曾仲林 | Method for displaying three-dimensional stimulant scene image |
Non-Patent Citations (1)
| Title |
|---|
| 刘晴: ""基于服装消费者的网络购物关键问题研究"", 《中国优秀硕士学位论文全文数据库 信息科技辑》 * |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105760121A (en) * | 2016-02-02 | 2016-07-13 | 上海笔尔工业设计有限公司 | 3D printing model generating method and equipment based on audio data |
| US10997778B2 (en) | 2016-11-26 | 2021-05-04 | Huawei Technologies Co., Ltd. | Method for generating three-dimensional model, and terminal device |
| WO2019105003A1 (en) * | 2017-11-30 | 2019-06-06 | Guangdong Grandeur International Exhibition Group Co., Ltd. | Data analysis systems and methods |
| CN113420200A (en) * | 2021-05-14 | 2021-09-21 | 上海霍普建筑设计事务所股份有限公司 | SU model importing system and method |
| CN113516741A (en) * | 2021-07-14 | 2021-10-19 | 山东齐鲁数通科技有限公司 | Animation model importing method and device, terminal equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105260441A (en) | 3D human body data model scene introduction method and process | |
| CN109993823A (en) | Shading Rendering method, apparatus, terminal and storage medium | |
| CN105635712B (en) | Video real time recording method and recording arrangement based on augmented reality | |
| CN100458850C (en) | Method and apparatus for cost effective digital image and video editing, using general 3D graphic pipeline | |
| CN106710003B (en) | OpenG L ES-based three-dimensional photographing method and system | |
| CN108021896B (en) | Image pickup method, device, equipment and computer-readable medium based on augmented reality | |
| CN112933597B (en) | Image processing method, image processing device, computer equipment and storage medium | |
| CN111767358A (en) | Scalable3D mapping system | |
| CN105955455A (en) | Device and method for adding object in virtual scene | |
| CN102831631A (en) | Rendering method and rendering device for large-scale three-dimensional animations | |
| CN108961343A (en) | Construction method, device, terminal device and the readable storage medium storing program for executing of virtual coordinate system | |
| CN114730483A (en) | Generating 3D data in a messaging system | |
| CN105959814B (en) | Video barrage display methods based on scene Recognition and its display device | |
| KR20140057610A (en) | Using motion parallax to create 3d perception from 2d images | |
| CN106204746B (en) | A kind of augmented reality system of achievable 3D models live paint | |
| CN106780707B (en) | The method and apparatus of global illumination in simulated scenario | |
| CN103247072A (en) | Method and device for realizing three-dimensional rotating interface based on Android system | |
| CN107862718A (en) | 4D holographic video method for catching | |
| CN112308977B (en) | Video processing method, video processing device, and storage medium | |
| CN114677386A (en) | Special effect image processing method and device, electronic equipment and storage medium | |
| Zhang et al. | Multiscale-vr: Multiscale gigapixel 3d panoramic videography for virtual reality | |
| CN110120087A (en) | The label for labelling method, apparatus and terminal device of three-dimensional sand table | |
| CN108111747A (en) | A kind of image processing method, terminal device and computer-readable medium | |
| CN108230430A (en) | The processing method and processing device of cloud layer shade figure | |
| CN202771491U (en) | Rendering device for large-scale three-dimensional animation |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WD01 | Invention patent application deemed withdrawn after publication | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20160120 |