它們兩個(gè)各自都有各自的優(yōu)缺點(diǎn),可以說(shuō)誰(shuí)也取代不了誰(shuí)。
1. 幀動(dòng)畫(huà)的優(yōu)點(diǎn)
- 適合復(fù)雜圖形的變換,類(lèi)似于電影院的播放模式;
- 幾乎可以表現(xiàn)任何內(nèi)容,無(wú)論 3D 還是復(fù)雜軌跡急停等效果。
2. 幀動(dòng)畫(huà)的缺點(diǎn)
- 高度依賴效果圖,如果沒(méi)有一個(gè)好的素材,就沒(méi)辦法出現(xiàn)好的效果;
- 難度不在程序員,在于美工那里,所以無(wú)論編程技術(shù)多好也會(huì)被美工水平所限制;
- 圖片的體積通常都遠(yuǎn)超代碼體積,簡(jiǎn)單效果最好用代碼實(shí)現(xiàn)。
3. 過(guò)渡動(dòng)畫(huà)的優(yōu)點(diǎn)
- 實(shí)現(xiàn)簡(jiǎn)單,代碼量少,好理解;
- 能根據(jù)瀏覽器自動(dòng)決定幀率,不需要自己指定幀率;
- 體積小,即使寫(xiě)很多過(guò)渡動(dòng)畫(huà)也不會(huì)有圖片那么大。
4. 過(guò)渡動(dòng)畫(huà)的缺點(diǎn)
- 實(shí)現(xiàn)的效果通常來(lái)說(shuō)相對(duì)簡(jiǎn)單;
- 不夠靈活,如果實(shí)現(xiàn)一些復(fù)雜動(dòng)畫(huà)就有些相形見(jiàn)絀了;
- 通常無(wú)法快速實(shí)現(xiàn)美工想出的一些天馬行空的復(fù)雜特效。
最后這個(gè)缺點(diǎn)怎么理解呢?是這樣,由于部分美工對(duì)界面效果要求較高,有時(shí)候會(huì)想出一些前端難以快速制作出來(lái)的效果,然而她們并不理解技術(shù)上的難度,會(huì)誤認(rèn)為這是個(gè)很容易實(shí)現(xiàn)的效果。所以此時(shí)如果將效果丟給美工(讓其渲染序列幀雪碧圖或 gif 動(dòng)態(tài)圖),既可以節(jié)約出開(kāi)發(fā)時(shí)間(有時(shí)開(kāi)發(fā)時(shí)間真的很緊,功能都快開(kāi)發(fā)不完了,不能在樣式上花費(fèi)過(guò)多時(shí)間),又可以讓美工知難而退(相信我,把任務(wù)交給美工的時(shí)候,她們突然就會(huì)覺(jué)得這個(gè)特效也不是特別有必要了)。
5. 小結(jié)
當(dāng)然大部分美工都是很善解人意噠!
不會(huì)出現(xiàn)為難你的情況。