Search code examples
androidgoogle-chromecameraaframegyroscope

Aframe Android Chrome Camera looks always backward


Hidiho Community,

I have this issue that when I open an aframe-webpage with my Android phone that the camera (or the scene) turns 180 degrees. I use the normal Aframe example https://aframe.io/examples/showcase/helloworld/ but it still happens some ideas how to fix that? I already tried setting the camera rotation to 0 0 0 at the start with javascript but it doesn't work. My Phone is a xiaomi redmi note 4 and the problem just occurs in chrome.

 <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Hello, WebVR! • A-Frame</title>
    <meta name="description" content="Hello, WebVR! • A-Frame">
    <script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>
  </head>
  <body>
    <a-scene background="color: #ECECEC">
      <a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9" shadow></a-box>
      <a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E" shadow></a-sphere>
      <a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D" shadow></a-cylinder>
      <a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4" shadow></a-plane>
    </a-scene>
  </body>
</html>

Solution

  • ah ok i figured out that this just happens on my xiaomi redmi note 4. If someone has also one maybe he could post it here so we know if this just my phone. Reviews about other phones with the problem would be welcome too.