CN109523345A - WebGL virtual fitting system and method based on virtual reality technology - Google Patents
WebGL virtual fitting system and method based on virtual reality technology Download PDFInfo
- Publication number
- CN109523345A CN109523345A CN201811214166.8A CN201811214166A CN109523345A CN 109523345 A CN109523345 A CN 109523345A CN 201811214166 A CN201811214166 A CN 201811214166A CN 109523345 A CN109523345 A CN 109523345A
- Authority
- CN
- China
- Prior art keywords
- dress ornament
- user
- data
- virtual
- model
- 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
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
- G06Q30/0643—Graphical representation of items or shoppers
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T19/00—Manipulating 3D models or images for computer graphics
- G06T19/006—Mixed reality
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2200/00—Indexing scheme for image data processing or generation, in general
- G06T2200/08—Indexing scheme for image data processing or generation, in general involving all processing steps from image acquisition to 3D model generation
Abstract
The present invention discloses a kind of WebGL virtual fitting system based on virtual reality technology, including sequentially connected device end, application server and database server；Device end includes data acquisition module and display module, human 3d model needed for database server storage system and all kinds of dress ornament threedimensional models；Application server includes face custom block, figure custom block, dress ornament previewing module, static state tries display module on and dynamic tries display module on.The WebGL virtual fit method based on virtual reality technology that invention additionally discloses a kind of.The present invention utilizes the professional platform independence of Web exploitation, primary development, multiple operating system is all compatible, the personalized customized setting of manikin is completed in combination with user's human face data and figure data, meet users ' individualized requirement, and reinforces the bandwagon effect that virtual dress ornament is tried in conjunction with Skeletal Skinned Animation and cloth simulation algorithm, improve the attraction to consumer.
Description
Technical field
The present invention relates to technical field of virtual reality, and in particular to a kind of WebGL based on virtual reality technology is virtually tried
Clothing system and method.
Background technique
Virtually trying is a kind of virtual reality technology based on CAD and computer graphics, and user passes through
When computer selects dress ornament, virtually trying is also able to achieve without de- object of changing one's clothes and checks a kind of emerging technology of fitting effects.Mesh
Before, virtually trying technology has become a kind of effective auxiliary shopping way, is divided into virtually trying under line and virtually tries on line
Wear two categories.Shopping is mainly assisted in the form of virtually trying mirror applied to the virtually trying technology done shopping under traditional wire.It is empty
Quasi- to try mirror built-in computer system on, user only needs station before trying mirror on, which passes through body-sensing technology real-time capture first
Human action, then human somatotype information and real-time mirror image are obtained using image recognition technology, it is final to realize that two dimensional image is attached to people
Visual effect on somascope picture.The another kind of virtually trying technology applied to online shopping, mainly with the virtual exhibition of three-dimensional dress ornament
Show with analogue system based on, such analogue system with APP, plug-in unit and PC application etc. diversified forms exist.In the void of three-dimensional dress ornament
It is quasi- to show with analogue system, by threedimensional model Rendering and cloth simulation, simulates in real time and show manikin
Dress ornament fitting effects.Both the above classification is two developing direction of virtually trying technology, is respectively suitable for different shopping
Environment.
At present applied to the system for virtually trying of online shopping based on mobile phone terminal application, computer end application.Website
Fitme.com provides suitable size selection by the body-shape information of analysis user for user, but do not provide virtually trying clothes
Business.Graphic arts industry leading manufacturer NVIDIA discloses physics Special Effect System " PhysX Flex ", the system at year ends 2014
By real-time particle simulation calculation method, object stacking, the effect of particle buildup, soft objects and fluid can be effectively simulated,
The cloth simulation effect that the system is completed very close to actual conditions, can satisfy mesh in the case where hardware is supported completely
The demand of preceding three-dimensional dress ornament exhibition and emulation, but its high request to computer configuration, so that this technology is not yet by public general
All over use.Although system above can be realized virtually trying simulation, but still there are some urgent problems to be solved.
Existing system for virtually trying it is cross-platform need to increase development cost realization, while will also increase for developer
Application cost；For a user, single application type makes it be limited to use environment and platform, at the same obtain service at
This is higher, and is difficult to obtain the customization manikin of virtually trying.
The Chinese patent of application number 201611137661.4 discloses a kind of on-line shopping system based on virtual reality, packet
Include server and one or more user terminals；The server includes image capture module, commodity classification processing module, data hair
Send module and merchandising database；The user terminal includes data reception module, data display module, data input module, commodity
Collect module and payment module.The shortcomings that patent is cannot to establish personalized user's portrait, figure data model, and can not
The fitting effects of unrestricted choice either statically or dynamically are shown.
The Chinese patent of application number 201711425013.3 disclose a kind of online shopping dressing system based on virtual reality and
Method, this method establish virtual fitting scene by scenario building module of fitting, and online shopping user is defeated to body parameter acquisition module
Enter own bodies parameter；Virtual human body generation module generates the three-dimensional virtual human body Model being placed in virtual fitting scene；Online shopping
User inputs the pattern and material parameters of clothes to be purchased, is placed in virtual fitting scene by the generation of virtual costume generation module
Virtual costume model；Online shopping user is by motion simulation module to the virtual costume model and three-dimensional void in virtual fitting scene
Anthropomorphic phantom's type carries out motion simulation；Shopping is generated according to the model of online shopping user input, material and own bodies parameter
Order.The disadvantages of the method are as follows the face and figure custom block of lacking individuality, the simple people established by data input
Body Model is bad for the fitting effects of dress ornament.
Summary of the invention
In response to the problems existing in the prior art, the purpose of the present invention is to provide a kind of WebGL based on virtual reality technology
Virtual fitting system and method.The present invention utilizes the professional platform independence of Web exploitation, and primary development, multiple operating system is all compatible, together
When the personalized customized setting of manikin is completed in conjunction with user's human face data and figure data, meet user individual need
It asks, and Skeletal Skinned Animation and cloth simulation algorithm is combined to reinforce the bandwagon effect that virtual dress ornament is tried on, improve to consumer
Attraction.
To achieve the above object, the technical solution adopted by the present invention is that:
A kind of WebGL virtual fitting system based on virtual reality technology, including sequentially connected device end, using clothes
Business device and database server；
The device end includes: data acquisition module, and the portrait data, figure data and operation for obtaining user refer to
It enables, and the data that will acquire and/or instruction are sent to the application server by network, the operational order includes that face is set
Fixed, figure adjusting, dress ornament preview, dress ornament exhibition；Display module, for receiving the information and progress that the application server returns
Display；
The database server, for human 3d model and all kinds of dress ornament threedimensional models needed for storage system；
The application server includes: face custom block, for being instructed based on the setting of received face with user's
Portrait data call the human 3d model stored in the database server, generate the human body three with personalized human face
Dimension module；Figure custom block calls the data for the figure data based on received figure regulating command and user
The human 3d model stored in the server of library generates the human 3d model with personalized figure；Dress ornament previewing module is used
It is set in calling the dress ornament threedimensional model of storage from the database server and being sent to based on received dress ornament instruction for previewing
Standby terminal；Static state tries display module on, the dress ornament pattern number for being selected based on user, using Skeletal Skinned Animation method,
In conjunction with the individual face body three-dimensional models of user, realize that dress ornament static state tries bandwagon effect on；Dynamic tries display module on, based on use
The dress ornament pattern number of family selection, using Skeletal Skinned Animation method and spring proton method, in conjunction with the personalized human body of user
Threedimensional model realizes that dress ornament dynamic tries bandwagon effect on.
Preferably, the data acquisition module includes depositing of setting in camera, touch input device and the device end
Storage unit；The display module includes display screen.
Preferably, the device end further includes content share module, for will try bandwagon effect on after fitting
Shared on the internet.
A kind of WebGL virtual fit method based on virtual reality technology, the virtual fit method use above-mentioned void
Quasi- dressing system realizes, the virtual fit method the following steps are included:
Step 1: logging in virtual fitting system by device end, system calls dress ornament previewing module, via display module
All kinds of dress ornaments are shown with breviary diagram form；
Step 2: system calls face custom block and figure custom block, it is three-dimensional to be loaded into preset standardized human body
Model, and inquire whether user inputs face/figure data, if having inputted, updates human 3d model and meet personalization
It needs；If not yet inputting, face/figure data are inputted by data acquisition module and update human 3d model again；
Step 3: user is selected after the dress ornament tried on, system calls the static state in application server to try display module on,
The exhibition of trying on of dress ornament static state is realized using Skeletal Skinned Animation method in conjunction with the human 3d model of dress ornament threedimensional model and user
Show effect；When needing Dynamic Display, system calls dynamic to try display module on, in conjunction with the human body of dress ornament threedimensional model and user
Threedimensional model realizes that dress ornament dynamic tries bandwagon effect on using Skeletal Skinned Animation method and spring proton method.
Preferably, step 2 further comprises: the device end shoots the positive face photo of user by camera or leads to
It crosses and calls the positive face photo upload of user in local photograph album to the application server；The device end is obtained by touch screen
The bust of user's input, hip circumference, waistline, height data, and the figure data of acquisition are sent to the application server；It is described
Device end obtains the operational order of user by touch screen, and the operational order includes that face is set, figure is adjusted, dress ornament is pre-
It lookes at, dress ornament exhibition, and the operational order of acquisition is sent to the application server.
Preferably, step 2 further comprises: the application server is set based on the user's portrait data and face of acquisition
Fixed instruction, calls face custom block, and the human 3d model stored in the server of combined data library uses 3DMM three-dimensional people
The reconstruction of face rebuilding method realization faceform；The application server is referred to based on user's figure data and the figure adjusting of acquisition
It enables, calls figure custom block, the human 3d model stored in the server of combined data library, by adjusting manikin bone
The reconstruction of bone zooming parameter realization manikin.
Preferably, step 3 further comprises:, will using the content share module of the device end after trying on
Bandwagon effect is tried on to be shared by internet.
Compared with prior art, the beneficial effects of the present invention are: using threedimensional model generation and conversion method,
The rendering that threedimensional model is carried out in WebGL obtains dynamic three-dimensional display effect true to nature；It is provided in conjunction with three-dimensional facial reconstruction method
Face custom feature, and the composed structure characteristic according to human skeleton model devises figure custom feature, meet
The individual demand of user；In conjunction with Skeletal Skinned Animation method and spring proton method, dress ornament dynamic fitting effects, enhancing are simulated
The Dynamic Display effect of dress ornament, improves the attraction to consumer.
Detailed description of the invention
Fig. 1 is system architecture schematic diagram of the invention；
Fig. 2 is operation flow schematic diagram of the invention；
Fig. 3 is data flow diagram of the invention；
Fig. 4 is the functional block diagram of the invention；
Fig. 5 is the corresponding method flow schematic diagram of the functional block diagram of the invention；
Fig. 6 is face custom block logic chart of the invention；
Fig. 7 is figure custom block logic chart of the invention；
Fig. 8 is dress ornament previewing module logic chart of the invention；
Fig. 9 is dress ornament exhibition module logic figure of the invention；
Figure 10 is Dynamic Display flow chart of the invention.
Specific embodiment
Below in conjunction with the attached drawing in the present invention, technical solution of the present invention is clearly and completely described, it is clear that
Described embodiments are only a part of the embodiments of the present invention, instead of all the embodiments.Based on the implementation in the present invention
Example, those of ordinary skill in the art's all other embodiment obtained under the conditions of not making creative work belong to
The scope of protection of the invention.
The present invention provides a kind of WebGL virtual fitting system based on virtual reality technology, including sequentially connected equipment
Terminal, application server and database server.As shown in Fig. 1, the present invention completes the function of each module using three-tier architecture
Design, is divided into expression layer, logical layer and data Layer from top to bottom.Expression layer includes device end, is fed back by realization user's operation
Web front end module composition；Logical layer includes application server, is made of the server module of processing business logic；Data Layer
It is made of a database server.
Specifically, the device end includes: data acquisition module, for obtaining portrait data, the figure data of user
And operational order, and the data that will acquire and/or instruction are sent to the application server, the operational order packet by network
Include face setting, figure is adjusted, dress ornament preview, dress ornament exhibition；Display module, the letter returned for receiving the application server
It ceases and is shown.The data acquisition module includes the storage set in camera, touch input device and the device end
Unit；The display module includes display screen.
Specifically, the database server, for human 3d model and all kinds of dress ornaments three needed for storage system
Dimension module.
Specifically, the application server includes: face custom block, for based on received face setting instruction and
The portrait data of user call the human 3d model stored in the database server, and generating has personalized human face
Human 3d model；Figure custom block calls institute for the figure data based on received figure regulating command and user
The human 3d model stored in database server is stated, the human 3d model with personalized figure is generated；Dress ornament preview
Module calls the dress ornament threedimensional model of storage simultaneously for being based on received dress ornament instruction for previewing from the database server
It is sent to device end；Static state tries display module on, the dress ornament pattern number for being selected based on user, dynamic using Skeletal Skinned
Drawing method realizes that dress ornament static state tries bandwagon effect in conjunction with the individual face body three-dimensional models of user；Dynamic tries displaying mould on
Block, based on the dress ornament pattern number of user's selection, using Skeletal Skinned Animation method and spring proton method, in conjunction with of user
Property human 3d model, realize that dress ornament dynamic tries bandwagon effect on.
The present invention also provides a kind of the WebGL virtual fit method based on virtual reality technology, the virtual fit method
Realized using above-mentioned virtual fitting system, the virtual fit method the following steps are included:
Step 1: logging in virtual fitting system by device end, system calls dress ornament previewing module, via display module
All kinds of dress ornaments are shown with breviary diagram form；
Step 2: system calls face custom block and figure custom block, it is three-dimensional to be loaded into preset standardized human body
Model, and inquire whether user inputs face/figure data, if having inputted, updates human 3d model and meet personalization
It needs；If not yet inputting, face/figure data are inputted by data acquisition module and update human 3d model again；
Step 3: user is selected after the dress ornament tried on, system calls the static state in application server to try display module on,
The exhibition of trying on of dress ornament static state is realized using Skeletal Skinned Animation method in conjunction with the human 3d model of dress ornament threedimensional model and user
Show effect；When needing Dynamic Display, system calls dynamic to try display module on, in conjunction with the human body of dress ornament threedimensional model and user
Threedimensional model realizes that dress ornament dynamic tries bandwagon effect on using Skeletal Skinned Animation method and spring proton method.
As a preferred embodiment, as shown in Fig. 2, it is empty to provide a kind of WebGL based on virtual reality technology by the present invention
Quasi- dressing system and method, the system include sequentially connected device end, application server and database server, this method
User's operation is divided into three steps, is gradually completing system operatio, specifically:
After step 1, user login Web page, system calls dress ornament database, the exhibition in the form of thumbnail by all kinds of dress ornaments
Show in the page, browses and select for user；
Step 2, system are loaded into preset standard human 3d model, and inquire whether user inputs face/figure data, if
It has been inputted that, then update manikin and meet personal needs；If not yet inputting, first input data updates manikin again.
User real-time selection and can check dress ornament fitting effects at this time；
Step 3, when user pleases oneself to the dress ornament tried on, can unrestricted choice whether share circle of friends, if there is
The demand of sharing, then be shared with friends by interactive interface；If wanting to continue fitting clothing, step 2 is jumped back to, clothes are reselected
Decorations.
In the present invention, according to the description to data processing nodal function, data flow signal as shown in Fig. 3 can be obtained
Figure.As shown in Fig. 3, the present invention provides the data of a kind of the WebGL virtual fitting system based on virtual reality technology and method
Flow diagram, wherein virtual fitting system includes administrator and two input starting points of user, and browser is exported with circle of friends two
Terminal further includes five data processing nodes and two data storage files.Wherein five data processing nodes are according to different
Input data processing obtains different output datas, and the types of functionality demand of system is met with this.1) manikin management passes through
Manikin inter-area traffic interarea is obtained, information processing for the standardized data of system and is stored in human body model data's file
In；2) dress ornament information management for the standardized data of system and is deposited information processing by obtaining dress ornament model information data flow
Storage is in dress ornament model data file；3) figure that user image management is inputted by obtaining standardized human body's model data with user
Information generates the customized human 3d model of user；4) dress ornament exhibition and emulation are by obtaining the customized manikin of user
The dress ornament model data chosen with user completes trying on and showing for dress ornament, and fitting is shown that interface is output to browser；5)
Fitting is then shown that interface processing is the final sharing page by social application management, is output to circle of friends.
Specifically, the function being related to user's operation in the present invention divides, and system as shown in Fig. 4 can be obtained
Functional block diagram and method flow schematic diagram corresponding with the system function module figure of attached drawing 4, as shown in Fig. 5.Such as 4 institute of attached drawing
Show, the function that user's operation is related to divides, and virtual fitting system includes customized, the three-dimensional dress ornament management of image, exhibition altogether
Show and emulate, four functional modules of social application scene, this four functional modules are respectively at three phases, including virtually trying
Before, in virtually trying, after virtually trying.It is customized customized with figure that vivid custom feature is divided into face, three-dimensional dress ornament pipe
Reason is divided into dress ornament information management, manikin management and dress ornament exhibition module, shows to be divided into copying and tries static display on
With try Dynamic Display on, social application scene is by taking wechat H5 fitting as an example.
As shown in Fig. 5, corresponding virtual fit method include: in the virtually trying last stage, carry out image it is customized and
Three-dimensional dress ornament management, customized image includes that face is customized and figure is customized, and three-dimensional dress ornament management includes showing dress ornament letter
Breath and the customized image of combination carry out manikin rendering；The stage in virtually trying carries out the displaying and emulation of dress ornament, packet
Include trial assembly static display and trial assembly dynamic simulation；The stage after virtually trying, into social application scene, such as wechat H5 fitting point
It enjoys.
Specifically, before the workflow of system is broadly divided into virtually trying, three ranks in virtually trying and after virtually trying
Section.Before virtually trying, user passes through vivid custom block and completes personalized figure data inputting；System passes through inquiry dress ornament mould
Type information shows that dress ornament model is selected for user, while the figure data according to user's input, completes the update wash with watercolours of manikin
Dye.In virtually trying, the customized manikin of user of the dress ornament model and generation of system combination user selection completes basis
Try static effects rendering on, when needing to show dynamic fitting effects, system calls dynamic simulation module, completes what dress ornament was tried on
Dynamic Display effect.After virtually trying, user can be soft by systems share to circle of friends or other social activities according to personal social demand
In part.
Specifically, the main target of the face custom feature module is that quickly and easily portrait input is provided for user
Interface, and personalized faceform, face custom block logic chart such as 6 institute of attached drawing are rebuild by three-dimensional facial reconstruction method
Show.There are two types of currently used getImage modes, one is local file system is called, loads local photo, this method is same
When be suitable for mobile terminal and computer end；Another kind is to call directly camera, obtains image by shooting photo, this method is applicable in
In mobile terminal and most of computer end.In order to make system have preferably compatibility and richer selection, two kinds will be provided simultaneously
Portrait loading method.After confirmation is loaded into portrait photo, system will be input with portrait photo, call three-dimensional facial reconstruction interface,
Personalized human face model is exported, then, system updates rendering again, and customization three-dimensional (3 D) manikin can be obtained in user.
Specifically, the main target of the figure custom feature module and is called by user's manual setting figure
Figure is arranged component and updates human somatotype data, and cooperation face custom feature provides individual face body Model, and figure is customized
Module logic figure is as shown in Fig. 7.Human somatotype is defined as five height, the bodily form, bust, waistline, hip circumference classes in this system
Not, parameter is modified by operational controls respectively, user can freely control according to the stature of oneself and determine the final of manikin
Display.
The main target of the dress ornament previewing module is that the data in dress ornament database are presented to use in the form of picture
Family provides succinct orderly reference preview for user's fitting.In the present system, dress ornament is divided into different type, including clothes, shoes
Packet and accessories, system call the dress ornament data in database first, check dress ornament by dress ornament Classification Management, obtain dress ornament ID simultaneously
It is shown using thumbnail, makes the management of dress ornament data more efficient while facilitating user to select, dress ornament exhibition module logic
Figure is as shown in Fig. 8.
The main target of the dress ornament exhibition module is that the static rendering and dynamic when completing manikin fitting clothing are imitated
True simulation, provides virtually trying scene for user.The part is divided into again tries static display module on and tries dynamic simulation module on,
By being association of activity and inertia, enhance the authenticity of dress ornament exhibition.For user after vivid Self-definition process is arranged, system is automatically performed human body
Model modification operation, the i.e. virtual dress ornament of optional dress ornament progress of user is tried at this time, dress ornament exhibition module logic figure such as 9 institute of attached drawing
Show.The display form defaulted in the present invention is static display, i.e., by the dress ornament chosen " wearing " in the customized human body three-dimensional of user
On model, user is showed by graphics rendering technology.User can pass through control human 3d model rotation, multi-faceted observation clothes
Adorn fitting effects；Also it can control human 3d model scaling, closely check dress ornament details.If user needs to watch dress ornament dynamic
Bandwagon effect can select human movement model mode by clicking interactive button, and system will call dynamic simulation interface to play people
Body Skeletal Skinned Animation and the motion process for simulating cloth in real time, the everyday general purpose field of diversification is shown by Different Exercise Mode
Scape.Skeletal Skinned Animation is existing technology, and this will not be repeated here.
The high efficiency of the Dynamic Display module combination Skeletal Skinned Animation and the accuracy of cloth simulation, devise a set of
Dynamic emulation method based on Skeletal Skinned Animation and cloth simulation, Dynamic Display flow chart are as shown in Fig. 10.In Figure 10,
It is first determined whether carrying out cloth simulation, if not using cloth simulation method, directlys adopt Skeletal Skinned Animation and realize dress ornament
Dynamic simulation；According to cloth simulation method, then the variable quantity of motion process skeleton is calculated first, is existed in conjunction with cloth
The gravity, wind-force, the cloth internal force that are subject in nature solve the increment of motion of cloth grid, then judge cloth motion simulation mistake again
Whether collided with manikin in journey, the mistake for avoiding model from penetrating by colliding feedback, finally by revised clothes
Decorations motion state is shown on screen.
The present invention devises a kind of WebGL virtual fitting system and method based on virtual reality technology, its advantages
It is, using the generation and conversion method of threedimensional model, the rendering of threedimensional model is carried out in WebGL, it is true to nature to obtain dynamic
Three-dimensional display effect；Face custom feature is provided in conjunction with three-dimensional facial reconstruction method, meets the individual demand of user；According to
Figure custom feature is devised according to the composed structure characteristic of human skeleton model, meets the individual demand of user；In conjunction with bone
Bone Skinned Animation method and spring proton method simulate dress ornament dynamic fitting effects；User can will try bandwagon effect on and carry out society
It hands over and shares, dynamic fitting effects show the attention that can more attract consumer.
The present invention is simultaneously not limited to the embodiments described above, made by without departing from the spirit and principles of the present invention
It is any change, modification, substitution, combination and simplify, should be equivalent substitute mode, be included in protection scope of the present invention it
It is interior.Although an embodiment of the present invention has been shown and described, for the ordinary skill in the art, it is possible to understand that
A variety of change, modification, replacement and modification can be carried out to these embodiments in the case where not departing from the principle and spirit of the invention,
The scope of the present invention is defined by the appended.
Claims (7)
1. a kind of WebGL virtual fitting system based on virtual reality technology, which is characterized in that whole including sequentially connected equipment
End, application server and database server；
The device end includes: data acquisition module, for obtaining the portrait data, figure data and operational order of user,
And the data that will acquire and/or instruction are sent to the application server by network, the operational order include face set,
Figure adjusting, dress ornament preview, dress ornament exhibition；Display module, for receiving the information of the application server return and being shown
Show；
The database server, for human 3d model and all kinds of dress ornament threedimensional models needed for storage system；
The application server includes: face custom block, for the portrait based on received face setting instruction and user
Data call the human 3d model stored in the database server, generate the human body three-dimensional mould with personalized human face
Type；Figure custom block calls the database to take for the figure data based on received figure regulating command and user
The human 3d model stored in business device, generates the human 3d model with personalized figure；Dress ornament previewing module is used for base
In received dress ornament instruction for previewing, the dress ornament threedimensional model of storage is called from the database server and is sent to equipment end
End；Static state tries display module on, the dress ornament pattern number for being selected based on user, using Skeletal Skinned Animation method, in conjunction with
The individual face body three-dimensional models of user realize that dress ornament static state tries bandwagon effect on；Dynamic tries display module on, is selected based on user
The dress ornament pattern number selected, using Skeletal Skinned Animation method and spring proton method, in conjunction with the personalized human body three-dimensional of user
Model realizes that dress ornament dynamic tries bandwagon effect on.
2. the WebGL virtual fitting system according to claim 1 based on virtual reality technology, which is characterized in that described
Data acquisition module includes the storage unit set in camera, touch input device and the device end；The display module
Including display screen.
3. the WebGL virtual fitting system according to claim 1 based on virtual reality technology, which is characterized in that described
Device end further includes content share module, for will try bandwagon effect on and share on the internet after fitting.
4. a kind of WebGL virtual fit method based on virtual reality technology, the virtual fit method uses such as claim 1
To virtual fitting system described in any one of 3 realize, which is characterized in that the virtual fit method the following steps are included:
Step 1: logging in virtual fitting system by device end, system calls dress ornament previewing module, will be each via display module
Class dress ornament is shown with breviary diagram form；
Step 2: system calls face custom block and figure custom block, it is loaded into preset standardized human body's threedimensional model,
And inquire whether user inputs face/figure data, if having inputted, updates human 3d model and meet personal needs；
If not yet inputting, face/figure data are inputted by data acquisition module and update human 3d model again；
Step 3: user is selected after the dress ornament tried on, system calls the static state in application server to try display module on, in conjunction with
The human 3d model of dress ornament threedimensional model and user realizes that dress ornament static state tries displaying effect on using Skeletal Skinned Animation method
Fruit；When needing Dynamic Display, system calls dynamic to try display module on, in conjunction with the human body three-dimensional of dress ornament threedimensional model and user
Model realizes that dress ornament dynamic tries bandwagon effect on using Skeletal Skinned Animation method and spring proton method.
5. the WebGL virtual fit method according to claim 4 based on virtual reality technology, which is characterized in that step
Two further comprise: the device end is by the positive face photo of camera shooting user or by calling the use in local photograph album
The positive face photo upload in family is to the application server；The device end by touch screen obtain user input bust, hip circumference,
Waistline, height data, and the figure data of acquisition are sent to the application server；The device end is obtained by touch screen
The operational order at family is taken, the operational order includes face setting, figure adjusting, dress ornament preview, dress ornament exhibition, and will be obtained
Operational order be sent to the application server.
6. the WebGL virtual fit method according to claim 5 based on virtual reality technology, which is characterized in that step
Two further comprise: the application server sets instruction based on the user's portrait data and face of acquisition, and face is called to make by oneself
Adopted module, the human 3d model stored in the server of combined data library use 3DMM three-dimensional facial reconstruction method to realize face
The reconstruction of model；User figure data and figure regulating command of the application server based on acquisition call figure customized
Module, the human 3d model stored in the server of combined data library realize people by adjusting manikin bone zooming parameter
The reconstruction of body Model.
7. the WebGL virtual fit method according to claim 4 based on virtual reality technology, which is characterized in that step
Three further comprise: after trying on, will try bandwagon effect on using the content share module of the device end and pass through mutually
Networking is shared.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811214166.8A CN109523345A (en) | 2018-10-18 | 2018-10-18 | WebGL virtual fitting system and method based on virtual reality technology |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811214166.8A CN109523345A (en) | 2018-10-18 | 2018-10-18 | WebGL virtual fitting system and method based on virtual reality technology |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109523345A true CN109523345A (en) | 2019-03-26 |
Family
ID=65772078
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811214166.8A Pending CN109523345A (en) | 2018-10-18 | 2018-10-18 | WebGL virtual fitting system and method based on virtual reality technology |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109523345A (en) |
Cited By (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110111176A (en) * | 2019-04-25 | 2019-08-09 | 上海时元互联网科技有限公司 | A kind of 3D intelligent virtual of clothes tries method and system on |
| CN110782316A (en) * | 2019-10-15 | 2020-02-11 | 山西同云科技有限公司 | Online and offline shopping system based on cloud AI |
| CN111783182A (en) * | 2020-07-07 | 2020-10-16 | 恒信东方文化股份有限公司 | Modeling method and system of three-dimensional virtual mannequin |
| CN111862318A (en) * | 2020-07-28 | 2020-10-30 | 杭州优链时代科技有限公司 | Digital human body fitting method and system |
| CN112258275A (en) * | 2020-10-22 | 2021-01-22 | 郝凌宇 | Remote visual garment design customization method |
| CN112541795A (en) * | 2019-09-20 | 2021-03-23 | 武汉所见网络科技有限公司 | Virtual reality 3D simulation collocation system |
| CN112686733A (en) * | 2021-01-06 | 2021-04-20 | 成都高乔科技有限公司 | E-commerce product simulation system based on big data |
| CN113140046A (en) * | 2021-04-21 | 2021-07-20 | 上海电机学院 | AR (augmented reality) cross-over control method and system based on three-dimensional reconstruction and computer readable medium |
| CN113823044A (en) * | 2021-10-08 | 2021-12-21 | 刘智矫 | Human body three-dimensional data acquisition room and charging method thereof |
| CN114556332A (en) * | 2021-06-22 | 2022-05-27 | 株式会社威亚视 | Information processing apparatus, 3D system, and information processing method |
| CN114663199A (en) * | 2022-05-17 | 2022-06-24 | 武汉纺织大学 | Dynamic display real-time three-dimensional virtual fitting system and method |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102402641A (en) * | 2010-09-14 | 2012-04-04 | 盛乐信息技术（上海）有限公司 | Network-based three-dimensional virtual fitting system and method |
| CN103714466A (en) * | 2013-12-24 | 2014-04-09 | 中国科学院深圳先进技术研究院 | Virtual clothes fitting system and virtual clothes fitting method |
| CN106339929A (en) * | 2016-08-31 | 2017-01-18 | 潘剑锋 | 3D fitting system |
| CN106548392A (en) * | 2016-10-27 | 2017-03-29 | 河海大学常州校区 | A kind of virtual fitting implementation method based on webGL technologies |
| CN107274493A (en) * | 2017-06-28 | 2017-10-20 | 河海大学常州校区 | A kind of three-dimensional examination hair style facial reconstruction method based on mobile platform |
-
2018
- 2018-10-18 CN CN201811214166.8A patent/CN109523345A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102402641A (en) * | 2010-09-14 | 2012-04-04 | 盛乐信息技术（上海）有限公司 | Network-based three-dimensional virtual fitting system and method |
| CN103714466A (en) * | 2013-12-24 | 2014-04-09 | 中国科学院深圳先进技术研究院 | Virtual clothes fitting system and virtual clothes fitting method |
| CN106339929A (en) * | 2016-08-31 | 2017-01-18 | 潘剑锋 | 3D fitting system |
| CN106548392A (en) * | 2016-10-27 | 2017-03-29 | 河海大学常州校区 | A kind of virtual fitting implementation method based on webGL technologies |
| CN107274493A (en) * | 2017-06-28 | 2017-10-20 | 河海大学常州校区 | A kind of three-dimensional examination hair style facial reconstruction method based on mobile platform |
Non-Patent Citations (2)
| Title |
|---|
| 《美术大观》编辑部: "《中国美术教育学术论丛 艺术设计卷 10》", 31 October 2016 * |
| HONGQIANG ZHU ET AL.: "Research and Development of Virtual Try-on System Based on Mobile Platform", 《2017 INTERNATIONAL CONFERENCE ON VIRTUAL REALITY AND VISUALIZATION (ICVRV)》 * |
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110111176A (en) * | 2019-04-25 | 2019-08-09 | 上海时元互联网科技有限公司 | A kind of 3D intelligent virtual of clothes tries method and system on |
| CN112541795A (en) * | 2019-09-20 | 2021-03-23 | 武汉所见网络科技有限公司 | Virtual reality 3D simulation collocation system |
| CN110782316A (en) * | 2019-10-15 | 2020-02-11 | 山西同云科技有限公司 | Online and offline shopping system based on cloud AI |
| CN111783182B (en) * | 2020-07-07 | 2024-03-01 | 恒信东方文化股份有限公司 | Modeling method and system of three-dimensional virtual mannequin |
| CN111783182A (en) * | 2020-07-07 | 2020-10-16 | 恒信东方文化股份有限公司 | Modeling method and system of three-dimensional virtual mannequin |
| CN111862318A (en) * | 2020-07-28 | 2020-10-30 | 杭州优链时代科技有限公司 | Digital human body fitting method and system |
| CN112258275A (en) * | 2020-10-22 | 2021-01-22 | 郝凌宇 | Remote visual garment design customization method |
| CN112686733A (en) * | 2021-01-06 | 2021-04-20 | 成都高乔科技有限公司 | E-commerce product simulation system based on big data |
| CN113140046A (en) * | 2021-04-21 | 2021-07-20 | 上海电机学院 | AR (augmented reality) cross-over control method and system based on three-dimensional reconstruction and computer readable medium |
| CN114556332A (en) * | 2021-06-22 | 2022-05-27 | 株式会社威亚视 | Information processing apparatus, 3D system, and information processing method |
| CN114556332B (en) * | 2021-06-22 | 2022-11-11 | 株式会社威亚视 | Information processing apparatus, 3D system, and information processing method |
| CN113823044A (en) * | 2021-10-08 | 2021-12-21 | 刘智矫 | Human body three-dimensional data acquisition room and charging method thereof |
| CN113823044B (en) * | 2021-10-08 | 2022-09-13 | 刘智矫 | Human body three-dimensional data acquisition room and charging method thereof |
| CN114663199A (en) * | 2022-05-17 | 2022-06-24 | 武汉纺织大学 | Dynamic display real-time three-dimensional virtual fitting system and method |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109523345A (en) | WebGL virtual fitting system and method based on virtual reality technology | |
| US20200380333A1 (en) | System and method for body scanning and avatar creation | |
| US11244223B2 (en) | Online garment design and collaboration system and method | |
| CN107274493B (en) | Three-dimensional virtual trial type face reconstruction method based on mobile platform | |
| US7663648B1 (en) | System and method for displaying selected garments on a computer-simulated mannequin | |
| Thalmann et al. | Fast realistic human body deformations for animation and VR applications | |
| US20110298897A1 (en) | System and method for 3d virtual try-on of apparel on an avatar | |
| CN107251025A (en) | System and method for generating virtual content from threedimensional model | |
| CN105931288A (en) | Construction method and system of digital exhibition hall | |
| CN107251026A (en) | System and method for generating fictitious situation | |
| CN104376160A (en) | Real person simulation individuality ornament matching system | |
| Loker et al. | Dress in the third dimension: Online interactivity and its new horizons | |
| TW200828043A (en) | Terminal try-on simulation system and operating and applying method thereof | |
| WO2013120851A1 (en) | Method for sharing emotions through the creation of three-dimensional avatars and their interaction through a cloud-based platform | |
| CN106327589A (en) | Kinect-based 3D virtual dressing mirror realization method and system | |
| CN106548392B (en) | Virtual fitting implementation method based on webG L technology | |
| CN109325990A (en) | Image processing method and image processing apparatus, storage medium | |
| CN109871589A (en) | Intelligent clothing system and method based on Stereo face recognition | |
| CN106447786A (en) | Parallel space establishing and sharing system based on virtual reality technologies | |
| CN105913496A (en) | Method and system for fast conversion of real clothes to three-dimensional virtual clothes | |
| CN1996367B (en) | 360 degree automatic analog simulation device system and method for implementing same | |
| US11948057B2 (en) | Online garment design and collaboration system and method | |
| Li-Xin | The application of virtual reality technology to digital tourism systems | |
| US10769860B2 (en) | Transferrable between styles virtual identity systems and methods | |
| CN109685911A (en) | A kind of the AR glasses and its implementation of achievable virtual fitting |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190326 |
|
| RJ01 | Rejection of invention patent application after publication |