Зрабіць сцэнар лепш. Дым не згладжваючы дастаткова

Я стварыў скрыпт для анімацыі дыму. Аніміраваць тры PNG файлаў. Гэтыя файлы PNG файлы з дымавымі малюнкамі.

Але часам сцэнар трохі парывісты і дым анімацыя не з'яўляецца гладкай. Часам пры перазарадцы Smoke анімацыя не з'яўляецца гладкай.

Як я магу вырашыць гэтую праблему, так што дым анімацыя праходзіць гладка.

Вы можаце ўбачыць сцэнар і дэма на jsfiddle (рэдагуемыя):

Сцэнар на jsfiddle

8
Вы бачыце зыбе ва ўсіх браўзэрах або ў браўзэры, у прыватнасці? Я не бачу зыбе на Firefox 7, Linux.
дададзена аўтар stivlo, крыніца
Дзіўна, сэр супер !!!
дададзена аўтар abhijit, крыніца
@rkw: а GIF дазволіць толькі двойкавую празрыстасць, што, несумненна, выглядаюць горш.
дададзена аўтар Joachim Sauer, крыніца
Вы можаце: 0. гэта выглядае выдатна :) 1. стварыць усе дзівы толькі адзін раз у пачатку і выкарыстоўваць іх; 2. аддзяліць бягучы DIV замест выдалення; 3. кэшаваць дым элемент;
дададзена аўтар Irishka, крыніца
Мне падабаецца эфект. Я бачыў толькі зыбе адзін раз, але гэта было вельмі кароткім. Ці ёсць прычына, што вы не проста накладваць аніміраваныя GIF?
дададзена аўтар rkw, крыніца
Я бачыў толькі некаторыя зыбе, калі дым спрайты грузілі.
дададзена аўтар Leonardo Herrera, крыніца
@Irishka: Я спрабаваў кэшаваць яго дымавой элемент; гэта не вырашала час ад часу анімацыі ікаўкі.
дададзена аўтар weir, крыніца

1 адказы

Вельмі файна.

Выкарыстоўваючы пераўтварэнні ( -webkit-пераўтварэнне , -moz-пераўтварэнне і -о-пераўтварэнне ), каб ажывіць рух замест абсалютнага пазіцыянавання з дапамогай ніжні атрымае большасць браўзэраў штурхнуць апаратнае паскарэнне, якія павінны клапаціцца аб мігценні.

Я не ведаю пра IE, хаця ...

1
дададзена