RectLight not working in safari

Questions
, ,
1

this is the only code I have for rectlights, and the import statement, when I launch the site on chrome it works, but not on safari. I dont know how to open the inspector in safari so I cant really check the console logs

   RectAreaLightUniformsLib.init();
    var rectLight = new THREE.RectAreaLight(0xffffff, 10, 10, 1);
    rectLight.position.set(0, 7, 3.5);
    rectLight.lookAt(0, 0, 0);
    rectLight.color = new THREE.Color(0xffffff);
    var rectLight2 = new THREE.RectAreaLight(0xffffff, 10, 10, 1);
    rectLight2.position.set(0, 2, 10);
    rectLight2.lookAt(0, 0, 0);
    rectLight2.color = new THREE.Color(0xffffff);
    scene.add(rectLight);
    scene.add(rectLight2);

131659002_806074989958205_4742301309124080463_n
131659002_806074989958205_4742301309124080463_n945×1525 172 KB
vs
131659002_3877435045693582_4998380665596706581_n
131659002_3877435045693582_4998380665596706581_n930×1464 105 KB

2

Can you please verify first whether the official area light example works with Safari or not?

3

ohh, it doesn’t… :frowning:

4

What version of iOS are you using?

5

14.2, today updated to 14.3

6

Seems to be a device issue. There was lately a PR that added support for iOS 14, see:

7

So you’re saying that if I used another Iphone with safari it would show up, or ? sorry if its a stupid question

8

Yes. At least the developer of the PR could successfully use RectAreaLight on iOS 14 (and iOS 13).

Sorry, I have no iOS device and can’t verify the issue.

9

Well, we tried on 2 iphones, both have the newest iOS , or relatively so. Is there a way to make a page with rectlights so it works android/iSO reliably?

10

Area lights relying on (half) floating point textures which might be broken on your device/browser. If those are not working correctly, you have to use other lights.

11

well, its working when I load it in chrome on the same phone, so it’s something to do with safari :frowning: