# 3D model customer/ model dressup

**URL:** <https://discourse.threejs.org/t/3d-model-customer-model-dressup/36793>\
**Category:** Questions\
**Tags:** 3d-applications\
**Created:** [April 6, 2022, 9:57am UTC](https://discourse.threejs.org/t/3d-model-customer-model-dressup/36793 "2022-04-06T09:57:47Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![JxstWieslaw](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jxstwieslaw/32/25418_2.png) [@JxstWieslaw](https://discourse.threejs.org/u/JxstWieslaw)\
**Post date:** [April 6, 2022, 9:57am UTC](https://discourse.threejs.org/t/3d-model-customer-model-dressup/36793/1 "2022-04-06T09:57:47Z")

</div>

Hey guys, i’m a newbe here. Can anyone please tell me how to build an 3D model customiser , something like how ready player me does it… or when you wanna customise selections for elements on a model…

Cheers. Any references and assistance will be greatly appreicated

---

<div class="post-metadata">

**Author:** ![hesamoy](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hesamoy/32/3743_2.png) [@hesamoy](https://discourse.threejs.org/u/hesamoy)\
**Post date:** [April 6, 2022, 10:46am UTC](https://discourse.threejs.org/t/3d-model-customer-model-dressup/36793/2 "2022-04-06T10:46:25Z")

</div>

Hello, I think you need to remove/load objects from three.js scene if the product/customization is modular and if the customization is continuous you need to manipulate the product’s mesh (the object triangles and polygons). The former I think is easier because you only load and remove items once a button is clicked, but the latter needs more calculations.

---

<div class="post-metadata">

**Author:** ![JxstWieslaw](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jxstwieslaw/32/25418_2.png) [@JxstWieslaw](https://discourse.threejs.org/u/JxstWieslaw)\
**Post date:** [April 6, 2022, 11:07am UTC](https://discourse.threejs.org/t/3d-model-customer-model-dressup/36793/3 "2022-04-06T11:07:54Z")

</div>

OKay thank you for your suggestion. It sounds short and sweet, I’m just not so sure of how to do that particular thing. Let me try it

---

<div class="post-metadata">

**Author:** ![JxstWieslaw](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jxstwieslaw/32/25418_2.png) [@JxstWieslaw](https://discourse.threejs.org/u/JxstWieslaw)\
**Post date:** [April 12, 2022, 12:57pm UTC](https://discourse.threejs.org/t/3d-model-customer-model-dressup/36793/4 "2022-04-12T12:57:53Z")

</div>

Hie, I have tried the first approach, seems to be getting job done. But its not quite what l want because of the reloading that keeps happening. In the long run, I fear overloading on the model.

Can you guide me a bit more the continuous process.  
And one more thing, how do l then download a specific configuration of the model into an fbx or gtlf or glb model?

---

<div class="post-metadata">

**Author:** ![hesamoy](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hesamoy/32/3743_2.png) [@hesamoy](https://discourse.threejs.org/u/hesamoy)\
**Post date:** [April 13, 2022, 9:07am UTC](https://discourse.threejs.org/t/3d-model-customer-model-dressup/36793/5 "2022-04-13T09:07:08Z")

</div>

Hello, sorry for the late reply. For deletion, you need to correctly remove mesh to prevent overloading in the long run:

> [@Correctly remove mesh from scene and dispose material and geometry](https://discourse.threejs.org/t/correctly-remove-mesh-from-scene-and-dispose-material-and-geometry/5448):
>
> Let’s say I create thousands of meshes like: pseudo code for 10000 IDs in array{ var cellgeom = createCellGeom( hex[ID] ); var cellmaterial = createCellMaterial( color[ID] ); var cellmesh = new THREE.Mesh( cellgeom, cellmaterial ); cellmesh.name = ID; somearray.push(cellmesh.uuid); scene.add(cellmesh); }; Now, I have an somearray of uuids and at some point in time I want to remove these meshes, geometries and materials from the scene. Do I have to .dispose() the ge…

In order to download a model:  
[https://threejs.org/docs/#examples/en/exporters/GLTFExporter](https://threejs.org/docs/#examples/en/exporters/GLTFExporter)

---

<div class="post-metadata">

**Author:** ![hesamoy](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hesamoy/32/3743_2.png) [@hesamoy](https://discourse.threejs.org/u/hesamoy)\
**Post date:** [April 13, 2022, 9:12am UTC](https://discourse.threejs.org/t/3d-model-customer-model-dressup/36793/7 "2022-04-13T09:12:59Z")

</div>

for downloading a model into a glTF format:

> var exporter = new THREE.GLTFExporter();  
> var string = exporter.parse( scene );  
> var blob = new Blob([string], {type: ‘text/plain’});  
> saveAs(blob, “object” + ‘.gltf’);

---

<div class="post-metadata">

**Author:** ![JxstWieslaw](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jxstwieslaw/32/25418_2.png) [@JxstWieslaw](https://discourse.threejs.org/u/JxstWieslaw)\
**Post date:** [April 13, 2022, 9:32am UTC](https://discourse.threejs.org/t/3d-model-customer-model-dressup/36793/8 "2022-04-13T09:32:57Z")

</div>

Alright, let me read up on it and come back to you

---

<div class="post-metadata">

**Author:** ![JxstWieslaw](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jxstwieslaw/32/25418_2.png) [@JxstWieslaw](https://discourse.threejs.org/u/JxstWieslaw)\
**Post date:** [June 29, 2022, 11:58am UTC](https://discourse.threejs.org/t/3d-model-customer-model-dressup/36793/9 "2022-06-29T11:58:40Z")

</div>

Thanks a lot for your kind responses, since then l have another issue now. Please check it out?

> [@GLB file exported is 3 to 4 times larger than scene objects/ original file](https://discourse.threejs.org/t/glb-file-exported-is-3-to-4-times-larger-than-scene-objects-original-file/39792):
>
> First of all, l want to mention that I’m a beginner to Three.js so please bear with me if l’m not aware of any concepts. I will outline my thought process and all the resources l have referred to. So my issue is with the exporting functionality. The objects on the model are around 10 to 13mb before exporting, but l separated them and uploaded onto a scene where l can export if required. But now on exporting, l keep getting a 36mb file which is not what l want. I have checked the glb file by co…