0

Html5 Transform

Our in house web developer has been having trouble with transitions from image to image and reported back to me... 

 

I tried to use GPU accelaration to get the transition to behave. But invoking GPU accelaration by using CSS 3d transform properties stops the page processing anything else.

Eg
-webkit-transform:rotate(0)
transform:rotate(0)


FYI: have removed the transition for now as I can't find any good way of fixing the fade at this point.

5 comments

  • 0
    Avatar
    maarten81

    I'm also experiencing issues related to html 5. The use of html5 is rather limited, the processor in the XD units lacks processing power to display such animations properly.

    I'm having an issue with a simple news ticker tape, made in html5. The XD230 refuses to play the tape faster, when I set the scrolling speed faster in my correspondig .js file. In all normal desktop browsers the speed follows accordingly. Brightsign seems very reluctant to answers questions regarding the compatibility of html5 and css3 type of functionality.

    So even basic animations struggle in presentations. I even tried to run a presentation with only a tape instance. It doesn't make a difference in speed unfortunately.

     

     

     

  • 0
    Avatar
    Romeo

    Hi,

    Could you please provide your HTML5 content so we could test it?

    Thanks,

    Romeo

     

  • 0
    Avatar
    maarten81

    Hi Romeo,

    I already posted the affected tickers in my "html5 performance" thread. But for convenience here they are:

    http://feeds.facereverse.nl/test/newstickerquick/index.php
    http://feeds.facereverse.nl/test/newstickerslow/index.php

    In any browser you'll see the difference. On the XD230 it all looks the same speed.
    I've tried numerous things, like minimizing the script, html mark up etc. Nothing helps. (That's why the mark up of the quick version is slightly different now)

    I hope you can point me in the right direction for solving this issue or at least giving me an advice on which animations' to skip on a XD230. I think a lot of people would benefit from having a more in depth explanation of the processor capabilities.

    Thanks in advance!

     

    Maarten

     

  • 0
    Avatar
    Lyndon

    It's not a limitation of the processor but there was graphics acceleration that wasn't in place. That's in testing currently, and will be posted in a firmware update. So, better support for transforms, graphics acceleration, 3d acceleration have all been implemented and are in testing. 

  • 0
    Avatar
    maarten81

    Ok, thanks for the update! Happy to hear this will improve in a (hopefully near) firmware update.

Please sign in to leave a comment.