# How to add object with Node Material to Image Processing?

**URL:** <https://forum.babylonjs.com/t/how-to-add-object-with-node-material-to-image-processing/20199>\
**Category:** Questions\
**Tags:** material\
**Created:** [April 21, 2021, 7:26pm UTC](https://forum.babylonjs.com/t/how-to-add-object-with-node-material-to-image-processing/20199 "2021-04-21T19:26:18Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![simon](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/simon/32/45590_2.png) [@simon](https://forum.babylonjs.com/u/simon)\
**Post date:** [April 21, 2021, 7:26pm UTC](https://forum.babylonjs.com/t/how-to-add-object-with-node-material-to-image-processing/20199/1 "2021-04-21T19:26:18Z")

</div>

Hi everyone!

I create a simple node material and add it to the object. But when I try to use ImageProcessing, I don’t see any changes in my material. I’m guessing this happened because the node material doesn’t know anything about image processing, but I don’t know how to fix it. Any ideas?

PG: [Babylon.js Playground](https://playground.babylonjs.com/#4BK234)

---

<div class="post-metadata">

**Author:** ![JCPalmer](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/jcpalmer/32/42_2.png) [@JCPalmer](https://forum.babylonjs.com/u/JCPalmer)\
**Post date:** [April 21, 2021, 7:46pm UTC](https://forum.babylonjs.com/t/how-to-add-object-with-node-material-to-image-processing/20199/2 "2021-04-21T19:46:14Z")

</div>

I added a bunch more stuff. [https://playground.babylonjs.com/#4BK234#1](https://playground.babylonjs.com/#4BK234#1). Same Result. One thing about image processing is that it does not seem to affect unless it is PBR. I know very little about node. Is that mat PBR?

---

<div class="post-metadata">

**Author:** ![JCPalmer](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/jcpalmer/32/42_2.png) [@JCPalmer](https://forum.babylonjs.com/u/JCPalmer)\
**Post date:** [April 21, 2021, 7:57pm UTC](https://forum.babylonjs.com/t/how-to-add-object-with-node-material-to-image-processing/20199/3 "2021-04-21T19:57:50Z")

</div>

You are probably going to need to load an environment texture. Still nothing. Here is a scene with a PBR material.

[https://playground.babylonjs.com/#4BK234#2](https://playground.babylonjs.com/#4BK234#2)

---

<div class="post-metadata">

**Author:** ![simon](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/simon/32/45590_2.png) [@simon](https://forum.babylonjs.com/u/simon)\
**Post date:** [April 21, 2021, 8:00pm UTC](https://forum.babylonjs.com/t/how-to-add-object-with-node-material-to-image-processing/20199/4 "2021-04-21T20:00:16Z")

</div>

It is Node material that has PBR block inside. I see that it works for PBR, but i need same behavior with the nodeMaterial.

node graph:

 ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/2/2a4eb668606c94a7259b4804017ea0d509942fe4.png)

---

<div class="post-metadata">

**Author:** ![simon](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/simon/32/45590_2.png) [@simon](https://forum.babylonjs.com/u/simon)\
**Post date:** [April 21, 2021, 8:05pm UTC](https://forum.babylonjs.com/t/how-to-add-object-with-node-material-to-image-processing/20199/5 "2021-04-21T20:05:37Z")

</div>

Upd:  
Added reflection block to NME and set contrast to 1 and exposure to 0. The material should turn completely black, but it is still red.

[https://playground.babylonjs.com/#4BK234#3](https://playground.babylonjs.com/#4BK234#3)

---

<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:** [April 22, 2021, 4:48pm UTC](https://forum.babylonjs.com/t/how-to-add-object-with-node-material-to-image-processing/20199/6 "2021-04-22T16:48:57Z")

</div>

You need to use a `ImageProcessing` block between the `PBRMetallicRoughness.lighting + alpha` outputs and the `FragmentOutput.rgba` input.

---

<div class="post-metadata">

**Author:** ![simon](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/simon/32/45590_2.png) [@simon](https://forum.babylonjs.com/u/simon)\
**Post date:** [April 22, 2021, 5:57pm UTC](https://forum.babylonjs.com/t/how-to-add-object-with-node-material-to-image-processing/20199/7 "2021-04-22T17:57:18Z")

</div>

Yes, I tried to use but didn’t succeed. Maybe I made a mistake?

PG: [https://playground.babylonjs.com/#4BK234#4](https://playground.babylonjs.com/#4BK234#4)

Updated node tree:

 ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/2X/2/231f038b3a8366655a2dbc7155bede9e99e1e999.png)

---

<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:** [April 22, 2021, 7:17pm UTC](https://forum.babylonjs.com/t/how-to-add-object-with-node-material-to-image-processing/20199/8 "2021-04-22T19:17:09Z")

</div>

See:

> [@NodeMaterials, Env Maps, Tonemapping and Exposure](https://forum.babylonjs.com/t/nodematerials-env-maps-tonemapping-and-exposure/20223/8):
>
> PR: The PBR block already supported image processing but not fully. After the PR is merged, it will support the full image processing feature set and you won’t need a ImageProcessing block: just link the lighting output to the FragmentOutput rgb input.

---

<div class="post-metadata">

**Author:** ![simon](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/simon/32/45590_2.png) [@simon](https://forum.babylonjs.com/u/simon)\
**Post date:** [April 22, 2021, 7:32pm UTC](https://forum.babylonjs.com/t/how-to-add-object-with-node-material-to-image-processing/20199/9 "2021-04-22T19:32:58Z")

</div>

Wow! Thanks a lot!) 🤘 👍
