I ve tested a script like this but its not smooth for android 6 for chrome browser. For ios devices seem quite smooth. Ive also tried using x and y rather than left and top but still the same. Any idea on either changing the code or improve something on the android?
var particleTimer = setInterval(function(){
$(".particle").each(function(i,e){var obj = $(this)var speedHorz = obj.attr("data-speedHorz")var life = obj.attr("data-life")var direction = obj.attr("data-direction")var speedUp = obj.attr("data-speedUp")var size = obj.attr("data-size")var time = obj.attr("data-time")var left = parseInt(obj.css("left"))var top = parseInt(obj.css("top"))// console.log("left"+left)
time = time - life;
left = left -(speedHorz * direction);
top = top - speedUp;
speedUp =Math.min(size, speedUp -1);// spinVal = spinVal + spinSpeed;// console.log("spinVal"+spinVal)// console.log(time)// console.log('sad')TweenLite.set(obj,{
height: obj.attr("data-size")+'px',
width: obj.attr("data-size")+'px',
left: left+'px',
top: top+'px'});})},1000/60);
Android Chrome 6 lags when multiple element is tweening
in GSAP
Posted
I ve tested a script like this but its not smooth for android 6 for chrome browser. For ios devices seem quite smooth. Ive also tried using x and y rather than left and top but still the same. Any idea on either changing the code or improve something on the android?