# Smoothing issue

**URL:** <https://forum.babylonjs.com/t/smoothing-issue/4624>\
**Category:** Questions\
**Created:** [July 20, 2019, 4:56pm UTC](https://forum.babylonjs.com/t/smoothing-issue/4624 "2019-07-20T16:56:24Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![flomotion](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/flomotion/32/2917_2.png) [@flomotion](https://forum.babylonjs.com/u/flomotion)\
**Post date:** [July 20, 2019, 4:56pm UTC](https://forum.babylonjs.com/t/smoothing-issue/4624/1 "2019-07-20T16:56:24Z")

</div>

somehow I can not get the shading to look smooth (or to change at all for that matter)  
 ![bag](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/8/8ee5aef78fe0cbb638952f044247079774f6fbfd.jpeg)  
I have tried  
mesh.convertToFlatShadedMesh();  
but there’s no difference. Are there any other ways to get rid of the shaded polygons? Or is there a way to adjust the phong angle in babylonjs?  
The model is deformed by using bones animation. And I think that causes the problem.  
Since I don’t know how to upload my model to a playground, it can be found here:  
[http://flomotion.nl/paperbag/](http://flomotion.nl/paperbag/)  
click next to play animation…

---

<div class="post-metadata">

**Author:** ![aWeirdo](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/aweirdo/32/52_2.png) [@aWeirdo](https://forum.babylonjs.com/u/aWeirdo)\
**Post date:** [July 20, 2019, 5:20pm UTC](https://forum.babylonjs.com/t/smoothing-issue/4624/2 "2019-07-20T17:20:25Z")

</div>

please create a playground 🙂  
[https://doc.babylonjs.com/resources/external\_pg\_assets](https://doc.babylonjs.com/resources/external_pg_assets)

if not possible, please include the inspector & babylon.max.js on your website  
it will be much easier to see what’s going on.

---

<div class="post-metadata">

**Author:** ![flomotion](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/flomotion/32/2917_2.png) [@flomotion](https://forum.babylonjs.com/u/flomotion)\
**Post date:** [July 20, 2019, 7:00pm UTC](https://forum.babylonjs.com/t/smoothing-issue/4624/3 "2019-07-20T19:00:25Z")

</div>

Ok, thank you.  
I managed to create a playground with embedded model:  
[https://www.babylonjs-playground.com/#KEY4S4#1](https://www.babylonjs-playground.com/#KEY4S4#1)

---

<div class="post-metadata">

**Author:** ![aWeirdo](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/aweirdo/32/52_2.png) [@aWeirdo](https://forum.babylonjs.com/u/aWeirdo)\
**Post date:** [July 22, 2019, 6:00am UTC](https://forum.babylonjs.com/t/smoothing-issue/4624/4 "2019-07-22T06:00:11Z")

</div>

Hi @flomotion bumping the topic.  
Tough case to crack 🙂  
I’m unsure what to do about it, but hopefully someone can solve it.

---

<div class="post-metadata">

**Author:** ![Raggar](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/raggar/32/20672_2.png) [@Raggar](https://forum.babylonjs.com/u/Raggar)\
**Post date:** [July 22, 2019, 9:58am UTC](https://forum.babylonjs.com/t/smoothing-issue/4624/5 "2019-07-22T09:58:58Z")

</div>

Bone-weighted meshes can be smoothed just like any other, so there must be some other issue somewhere.  
(Pro)/boolean sometimes creates weird artifacts, especially if you simply apply one smoothing group.  
Have you tried putting all the sides in their own smoothing groups?

---

<div class="post-metadata">

**Author:** ![flomotion](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/flomotion/32/2917_2.png) [@flomotion](https://forum.babylonjs.com/u/flomotion)\
**Post date:** [July 22, 2019, 10:25am UTC](https://forum.babylonjs.com/t/smoothing-issue/4624/6 "2019-07-22T10:25:51Z")

</div>

Hi Raggar,  
Thanks for your reply. I did try to split the model into seperate planes. But strangely enough there was no difference at all. As if the polygons were still connected.  
I managed to solve the problem by using a specific shader. This was a lot of digging and trying. But it looks decent now.  
but if anyone knows how to fix this issue differently… That would be better.

---

<div class="post-metadata">

**Author:** ![flomotion](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/flomotion/32/2917_2.png) [@flomotion](https://forum.babylonjs.com/u/flomotion)\
**Post date:** [July 22, 2019, 10:27am UTC](https://forum.babylonjs.com/t/smoothing-issue/4624/7 "2019-07-22T10:27:52Z")

</div>

Thanks for looking into this 😊
