Wikitude

Points of interest image not showing

Hi everyone,

I have the problem with the image drawing/rendering when I display the points of interest on camera view. I am using the latest Wikitude SDK 5.1.4 javascript version and Xcode 7.3.

It seems the problem is related to imageDraweble object, as it sometime does not displays the image at all. On camera view my POI is consisted from the background/main image. On this background I place one more image(avatar icon) to show and 2 labels with the text. This problem happens not in 100% cases, but rather often. So sometimes when I open my screen and make the init of the architect view, loading the evironment, fetching the data adn rendering, my images do now show at all. Only labels are visible, but the images somehow, I do not know why, does not rendering in right way, either my background nor avatar icon. If I close and return my screen controlller and will open again it will show the images properly. I want to underline, that the labels are always displayed. Only the images sometimes do not show up.

Can somebody help me? Maybe you face such issue from your side, what could the problem? Where is the source or the weak spot? Can this issue could be related the memory pressure or warnings? Or could it be the bug with the Wikitude sdk itself?

My implemetation of POI showing are similar to the demo prject from the Wikitude (application model case loading), but with my updates.

Thanks in advance,

Regards,

Valerii

Hi Valerii,
Can you tell us the resolution of those images? Depending on the size it might indeed be related to memory pressure.

It might also be related to the zOrder of your image drawables. Have you tried to set the zOrder to define which image drawable should be rendered first?

Best regards

Andreas

Hi Andreas,

Thanks for your response. I use the image as the background with resolution 256x66 in jpg format (also tried png format).

Here is my code: for background image of POI. I make the image to increse its size by setting to 7.

this.markerDrawable_idle = new AR.ImageDrawable(World.markerDrawable_idle, 7, {

        zOrder: 0,

        opacity: 1.0,

        onClick: Marker.prototype.getOnClickTrigger(this)

 

    });

 

Meanwhile, the other image drawable upload the images from the links I provided for the marker object. The club icons, which are being downloaded also has a small resolution, for example 40x40 or 100x100.

 

Here is my code:

var imageres = new AR.ImageResource(poiData.clubIcon);

    this.clubIcon = new AR.ImageDrawable(imageres, 7, {

        zOrder: 3,

        horizontalAnchor: AR.CONST.HORIZONTAL_ANCHOR.RIGHT,

        offsetX: -4.5

    });

 

About the zOrder, I thought it was set to tell the image to lay above or below some layer of labels?

So, to sum up, I load the data form my server, then isnsert the received data in the architet view. The background image is static and the other image are donwloading the images in realtime from the provided links (see above). I load at once 30 pois.

Regards,

Valerii

Hi Andreas,

yes, for background image I reuse one image from my folder, just like in the example and for clubIcons I download them using ImageResource.

But, my trouble happens at first launch time to time. So, when I load the architect view and start rendering, then I get the location of the user and load my data from the server , convert to the data and use callJavaScript to display the data on screen.

So, after that, my images will not be displayed at all, evern if I reload the architect view by destroing the objects and calling the callJavaScript method again. Only my Labels (objects) are bieng displyed always. If I pop viewController and push again, the process will repeat and the images will show. 

Regards,

Valerii

Hi Andreas,

I will try to do it, but it will be hard I think. To tell the truth, when testing the demo projects, provided with the SDK, I also rarely experience such an issue. I was testing the demo called "fromapplicationmodel.js". Sometimes the blue background image will not appear too. Maybe I could show on the screenshots and attach it to this converstion? Will it be ok? Also, could you then hint me how to upload and attach the screenshots to my message post, I do not quite understand how to do it? thanks

Regards,

Valerii 

Hi Andreas,

I was able to reproduce my issue on the demo project from the Wikitude SDK. Here are the screenshots what I experience.

I use the the option "From application model".

Please check it and could you give some suggestions how to fix it or avoid it? Is it the problem in the SDK itself or it just private case?

I was testing the current demo on iPad Mini IOS 9.2.

Thanks in advance. 

 

Regards,

Valerii

Hi Wu,

Sorry, I did not find the solution. I suspend this task from my side and just waiting for the new update of the Wikitude SDK. I was told, that this should be fixed in the next version.

Regards,

Valerii

Hi Andreas,

Sorry to bother, do you have any news about the Wikitude SDK new update with the fixes for the image non-rendering.

Thanks

Regards,

Valerii

Hi Andreas,

No, I did not notice any alerts or messages. I just open the screen and see the result like on screenshots. Sometimes the images are loaded, soemetimes it is not. I'd say it happens rather randomly. But no, I did not see any alerts.

Regards,

Valerii

Hi Valierii,
Just one more question: Did you had any UIAlert showing up when the images didn't load (like the camera permission or gps location alert)?

FYI: I could reproduce the issue on an iPhone 4S running iOS 9. We will have a look at it and let you know once we have a fix for that.

Best regards

Andreas