iT邦幫忙

0

大家好。想請問這個網站的效果,會用什麼方法做呢?
https://asmobius.co.jp/
一進入網站的slidwshow,中間圓形donut animation,會用軟件去做? 還是用不同的js library 配合而成? 最後出來是canvas的格式來的。

如果只有js 及一般css去做,很難想像做出來會有好的performance,不知道大家又覺得可以怎樣做呢。

謝謝。

4
浩瀚星空
iT邦大師 1 級 ‧ 2019-06-10 11:51:07
最佳解答

HTML5方式。有很多美工動畫用軟體都能做到。
我公司是用adobe animate這套軟體來達到這樣的效果。
其它還有很多相關的。你可以用關鍵字找。

但是,要做到美美的特效跟視覺感,大多數來說並不是程式設計師能辦到的事。
雖然有些軟體可能會有範本可以套用,但要能表達自我還是有其一定的限制。
這還是需要有動畫其美感的人員來處理。
我這邊是由美工做好後才給我們套用處理的。

真要我做成那樣我也辦不到。
如果找現成的也有可能不太符合網站的需求。

1
dragonH
iT邦新手 1 級 ‧ 2019-06-10 09:11:41

看起來是用

Vue.js

three.js

還有

GSAP

做的

Homura iT邦高手 1 級 ‧ 2019-06-10 13:14:33 檢舉

還有webpack打包XD

dragonH iT邦新手 1 級 ‧ 2019-06-10 14:05:37 檢舉

/images/emoticon/emoticon05.gif

0
老了皮兒
iT邦新手 5 級 ‧ 2019-06-11 10:09:38

如同浩瀚星空所說樣子,最快的方式使用adobe animate,在這我補充這種技術在flash時期是三腳貓功夫,而不過時空換到html的時後,因為架構不同,特效顯得難做也不適搭。html有更好的表現手法的,且更容易。可去國外和日本的goodsite觀摩,謝謝

我要發表回答

立即登入回答