複雜的閃光像拉力賽互動使用的動畫

Question

我最近遇到這個網站。 http://beta.rallyinteractive.com/。該網站使用一些相當複雜/令人敬畏的動畫。他們只使用一個被縮小的腳本文件。我使用chrome擴展了他們的腳本，並試圖弄清楚他們如何完成他們的動畫。我有三個問題：

• 他們是否有任何資源可以指導我如何創建如此酷炫的動畫。
• 他們只是使用Html5 canvas元素而沒有像Raphael.js這樣的腳本？
• 是否值得學習如何創建畫布動畫，或者您認爲將會有某種Flash IDE將會消除學習API的複雜性？

謝謝

泰隆

Answer 1

如果你看一下頁面的源代碼，他們評論說，他們使用JavaScript文件的列表。

<!-- 
    <script src="/static/js/flush/events/Events.js"></script> 
    <script src="/static/js/flush/events/GlobalEvent.js"></script> 
    <script src="/static/js/flush/events/GlobalEvents.js"></script> 
    <script src="/static/js/flush/events/MouseEvent.js"></script> 
    <script src="/static/js/flush/display/Stage.js"></script> 
    <script src="/static/js/flush/display/Sprite.js"></script> 
    <script src="/static/js/flush/display/TraditionalSprite.js"></script> 
    <script src="/static/js/flush/geom/Point2D.js"></script> 
    <script src="/static/js/flush/utils/Tween.js"></script> 
    <script src="/static/js/flush/utils/Ease.js"></script> 
    <script src="/static/js/flush/utils/Utils.js"></script> 
    <script src="/static/js/flush/color/HEXColor.js"></script> 
    <script src="/static/js/flush/color/HSVColor.js"></script> 
    <script src="/static/js/flush/color/RGBColor.js"></script> 
    <script src="/static/js/rally/sprites/BioIn.js"></script> 
    <script src="/static/js/rally/sprites/BioShare.js"></script> 
    <script src="/static/js/rally/sprites/BioTweet.js"></script> 
    <script src="/static/js/rally/sprites/BigTweet.js"></script> 
    <script src="/static/js/rally/sprites/BigShare.js"></script> 
    <script src="/static/js/rally/sprites/NavArrow.js"></script> 
    <script src="/static/js/rally/CountText.js"></script> 
    <script src="/static/js/rally/BottomBar.js"></script> 
    <script src="/static/js/rally/Refresh.js"></script> 
    <script src="/static/js/rally/DribbbleLink.js"></script> 
    <script src="/static/js/rally/Icons.js"></script> 
    <script src="/static/js/rally/TriangleMask.js"></script> 
    <script src="/static/js/rally/Triangle.js"></script> 
    <script src="/static/js/rally/Rally.js"></script> 
    -->