# 3dmodel Glossy and metal effect

**URL:** <https://discourse.threejs.org/t/3dmodel-glossy-and-metal-effect/2165>\
**Category:** Questions\
**Tags:** pbr\
**Created:** [March 19, 2018, 9:18am UTC](https://discourse.threejs.org/t/3dmodel-glossy-and-metal-effect/2165 "2018-03-19T09:18:39Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Amit\_Tank](https://avatars.discourse-cdn.com/v4/letter/a/edb3f5/32.png) [@Amit\_Tank](https://discourse.threejs.org/u/Amit_Tank)\
**Post date:** [March 19, 2018, 9:18am UTC](https://discourse.threejs.org/t/3dmodel-glossy-and-metal-effect/2165/1 "2018-03-19T09:18:39Z")

</div>

Hello,

I want to apply some glocy and metalic effect to my model.

I have Reffered this guide.  
[https://threejs.org/docs/#api/materials/MeshStandardMaterial](https://threejs.org/docs/#api/materials/MeshStandardMaterial)

And try to apply to my model but It is not taking my changes.

I have create Js Fiddle for it.

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

I want to apply Glossy and metalness like this.

![Clipboard01](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/threejs/original/2X/5/520712f83d6cec4af5bf5dbf7eb852f758c29b4e.jpg)

I am doing something wrong, which i am unable to find

Please help me.!

---

<div class="post-metadata">

**Author:** ![hopepdm](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hopepdm/32/1370_2.png) [@hopepdm](https://discourse.threejs.org/u/hopepdm)\
**Post date:** [March 19, 2018, 9:38am UTC](https://discourse.threejs.org/t/3dmodel-glossy-and-metal-effect/2165/2 "2018-03-19T09:38:11Z")

</div>

if your FBX model’s material-type is MeshPhongMaterial,you could set specular and shininess props, and add lights,to get glossy and metal effect.

---

<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 19, 2018, 9:56am UTC](https://discourse.threejs.org/t/3dmodel-glossy-and-metal-effect/2165/4 "2018-03-19T09:56:22Z")

</div>

Add `THREE.DirectionalLight()` and slightly change parameters of that applied `THREE.MeshStandardMaterial()`.  
[https://jsfiddle.net/prisoner849/pqky7daj/](https://jsfiddle.net/prisoner849/pqky7daj/)

---

<div class="post-metadata">

**Author:** ![Amit\_Tank](https://avatars.discourse-cdn.com/v4/letter/a/edb3f5/32.png) [@Amit\_Tank](https://discourse.threejs.org/u/Amit_Tank)\
**Post date:** [March 19, 2018, 10:02am UTC](https://discourse.threejs.org/t/3dmodel-glossy-and-metal-effect/2165/6 "2018-03-19T10:02:02Z")

</div>

@prisoner849, Thank you exact same I want, but it is not animate anymore. is that any settings need to do ?

---

<div class="post-metadata">

**Author:** ![Amit\_Tank](https://avatars.discourse-cdn.com/v4/letter/a/edb3f5/32.png) [@Amit\_Tank](https://discourse.threejs.org/u/Amit_Tank)\
**Post date:** [March 19, 2018, 11:46am UTC](https://discourse.threejs.org/t/3dmodel-glossy-and-metal-effect/2165/7 "2018-03-19T11:46:05Z")

</div>

While Applying material if i am using child.material.map = texture it is animating model well, but not applying glossy /metal effect. to apply effect i have to use child.material = material. but it is not animating.

can you guide what is the issue for it ?

---

<div class="post-metadata">

**Author:** ![Amit\_Tank](https://avatars.discourse-cdn.com/v4/letter/a/edb3f5/32.png) [@Amit\_Tank](https://discourse.threejs.org/u/Amit_Tank)\
**Post date:** [March 19, 2018, 12:14pm UTC](https://discourse.threejs.org/t/3dmodel-glossy-and-metal-effect/2165/8 "2018-03-19T12:14:35Z")

</div>

Got is working with applying  
material.skinning = true.

Just problem is sometimes struck animation for second after some animation.

---

<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 19, 2018, 12:24pm UTC](https://discourse.threejs.org/t/3dmodel-glossy-and-metal-effect/2165/9 "2018-03-19T12:24:42Z")

</div>

Could you provide a working example?

---

<div class="post-metadata">

**Author:** ![Amit\_Tank](https://avatars.discourse-cdn.com/v4/letter/a/edb3f5/32.png) [@Amit\_Tank](https://discourse.threejs.org/u/Amit_Tank)\
**Post date:** [March 19, 2018, 12:41pm UTC](https://discourse.threejs.org/t/3dmodel-glossy-and-metal-effect/2165/10 "2018-03-19T12:41:44Z")

</div>

This is Fiddle

[https://jsfiddle.net/AmitTank/pqky7daj/18/](https://jsfiddle.net/AmitTank/pqky7daj/18/)

---

<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 19, 2018, 12:49pm UTC](https://discourse.threejs.org/t/3dmodel-glossy-and-metal-effect/2165/11 "2018-03-19T12:49:37Z")

</div>

Hmm… how long should I wait for start of animaion? ))

---

<div class="post-metadata">

**Author:** ![Amit\_Tank](https://avatars.discourse-cdn.com/v4/letter/a/edb3f5/32.png) [@Amit\_Tank](https://discourse.threejs.org/u/Amit_Tank)\
**Post date:** [March 19, 2018, 12:56pm UTC](https://discourse.threejs.org/t/3dmodel-glossy-and-metal-effect/2165/12 "2018-03-19T12:56:48Z")

</div>

Ohh. Its not animating on fiddle for other system on work for me. please check here for live example.

[http://fusion37.com/3dviewer/](http://fusion37.com/3dviewer/)

---

<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 19, 2018, 12:58pm UTC](https://discourse.threejs.org/t/3dmodel-glossy-and-metal-effect/2165/13 "2018-03-19T12:58:50Z")

</div>

Ah, thanks 🙂