aframevr / aframevr/aframe

Cannot show image in mobile VR mode

Open
#4,871 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
17.6k
Forks
4.4k
PR merge metrics
No merged PRs in 30d

Description

Description:

Everything looks ok in PC browsers, but when it comes to mobile,
I can see the image in 3D mode, but cannot see image in mobile VR mode.
I've tried both 1.1.0 and 1.2.0 version.

  • A-Frame Version: 1.1.0, 1.2.0
  • Platform / Device: iPhone 12 pro max/sumsung note 8/ other mobile devices
  • Reproducible Code Snippet:
<html>
   <head>
     <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
   </head>
   <body>
     <a-scene>
       <a-sky color="#ECECEC"></a-sky>
       <a-box position="0 0 -3" rotation="0 45 0" color="#4CC3D9"></a-box>
       <a-assets>
         <img id="my-image" src="test.jpg">
       </a-assets>
       <a-image src="#my-image" position="0 0 -2" height="0.5" width="1"></a-image>
       <a-entity id="rig" position="0 0 0">
         <a-entity id="camera" camera look-controls>
             <a-entity cursor 
               position="0 0 -1"
               geometry="primitive: ring; radiusInner: 0.02; radiusOuter: 0.03"
               material="color: black; shader: flat">
             </a-entity>
         </a-entity>
       </a-entity>                                                                                   
     </a-scene>                                                                                      
   </body>                                                                                           
 </html>

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by running the provided A-Frame HTML snippet with the referenced image on a desktop browser and the listed mobile devices, comparing 3D mode with mobile VR mode. Investigate the difference in image visibility between those modes; the issue is done when the image renders in mobile VR mode as well.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
ar-vr-xr, frontend, mobile-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.