- 主题:用js做动画,哪个库性能好些
目前只一个一个three,也不知道好不好用。
动画是二维的
--
FROM 210.148.125.*
动画尽量css写,js性能不行
【 在 ssxm () 的大作中提到: 】
: 目前只一个一个three,也不知道好不好用。
: 动画是二维的
--
FROM 111.198.140.*
re,能用css尽量不用js。
另外,css会开启GPU渲染。
【 在 shaolin 的大作中提到: 】
: 动画尽量css写,js性能不行
:
--
FROM 183.129.159.*
那是没写对
【 在 shaolin 的大作中提到: 】
: 动画尽量css写,js性能不行
:
--
FROM 111.198.98.*
兄台来个对的来?
【 在 cribaby (一笑置之) 的大作中提到: 】
: 那是没写对
--
FROM 111.198.140.*
复杂动画只能js写 而且性能必须没问题 requestAnimationFrame了解一下
楼主的问题,2d库pixi.js了解一下
【 在 shaolin 的大作中提到: 】
: 兄台来个对的来?
:
--
FROM 111.198.98.*
css动画太单调,js无所不能。
js动画性能只能无限接近css动画,毕竟少一些api调用的开销。
另外还有gpu。。
【 在 cribaby (一笑置之) 的大作中提到: 】
: 复杂动画只能js写 而且性能必须没问题 requestAnimationFrame了解一下
: 楼主的问题,2d库pixi.js了解一下
--
FROM 111.198.140.*
一般在50-60fps的时候,js的性能还不至于那么糟糕。但是操作的对象数量一多就会卡。
我测试的在iphone5c的safari上用js同步动画四五十个对象时就出现卡顿,而在iphone5s上就完全不卡了。用android的机器也不卡。当然PC桌面chrome更加不会卡。
需要注意的是,这个卡顿是由于页面reflow太频繁的原因(我没有搞批发一起动)。如果直接用canvas,那有多少也不会卡。当然用canvas跟css动画比也不太公平哈。
【 在 dreamingGirl 的大作中提到: 】
: css动画太单调,js无所不能。
: js动画性能只能无限接近css动画,毕竟少一些api调用的开销。
: 另外还有gpu。。
: ...................
--
修改:xenapior FROM 112.28.149.*
FROM 112.28.149.*
说 css 单调的,用 js 做出来人家 css 的效果试试:
https://keithclark.co.uk/labs/css-fps/
【 在 dreamingGirl (Dreaming ...) 的大作中提到: 】
: css动画太单调,js无所不能。
: js动画性能只能无限接近css动画,毕竟少一些api调用的开销。
: 另外还有gpu。。
: ...................
--
FROM 101.98.83.*