製作互動動畫效果是優先考慮CSS3,還是各種JS animation庫(不使用css3)?

時間 2021-06-03 13:53:20

1樓:vilicvane

桌面的話, 其實無所謂, 部分情況寫 JS 可能跟寫 CSS 差不多. 而且因為桌面效能有優勢, 即使是較老的瀏覽器也能流暢執行動畫.

移動端的話, 其實還是無所謂,,, XD. 反正 IE10/IE11 的動畫都有很多坑就是了...

所以在達到目標的情況下, 我覺得這兩種方式並沒有明確的簡易與否的分別. 最簡單的動畫用 CSS3, 稍複雜, 涉及到簡單 CSS 不易處理的互動和巢狀動畫的情況 (IE 的坑), transition + JS (所以其實不需要額外引入庫). 至於其他的, 直接 fallback 到無動畫即可.

妹的我真心不想黑 IE. 但是 IE 真心坑多.

2樓:

這是產品決策而非技術決策。是 Graceful Degradation 還是 Progressive Enhancement 取決於目標使用者的瀏覽器品牌和版本分布,兩種不同的角度分別有不同的解法。

3樓:biggates

產品經理如果允許降級體驗的話(IE6等瀏覽器上看不到),那就直接上 CSS3 ;產品經理如果堅持要 IE 6 也支援的話,那就只好搞 JS 庫了……

話說我們有一次有個客戶,無比牛氣的提需求說我們一定要用響應式!要給客戶最好的體驗!!然後我們戰戰兢兢給他做了整套的設計稿以後又說:

你們怎麼做這麼多套一樣的……後來才發現他不知道響應式設計是個啥……

3D動畫製作流程是怎樣的?

摩登影視傳媒 3d動畫分類有建築動畫,產品動畫,人物動畫等,模型的難易程度不一樣,做法也不一樣,第一都根據甲方要求先出文案編輯,文案通過後根據文案指令碼出鏡頭,然後說到3D軟體具體製作流程第一都是先建模型,然後貼材質貼圖,打燈光反覆調整測試渲染 給你幾個參考源吧 PIXAR有紀錄片 The Pixa...

黏土動畫是怎麼製作出來的?

黃叔 逐幀拍攝。黏土動畫更像是體力活,動畫不就是一格一格的畫片快速翻動而來嗎?黏土動畫就是乙個畫面乙個畫面拍攝 編輯,然後後期合成出來。動畫是畫出來的,黏土動畫是拍出來的。有點像延時攝影。一般都是由愛好者和小的工作室拍攝,主要是因為投入產出比很低。此外一般不會24幀都有變化,連續兩到四幀可能是完全相...

Android 和 iOS 提供的動畫效果是如何繪製出來的?

可以,不過系統的會考慮全面一點。比如丟幀,如果自己寫,20毫秒變化一點,可有時計算超時,會感覺明顯卡頓。安卓有objectanimal,就是定義乙個變數,單位時間改變值,你只需要考慮值對應的圖就行了。搬冰淇淋的安卓程式猿。 王旭競 複雜了。頂層的封裝不說了,比如css的動畫,這種可以理解為編寫動畫指...