# nodeMaterial not work on ios (windows macos android all ok)

**URL:** <https://forum.babylonjs.com/t/nodematerial-not-work-on-ios-windows-macos-android-all-ok/31428>\
**Category:** Bugs\
**Tags:** material, nme, ios\
**Created:** [June 16, 2022, 2:02pm UTC](https://forum.babylonjs.com/t/nodematerial-not-work-on-ios-windows-macos-android-all-ok/31428 "2022-06-16T14:02:56Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![noobakong](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/noobakong/32/25095_2.png) [@noobakong](https://forum.babylonjs.com/u/noobakong)\
**Post date:** [June 16, 2022, 2:02pm UTC](https://forum.babylonjs.com/t/nodematerial-not-work-on-ios-windows-macos-android-all-ok/31428/1 "2022-06-16T14:02:56Z")

</div>

first i love babylon very mush it is very cool but i I have a problem

[this pg](https://www.babylonjs-playground.com/#9AKZJK#35) work on windowsPC macOs and android very well, but on ios the face is show black ┭┮﹏┭┮ (iphone13pro and iphone11 and ipad all is wrong)

> **[Babylon.js Playground](https://www.babylonjs-playground.com/#9AKZJK%2335)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

The main thing to do is to realize the transformation of face (mouth color, eye color, eyebrow) through node material.

i find the texture show differently on Android and ios,

 ![lADPJv8gUC4bZXTNC9DND8A_4032_3024](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/4/1/414e6166d374099e5e638f315f21d0882b946e2d.jpeg)

Can you see anything

Thank you very, very much

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [June 16, 2022, 2:23pm UTC](https://forum.babylonjs.com/t/nodematerial-not-work-on-ios-windows-macos-android-all-ok/31428/2 "2022-06-16T14:23:15Z")

</div>

My rough guess would be that the png you are using in your model are not compatible with ios somehow ☹

@bghgary might have an idea there ?

---

<div class="post-metadata">

**Author:** ![noobakong](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/noobakong/32/25095_2.png) [@noobakong](https://forum.babylonjs.com/u/noobakong)\
**Post date:** [June 16, 2022, 4:44pm UTC](https://forum.babylonjs.com/t/nodematerial-not-work-on-ios-windows-macos-android-all-ok/31428/3 "2022-06-16T16:44:16Z")

</div>

@sebavan Thank you for your quick answer  
i create [a new pg there](https://www.babylonjs-playground.com/#9AKZJK#37) ，It’s easier and more intuitive to see what the problem is.

I’m looking forward to hearing someone has some idea to solve this problem 🙏🏻

on pc good ✅

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

on ios bad ❌

 ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/1/a/1afcd4993406dbaec17eafc28a82c7d8767e6dbb.jpeg)

> **[Babylon.js Playground](https://www.babylonjs-playground.com/#9AKZJK%2337)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [June 16, 2022, 8:01pm UTC](https://forum.babylonjs.com/t/nodematerial-not-work-on-ios-windows-macos-android-all-ok/31428/4 "2022-06-16T20:01:03Z")

</div>

yup, definitely looks like an ios bug only with premultiplied alpha pngs ☹ Could you open a bug on the webkit bug tracker ?

---

<div class="post-metadata">

**Author:** ![bghgary](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/bghgary/32/48532_2.png) [@bghgary](https://forum.babylonjs.com/u/bghgary)\
**Post date:** [June 16, 2022, 9:49pm UTC](https://forum.babylonjs.com/t/nodematerial-not-work-on-ios-windows-macos-android-all-ok/31428/5 "2022-06-16T21:49:05Z")

</div>

If you update the image to set alpha to 1, it should work everywhere the same?

---

<div class="post-metadata">

**Author:** ![noobakong](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/noobakong/32/25095_2.png) [@noobakong](https://forum.babylonjs.com/u/noobakong)\
**Post date:** [June 17, 2022, 1:45am UTC](https://forum.babylonjs.com/t/nodematerial-not-work-on-ios-windows-macos-android-all-ok/31428/6 "2022-06-17T01:45:53Z")

</div>

【update the image to set alpha to 1】 by babylonb.js some api? or by image making of designer？

Could you be a little more specific, please 🙂

---

<div class="post-metadata">

**Author:** ![bghgary](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/bghgary/32/48532_2.png) [@bghgary](https://forum.babylonjs.com/u/bghgary)\
**Post date:** [June 17, 2022, 5:10pm UTC](https://forum.babylonjs.com/t/nodematerial-not-work-on-ios-windows-macos-android-all-ok/31428/7 "2022-06-17T17:10:04Z")

</div>

The latter. Edit the image with an image editing software, e.g., Gimp.

---

<div class="post-metadata">

**Author:** ![noobakong](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/noobakong/32/25095_2.png) [@noobakong](https://forum.babylonjs.com/u/noobakong)\
**Post date:** [June 18, 2022, 3:49am UTC](https://forum.babylonjs.com/t/nodematerial-not-work-on-ios-windows-macos-android-all-ok/31428/8 "2022-06-18T03:49:19Z")

</div>

Ok~ designers changed the alpha channel information in PNG so that alpha information is not removed by certain mechanisms in ios

thanks for your positive response @sebavan@bghgary thanks ~
