Blurry output for photospheres

[thomas]

Hi, I was creating a tour using photo tour, and also I created the same tour using simple a-frame coding. The quality of image was vastly different, as ideaspace tour image was looking blurry. Any reason for this and how to rectify this?

Ideaspace image snip:

Basic A-frame code image snip:

[WeddingDJ]

@thomas Hi, uploaded photo sphere images are resized to the nearest power of two dimensions in order to avoid resizing by A-Frame / three.js.

What is the original resolution of your photo sphere?

The next IdeaSpaceVR release will have an option to avoid automatic resizing:

[thomas]

I checked for the resizing issue and the image already has power of 2 dimensions (4096*2048). So both have same resolutions but image quality varies. Also, I tried the newer version to prevent auto resize, but same issue.

[WeddingDJ]

@thomas In your A-Frame code, do you use a-sky?

In the photo tour I am using an entity having the same radius as a-sky (5000), the only difference is in the material component, I use side:double whereas a-sky uses side:front AND segmentsHeight: 64 instead of segmentsHeight: 20 in a-sky

In /themes/ideaspace-360-photo-tour/views/scene.blade.php

<a-entity
                geometry="primitive: sphere; radius: 5000; segmentsWidth: 64; segmentsHeight: 64"
                material="shader: flat; side: double; color: #FFFFFF"
                scale="-1 1 1"
                rotation="0 -90 0" id="photosphere">

You could change the segementsHeight attribute in the photo tour scene. If this solves the issue, it would be a bug in the theme.

UPDATE: could you attach both photo sphere images to a post? the original one which you use in your coded a-frame scene and the blurry one which is shown in the photo tour space?

[WeddingDJ]

@thomas My photospheres do not show quality differences before and after upload, but I guess the differences are just not visible. For debugging it would help if you could send me your original photosphere image as the quality issue is very visible.