Search code examples
aframewebvr

A-frame.js version 0.8 can not render 360 image

We are working on a basic template of rendering a 360 image on webpage. Recently we upgraded A-frame.js version from 0.7 to 0.8. The image rendering stopped when we upgraded to v0.8, Inspecting in Console we noticed that there was a warning

"[.Offscreen-For-WebGL-00000000068E6AA0]RENDER WARNING: texture bound to texture unit 0 is not renderable. It maybe non-power-of-2 and have incompatible texture filtering."

We are using the 360 image of dimension 4096*2048 bound to <a-sky> element. We also tried A-frame demo from the a-frame site with pointing it to the master branch. It seems to fail as well. Here is the demo glitch.

We also found similar question here. What are we missing? Any help would be appreciated.

Solution

  • You have to get the asset url, glitch won't see the image by name.

    Instead of src: file.jpg you need go to the assets tab, click the image, and get its URL.

    Remixed glitch here.