aframe
aframe copied to clipboard
aframevr
A-frame 1.2.0 custom cursor stopped rendering properly on iOS all iphones
Description:
- A-Frame Version: 1.2.0
- Platform / Device: iOS (all iPhones)
- Reproducible Code Snippet or URL: https://tours-staging.3destate.pl/testowa-ttdh/4.3d <-- click menu, then VR and it appears, function that added cursor is:
addGazeCursor: function () { const camera = document.getElementById('camera'); camera.removeAttribute('raycaster'); camera.removeAttribute('cursor'); const cursor = document.createElement('a-entity'); cursor.setAttribute('fuse-cursor-loader-animation', {}); cursor.setAttribute('id', 'cursor'); cursor.setAttribute('position', '0 0 -2'); cursor.setAttribute('raycaster', { objects: '.clickable', far: 5000 }); cursor.setAttribute('cursor', { fuse: true }); cursor.setAttribute('geometry', { primitive: 'ring', radiusInner: 0.01, radiusOuter: 0.02 }); cursor.setAttribute('material', { color: '#898989', shader: 'flat' }); camera.appendChild(cursor); },
It was all god on 1.1.0 and previous, but on 1.1.0 Android VR doesnt work properly... we actually were using 1.0.4 without Android chrome 80+ VR support, and now we wanted to check how is it after updates, with 1.2.0 android started to work properly, but not an iOS anymore :( would be great if you could help me with that!
Issue can be somewhere in geometry or polyfills?
@dmarcos no errors, just enity element which is geometry doesnt work properly, it has some issue on iOS, and later after i noticed the same on Android firefox (rare but still), i sent you screen of the issue on slack
@dmarcos here you can also notice that - https://aframe.io/aframe/examples/test/cursor/ ... and paradox is, that on Android + Chrome it works, but Android + Firefox or iOS + all browser getting destruction. in my app i can see cubemap somehow, but crosshair changes to some dirty shape that hovers big part of the screen :/
It doesn't seem t be fixed yet. Depending on which aframe version I'm using, I have different issues.
- I got the dirty shape which occupies the left part of the screen in VR. (iOS)
- Blurred vision (iOS + Android)
- Click events don't work (Android) I tried with Chrome, Firefox, Safari.
similar with @theox33 I have dirty shape which occupies the left part of the screen in VR. (iOS). Its working fine in android .
