# Have problem with particles on iPhone 14 or ios 17

**URL:** <https://discourse.threejs.org/t/have-problem-with-particles-on-iphone-14-or-ios-17/58904>\
**Category:** Questions\
**Tags:** ios\
**Created:** [December 5, 2023, 8:06am UTC](https://discourse.threejs.org/t/have-problem-with-particles-on-iphone-14-or-ios-17/58904 "2023-12-05T08:06:18Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![s2567k](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/s2567k/32/40458_2.png) [@s2567k](https://discourse.threejs.org/u/s2567k)\
**Post date:** [December 5, 2023, 8:06am UTC](https://discourse.threejs.org/t/have-problem-with-particles-on-iphone-14-or-ios-17/58904/1 "2023-12-05T08:06:18Z")

</div>

I’m using the example from this site [particle │ sketch of three.js](https://ykob.github.io/sketch-threejs/sketch/particle.html), it works perfect, but in iPhone 14 or iOS 17 it shows black screen

there is also a codepen example [https://codepen.io/ykob/pen/WpNxaR](https://codepen.io/ykob/pen/WpNxaR) that doesn’t work too on some devices

console not throwing any errors or warnings

any idea what problem is ? and how to fix it

---

<div class="post-metadata">

**Author:** ![manthrax](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/manthrax/32/2596_2.png) [@manthrax](https://discourse.threejs.org/u/manthrax)\
**Post date:** [December 5, 2023, 10:00am UTC](https://discourse.threejs.org/t/have-problem-with-particles-on-iphone-14-or-ios-17/58904/2 "2023-12-05T10:00:17Z")

</div>

Might be that its using floating point rendertargets and/or RGB format instead of RGBA format… idk

---

<div class="post-metadata">

**Author:** ![s2567k](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/s2567k/32/40458_2.png) [@s2567k](https://discourse.threejs.org/u/s2567k)\
**Post date:** [December 5, 2023, 11:21am UTC](https://discourse.threejs.org/t/have-problem-with-particles-on-iphone-14-or-ios-17/58904/3 "2023-12-05T11:21:11Z")

</div>

Yes it is, in codepen example author uses RGBFormat

I tried to use RGBAFormat, but the attempt was unsuccessful

---

<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:** [December 5, 2023, 12:31pm UTC](https://discourse.threejs.org/t/have-problem-with-particles-on-iphone-14-or-ios-17/58904/4 "2023-12-05T12:31:43Z")

</div>

> [@s2567k](#):
>
> RGBAFormat

For that format, you have to have 4 components per pixel in your texture, whereas there are just 3 components in the example (because of RGBFormat, obviosly) 🤔

---

<div class="post-metadata">

**Author:** ![manthrax](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/manthrax/32/2596_2.png) [@manthrax](https://discourse.threejs.org/u/manthrax)\
**Post date:** [December 6, 2023, 12:28am UTC](https://discourse.threejs.org/t/have-problem-with-particles-on-iphone-14-or-ios-17/58904/5 "2023-12-06T00:28:13Z")

</div>

Yup. And in the codepen provided, I adjusted the datatexture construction to accomodate the .a channel and it didn’t break, but I don’t have an ios device to test whether it made a difference.

Heres my updated codepen:

https://codepen.io/manthrax/embed/preview/gOqZBwN?default-tabs=js%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=gOqZBwN

@s2567k Can you try running this one on you iOS device?

---

<div class="post-metadata">

**Author:** ![s2567k](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/s2567k/32/40458_2.png) [@s2567k](https://discourse.threejs.org/u/s2567k)\
**Post date:** [December 6, 2023, 8:07am UTC](https://discourse.threejs.org/t/have-problem-with-particles-on-iphone-14-or-ios-17/58904/6 "2023-12-06T08:07:38Z")

</div>

![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/1/5/15ed64aad052cd4af71d72783ba63300ffb6dfcf.jpeg)  
nope, still doesn’t work

---

<div class="post-metadata">

**Author:** ![s2567k](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/s2567k/32/40458_2.png) [@s2567k](https://discourse.threejs.org/u/s2567k)\
**Post date:** [December 10, 2023, 8:57pm UTC](https://discourse.threejs.org/t/have-problem-with-particles-on-iphone-14-or-ios-17/58904/7 "2023-12-10T20:57:28Z")

</div>

any idea how to fix it ?

---

<div class="post-metadata">

**Author:** ![manthrax](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/manthrax/32/2596_2.png) [@manthrax](https://discourse.threejs.org/u/manthrax)\
**Post date:** [December 11, 2023, 5:52am UTC](https://discourse.threejs.org/t/have-problem-with-particles-on-iphone-14-or-ios-17/58904/8 "2023-12-11T05:52:43Z")

</div>

Does this particle demo run: [FBO](https://vectorslave.com/gpuparticles/noise.html)

---

<div class="post-metadata">

**Author:** ![s2567k](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/s2567k/32/40458_2.png) [@s2567k](https://discourse.threejs.org/u/s2567k)\
**Post date:** [December 11, 2023, 9:48am UTC](https://discourse.threejs.org/t/have-problem-with-particles-on-iphone-14-or-ios-17/58904/9 "2023-12-11T09:48:15Z")

</div>

yes, this particles working correct

---

<div class="post-metadata">

**Author:** ![manthrax](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/manthrax/32/2596_2.png) [@manthrax](https://discourse.threejs.org/u/manthrax)\
**Post date:** [December 11, 2023, 4:29pm UTC](https://discourse.threejs.org/t/have-problem-with-particles-on-iphone-14-or-ios-17/58904/10 "2023-12-11T16:29:10Z")

</div>

Hmm ok… I wrote it a loong time ago but it’s also using float rgba rendertargets for the particle system.  
So… I’m not sure why that other one isn’t working…

The code is unobfuscated if you want to take a look, maybe you can spot something.