разрывы экрана во время анимации css и прерывистая анимация css

Я использую анимацию css в приложении-приемнике, которое работает на chromecast, и я заметил 2 проблемы с ним.

Во-первых, анимация очень корявая. По моим оценкам, это выглядело примерно 5 кадров в секунду.

Во-вторых, проблемы с разрывами экрана во время анимации. Похоже, система не ждет vblank перед заменой буферов?

Я использовал тестовое изображение, и вот мои определения css для анимации:

#testImage {
    animation-name:             seesaw;
    animation-duration:         5.0s;
    animation-iteration-count:  infinite;
    animation-timing-function: linear;

    -webkit-animation-name:             seesaw;
    -webkit-animation-duration:         5.0s;
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes seesaw {
    0% { left: 0px; }
    50% { left: 500px; }
    100% { left: 0px; }
}
@keyframes seesaw {
    0% { left: 0px; }
    50% { left: 500px; }
    100% { left: 0px; }
}

Я делаю что-то не так, или мне следует вообще избегать использования CSS-анимации в приложении-приемнике?

Кто-нибудь может посоветовать, как еще мне сделать анимацию?


chromecast google-cast
person jchionh    schedule 27.08.2013    source источник
comment
см. другой пост по этой проблеме о [переводе больших изображений] [1] [1]: stackoverflow.com/questions/19368667/   -  person user2880296    schedule 29.10.2013

Ответы (1)


arrow_upward
2
arrow_downward

Я не думаю, что вы делаете что-то не так, просто устройство Chromecast ограничено в возможностях анимации. Леон Николс сделал несколько полезных тестов здесь: https://plus.google.com/1179160555521642810655/posts/9dBQp7SShv8

person Doug Lamb    schedule 08.09.2013
comment
спасибо за ссылку. хотя время рисования составляет 100 мс, что слишком долго, проблема разрыва экрана, я считаю, заключается в том, что хромкаст не синхронизируется с буферами подкачки. это вызовет эффект разрыва. - person jchionh; 31.10.2013