# Dynamic Change Material for selected part

**URL:** <https://discourse.threejs.org/t/dynamic-change-material-for-selected-part/2186>\
**Category:** Questions\
**Tags:** materials\
**Created:** [March 21, 2018, 7:36am UTC](https://discourse.threejs.org/t/dynamic-change-material-for-selected-part/2186 "2018-03-21T07:36:10Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![AmitTank](https://avatars.discourse-cdn.com/v4/letter/a/ed8c4c/32.png) [@AmitTank](https://discourse.threejs.org/u/AmitTank)\
**Post date:** [March 21, 2018, 7:36am UTC](https://discourse.threejs.org/t/dynamic-change-material-for-selected-part/2186/1 "2018-03-21T07:36:10Z")

</div>

Hello,

How can change material for specific selected portion.

[https://jsfiddle.net/AmitTank/su7r1byv/51/](https://jsfiddle.net/AmitTank/su7r1byv/51/)

For Ex. from this fiddle.

If I Click on Liver it should be change to set color or set material.

Now if I am click it change whole model color.

any suggest how to do it ?

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [March 21, 2018, 8:33am UTC](https://discourse.threejs.org/t/dynamic-change-material-for-selected-part/2186/2 "2018-03-21T08:33:59Z")

</div>

You apply the same material to all parts of your model.  
Try this, when you load your model, set an individual material with the same parameters to each part:

```
child.material = new THREE.MeshStandardMaterial({map: texture, roughness: 0, metalness:0.4, fog:true, skinning:true});

```

[https://jsfiddle.net/prisoner849/su7r1byv/54/](https://jsfiddle.net/prisoner849/su7r1byv/54/)

---

<div class="post-metadata">

**Author:** ![AmitTank](https://avatars.discourse-cdn.com/v4/letter/a/ed8c4c/32.png) [@AmitTank](https://discourse.threejs.org/u/AmitTank)\
**Post date:** [March 21, 2018, 8:49am UTC](https://discourse.threejs.org/t/dynamic-change-material-for-selected-part/2186/3 "2018-03-21T08:49:21Z")

</div>

> [@prisoner849](#):
>
> ing:true});
> 
> [FBX Position - JSFiddle - Code Playground](https://jsfiddle.net/prisoner849/su7r1byv/54/)

Thanks Prisoner849,

Slowly slowly now I am getting how three.js is working 🙂