Reputation: 1520
I have created a script to animate smoke. I animate three png files. These png files are files with smoke images.
But sometimes the script is a bit choppy and the smoke animation is not smooth. Sometimes when reloading the Smoke the animation is not smooth.
How can I fix the problem so that the smoke animation runs smoothly.
You can see the script and demo on jsfiddle (editable):
Upvotes: 7
Views: 374
Reputation: 14593
Very cool.
Using transform
(-webkit-transform
, -moz-transform
, and -o-transform
) to animate the movement instead of absolute positioning by bottom
will get most browsers to kick in hardware acceleration, that should take care of the flickering.
I don't know about IE though...
Upvotes: 1