Sie sind nicht angemeldet.

Animated Transparent Hotspot not displaying on mobile

olly

Anfänger

  • »olly« ist der Autor dieses Themas

Beiträge: 29

  • Nachricht senden

1

Dienstag, 26. Juli 2016, 18:39

Animated Transparent Hotspot not displaying on mobile

I am using the hotspot feature to add animated flames to an interior fireplace [url removed]

It works perfectly on desktop, but appears as just a black image when viewed in Chrome on my Galaxy S6. The animated flames are a 8bit png file using crop animation.

Can anyone point me in the right direction please?

Many thanks,
Olly

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »olly« (27. Juli 2016, 18:26)

Umalo

Profi

Beiträge: 1 051

Wohnort: Osijek, Croatia, EU

  • Nachricht senden

2

Dienstag, 26. Juli 2016, 20:30

It doesn't work on desktop, at least not mine ;)
Maybe on your desktop when you are tesing locally in Flash.
Reason is usage of mask. Hint: Read very first top note in red:
http://krpano.com/docu/xml/#hotspot.mask

olly

Anfänger

  • »olly« ist der Autor dieses Themas

Beiträge: 29

  • Nachricht senden

3

Dienstag, 26. Juli 2016, 21:12

Thanks for taking the time to reply Umalo.

I am still learning krpano, but believe my tests are using webgl. What desktop environment is it not working on for you? Could it be falling back to flash for you?

Please ignore the mask attribute, that was leftover when I tested that feature, I have removed it from the xml now.

Could you have another look?

Thanks again!

Umalo

Profi

Beiträge: 1 051

Wohnort: Osijek, Croatia, EU

  • Nachricht senden

4

Dienstag, 26. Juli 2016, 21:51

Still the same. I see you removed mask but seams that wasn't the issue here. MY PC is Windows OS, tested with Chrome and other Browsers...all the same. Tested now with Safary and there it works fine.
I would propose to make clean environment without any other elements needed just to be sure how Krpano is working.
When all fine proceed with integration into your pages. Also you have protected code and can't help more.
Have you tried lower lettering object names? I remember some issues inline with how Krpano is handling objects in memory.
Can you contact me on PM or mail. Have some side question for you.
regards
Umalo

olly

Anfänger

  • »olly« ist der Autor dieses Themas

Beiträge: 29

  • Nachricht senden

5

Dienstag, 26. Juli 2016, 22:10

Interesting that it works in safari and not chrome.

I lowercased all the names and the flames still work on desktop, but appear as black on my mobile. I have also added the original skin file,just habit that it was encrypted. Nothing special in there, I just added a custom hotspot for my main vr tours and the do_crop_animation function.

I have left work now, but will pick back up on this in the morning and create a stripped down version to see if that helps.

Umalo

Profi

Beiträge: 1 051

Wohnort: Osijek, Croatia, EU

  • Nachricht senden

6

Dienstag, 26. Juli 2016, 23:37

Ok you got my attention. Make project locally with your code and realized how big image you have. Reduced it and woala that was it. Try using smaller number of images for animation to have smaller image height.
Crop your image to have only top e.g. 18 images and test. No other changes in code are need.
Teach me how you made so nice fire, please.

olly

Anfänger

  • »olly« ist der Autor dieses Themas

Beiträge: 29

  • Nachricht senden

7

Mittwoch, 27. Juli 2016, 10:50

Thank you for helping me solve that Umalo - much appreciated!

The fire is created from layering copies of this asset on turbosquid: http://www.turbosquid.com/FullPreview/Index.cfm/ID/555484 and randomising the start frames.

Thanks again,
Olly

Ähnliche Themen