鼠标拖曳的时钟

　　昨天看见的一个站，上面有一个用js做的跟随鼠标的时钟，蛮有趣，想想用FLASH应该也做得出，试了一下，效果还不错，正好心情不错，写了个教程，和大家探讨。

　　现在我们一步一步的来做。

　　1、新建一个文档，背景白色，新建一个mc，就叫clock吧。进入编辑。先做一个钟面，在一个层上分别做1~12的12个数字，都单独做成MC，实体名（instance name）分别命名为b1,b2...b12，排列成圆环状（这不很难吧，能够加圆形及十字辅助线做），关键在这里--每一个数字MC的中央点并非和数字重合！从clock的角度看，这12个数字MC的中央点全部重叠在钟面的中央。

　　

　　具体做时，能够增加一个辅助层，把钟面数字原样复制到辅助层上，并完全打散（和数字MC脱离干系），锁定。然后分别对b1,b2...进行编辑，把中央点都放置在十字辅助线的中央，而数字放在圆环上，对齐辅助层上的数字。--这个办法是不是有点笨啊？呵呵，但是mch我还是为此方法整整考虑了33分钟哦。

　　2、现在来做指针，一共有3根。（废话！）先做分针，依然在clock里面做，新加一层，用直线工具，用点线的线形画竖线，画好了把他转MC--line，注意，中央点放在竖线下端。

　　

　　回到clock，再按F8，做指针转圈的动画，还是要注意：line的下端对齐中央点，这都是为了确保指针能在钟面中央旋转。在21帧、41帧、61帧按F6插入关键帧，打开transform面板，21帧处旋转120度，41帧处旋转240度，然后全部加motion tween，在60帧处按F6加关键帧，并删除61帧。

　　

　　同样的方法做时针，当然做的比分针短一点（又是废话！）。秒针呢，我还是想了一个笨办法，让他按部就班的走吧--先按做分针的做法做好，然后从1到60全部加关键帧，然后去掉motion。因为是每秒12帧，所以，我在每2个关键帧之间加11个普通帧（连按11个F5罗，mch我按的手酸死了。）

　　3、把三根指针在clock中对好中央位置放好，其实不对准也没关系拉，因为下面我在AS里面会把他放在他应该呆的地方拉。把时、分、秒针所在mc分别命名为b13,b14,b15

　　4、现在我们来加AS

　　回到主场景，点选clock，写以下代码

　　onClipEvent (enterFrame) {

　　

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有