Nadir Logo appears in screen at ath=0

  • Hi Klaus,

    something strange:
    If I have an embeded nadir logo and if I rotate the pano slowly, the logo is shown for a short time on the lefttop of the screen near ath=0
    (only HTML5 in FF V.34, Flash is fine, WIN 8, krpano 1.18)
    This happens only, if I look near atv=0 and rotate slowly, if you rotate fast you won`t see it! same with autorotate...

    I had a look at your example, https://krpano.com/examples/118/e…nadir-logo.html , same result...

    Any ideas?

    Thanks for help, thanks for all your work and merry x-mas;-)
    Steve

  • Hi,

    that's a CSS3D rendering bug of newer Firefox versions...

    The CSS3D support from severals browsers are unfortunately getting worse and worse - Firefox and Chrome have both bad and buggy CSS3D rendering. Luckily both browsers are supporting WebGL, which is currently used only for the pano display itself.

    But I'm already working on rendering image hotspots also via WebGL to avoid CSS3D as much as possible. WebGL is a real graphics API, there the browsers can't do such things.

    Best regards,
    Klaus

  • Ahh, ok, thanks... I thought I´ve seen the bug in Chrome too, but testing that situation the logo didn´t appear...

    Sounds good to render the HS-Images in WebGL...little but annoying CSS-3D bug...

    Good luck..;-)

  • Hi,

    please see above - that's a Firefox CSS3D bug - fixing it itself isn't possible from krpano side - ony Mozilla could do fixes here (but regarding to the history of browser CSS3D bugs I don't expect anything soon).

    But for krpano version 1.19 I'm working on rendering distorted hotspots by WebGL. That means in this case krpano will control almost everything about the rendering and not the browser as it is now with CSS3D.

    As workaround these solution would be possible:

    • Don't use distorted hotspots in Firefox - e.g. use a simpler zoom=true hotspots instead:

      Code
      distorted.html5.and.firefox="false"
      distorted.flash.or.no-firefox="true"
      zoom="true"
    • Prefer Flash for Firefox:

      Code
      embedpano({..., html5:(navigator.userAgent.indexOf("Firefox") > 0 ? "fallback" : "prefer"), ...});


    Best regards,
    Klaus

  • Hi,

    about workarounds - I've found another quick one - just add this line:

    Code
    <view fisheye="0.001" devices="firefox" />

    As older Firefox versions also had this bug, but not that hard and only noticeable when using fisheye distortions (where the hotspots easier become flipped) there is already a build-in workaround in krpano for this case. But this workaround only got applied when the fisheye distorted was enabled - therefore set the fisheye setting (only for Firefox) to a very small value to apply it.

    There will be a bugfix version 1.18.3 where this workaround will be included automatically and in version 1.19 the distorted hotspots will be rendered by WebGL.

    Here the nadir-logo example with this workaround:
    https://krpano.com/examples/118/e…w.fisheye=0.001

    Best regards,
    Klaus

  • Oh hell yes, thank you! This has been plaguing me for a while, and I knew it was a firefox issue -- I just couldn't figure out a workaround. I was just about to post about the issue, when I found this!

    Many thanks.

  • I tried all the workarounds mentioned by Klaus, and none of them were ideal (which is fine -- it is a workaround, after all!). BUT, purely by accident, I stumbled on a flawless fix (at least for me). I'd be curious if anyone else can say the same?


    For each scene, I replace my nadir hotspot lines from this (some unrelated attributes removed):

    <hotspot name="nadirlogo" url="skin/NadirLogo.png" ath="0.000" atv="90.000" scale="1.0" rotate="0.0" distorted="true" rotatewithview="true" />

    To this:

    <hotspot name="nadirlogo" url="skin/NadirLogo.png" ath="0.000" atv="90.000" scale="1.0" rotate="0.0" distorted.html5.and.firefox="false" distorted.flash.or.no-firefox="true" rotatewithview.html5.and.firefox="false" rotatewithview.flash.or.no-firefox="true" />

    The first part (distorted) is mentioned above by Klaus, but the second part (rotatewithview) finishes the puzzle!
    For some odd reason, the nadir logo rotates with view on Firefox, even though "rotatewithview" is set to "false".
    I am puzzled by WHY this works, all I know is that it DOES!

    Hope this helps someone else.

  • Hi Klaus, the nadir logo keeps appearing in top-left corner in FireFox, form time to time, especially when you pan to left.
    Tested in 1.19-pr2 as well.

    I can provide link, if needed.

    Any work-around for this?

    thanks,
    Dorin

    2 Mal editiert, zuletzt von DorinDXN (30. Juni 2015 um 13:12)

  • Any work-around for this?

    Just see a few posts above:
    Nadir Logo appears in screen at ath=0

    But as said it's a Firefox CSS3D bug (on some systems) and as soon as the hotspot-rendering-via-WebGL support is fully ready (planed for the final 1.19 version), it will be possible to render the hotspots via WebGL (automatically) - then the CSS3D bugs of the browser will not matter anymore for this case.

    Best regards,
    Klaus

  • Thank for quick reply, I understand that is Firefox bug.

    a kind of work-around I found is this

    Code
    onviewchange="set(hotspot[nadirlogo].rotate,get(view.hlookat)); set(ver, get(view.vlookat)); if ((ver GT 25) ,set(hotspot[nadirlogo].visible,true),set(hotspot[nadirlogo].visible,false)) ;"

    maybe is of some help for others, until the final 1.19 is out.

    cheers,
    Dorin

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!