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>
    -->

像Rally Interactive使用的复杂动画一样的动画

1 个答案: