# How to fix the anti aliasing issue on babylon js

**URL:** <https://forum.babylonjs.com/t/how-to-fix-the-anti-aliasing-issue-on-babylon-js/50310>\
**Category:** Questions\
**Created:** [May 6, 2024, 7:48am UTC](https://forum.babylonjs.com/t/how-to-fix-the-anti-aliasing-issue-on-babylon-js/50310 "2024-05-06T07:48:55Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![gowtham](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/gowtham/32/37328_2.png) [@gowtham](https://forum.babylonjs.com/u/gowtham)\
**Post date:** [May 6, 2024, 7:48am UTC](https://forum.babylonjs.com/t/how-to-fix-the-anti-aliasing-issue-on-babylon-js/50310/1 "2024-05-06T07:48:55Z")

</div>

I am getting anti-aliasing issue on babylon js how to overcome this issue to render 3d model properly

---

<div class="post-metadata">

**Author:** ![inteja](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/inteja/32/22553_2.png) [@inteja](https://forum.babylonjs.com/u/inteja)\
**Post date:** [May 6, 2024, 8:02am UTC](https://forum.babylonjs.com/t/how-to-fix-the-anti-aliasing-issue-on-babylon-js/50310/2 "2024-05-06T08:02:06Z")

</div>

Hi @gowtham and welcome to the community!

MSAA or FXAA instructions are available here:

[https://doc.babylonjs.com/features/featuresDeepDive/postProcesses/defaultRenderingPipeline#antialiasing](https://doc.babylonjs.com/features/featuresDeepDive/postProcesses/defaultRenderingPipeline#antialiasing)

---

<div class="post-metadata">

**Author:** ![gowtham](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/gowtham/32/37328_2.png) [@gowtham](https://forum.babylonjs.com/u/gowtham)\
**Post date:** [May 6, 2024, 9:25am UTC](https://forum.babylonjs.com/t/how-to-fix-the-anti-aliasing-issue-on-babylon-js/50310/3 "2024-05-06T09:25:12Z")

</div>

Hi @inteja I am using the default rendering pipeline but i am getting aliased lines on edges how to overcome the aliased edges.

---

<div class="post-metadata">

**Author:** ![Evgeni\_Popov](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/evgeni_popov/32/4432_2.png) [@Evgeni\_Popov](https://forum.babylonjs.com/u/Evgeni_Popov)\
**Post date:** [May 6, 2024, 10:14am UTC](https://forum.babylonjs.com/t/how-to-fix-the-anti-aliasing-issue-on-babylon-js/50310/4 "2024-05-06T10:14:26Z")

</div>

Are you able to setup a repro in the [Playground](http://playground.babylonjs.com/)? It will be easier to help.

---

<div class="post-metadata">

**Author:** ![WarinSpace\_Game](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/warinspace_game/32/28564_2.png) [@WarinSpace\_Game](https://forum.babylonjs.com/u/WarinSpace_Game)\
**Post date:** [October 6, 2025, 1:31am UTC](https://forum.babylonjs.com/t/how-to-fix-the-anti-aliasing-issue-on-babylon-js/50310/5 "2025-10-06T01:31:12Z")

</div>

> I am using the default rendering pipeline but i am getting aliased lines on edges how to overcome the aliased edges.

@gowtham Same – did you find a solution?

---

<div class="post-metadata">

**Author:** ![Evgeni\_Popov](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/evgeni_popov/32/4432_2.png) [@Evgeni\_Popov](https://forum.babylonjs.com/u/Evgeni_Popov)\
**Post date:** [October 6, 2025, 7:15am UTC](https://forum.babylonjs.com/t/how-to-fix-the-anti-aliasing-issue-on-babylon-js/50310/6 "2025-10-06T07:15:53Z")

</div>

Are you able to setup a repro in the Playground? Without more information, it’s hard to help (`pipeline.samples = 4;` should normally do it).

---

<div class="post-metadata">

**Author:** ![WarinSpace\_Game](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/warinspace_game/32/28564_2.png) [@WarinSpace\_Game](https://forum.babylonjs.com/u/WarinSpace_Game)\
**Post date:** [October 6, 2025, 11:35am UTC](https://forum.babylonjs.com/t/how-to-fix-the-anti-aliasing-issue-on-babylon-js/50310/7 "2025-10-06T11:35:25Z")

</div>

Here: [Babylon.js Playground](https://playground.babylonjs.com/#MCRQ9G)

As you can see, the edges look pretty bad, despite setting `defaultPipeline.samples = 4`:

 ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/0/7/075a5cd1cdca7d1b2145ba71df47b9700d465081.png)

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [October 6, 2025, 1:55pm UTC](https://forum.babylonjs.com/t/how-to-fix-the-anti-aliasing-issue-on-babylon-js/50310/8 "2025-10-06T13:55:30Z")

</div>

`scene.clearColor = new BABYLON.Color4(0, 0, 0, 0);` you set alpha to `0` so the white backround is not rendered by babylon.js (it comes from the HTML page as another layer - not the rendering canvas) thus it can’t FXAA at all.

 ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/b/d/bd617e937f79652f2ae6589ce578b4b0fa2d6b59.jpeg)

Set alpha to `1`, color to white and it works:

> **[Babylon.js Playground](https://playground.babylonjs.com/#MCRQ9G%231)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL and WebGPU 3D scenes

Do you want to blend with the html layer? If so, you need to set the `antialias` parameter to `true` when creating the Engine.
