iophook.blogg.se

3d body visualizer
3d body visualizer










The source code is hosted in a repository on GitHub. Three.js scripts may be used in conjunction with the HTML5 canvas element, SVG or WebGL. Three.js is a lightweight cross-browser JavaScript library/API used to create and display animated 3D computer graphics on a Web browser. UCSCharacter.js-Contains the functions to render call the model data and render it using three.js library.It also has functions to listen to the slider changes and update the body visualiser model as required.Īdditional Softwares and Libraries Used Three.js.detector.js-Detects the windows resolution and adapts the visualiser’s resolution as per that.-Developed by, allows to create sliders and gui for the visualiser.Three.js-Developed by three.js org, has functions to render the three.js exported models in web view and use Morph Targets to customise the human body Models.Orbit.js-Developed by three.js org, has functions to set up the camera orbits, and enable 3D toggle view.Testconfig.json - config file for the male body.įemaleconfig.json-config file for the female body.Ĭhildconfig.json-config file for the kid’s body. Highlighted_Muscles.jpg:Skin UV Map for the human body models. js-Contains three.js and UCSCharacter.js which allows to render and customize the models.Īlong with this there are three other filesī human male body model, exported by Blenderį human female body model, exported by BlenderĬ human kid body model, exported by Blender.js files for the Human base models and their morph targets alongwith config files for all the models css -Contains the style sheets for the BodyVisualiser.The App supports the models for a Male, Female and a gender neutral Kids Body with options to modify following body measurements and features.Ģ.Locate the folder, and run the index.html (Enable Javascript if not enabled) Folders The Body Visualiser App is an attempt to create a web based 3D Human body visualiser with options to import body measurements, using Fashiontec’s BodyApps Web Service and model the human body using the slider functions. 3D body visualizer component for #bodyapps project About












3d body visualizer