艺虎动画 > 用AS+引导线做写字效果

用AS+引导线做写字效果

翼虎动漫   2010-7-10

 

 

 

用橡皮+遮罩作太麻烦了,因此想了个用AS+MC来做的写字效果


思路:
将字首先打出来,然后打散,然后将这个打散的字作为引导,利用该引导作为引导线牵引笔的MC,这样笔的MC的X/Y坐标就在不断变化,并且所走路径是所打的字的路径。
然后让一MC利用onEnterFrame实时获得笔的笔头的X/Y的位置,并且复制自身到那个位置,既可完成效果


AS图层用来写AS,我是为了方便后期管理,所以专门建立的一层写AS,大家写在其他层也无所谓,不过这不是个好习惯HOHO

笔这一层是用来放入你随路径运动的笔

引导层是用来放入你所打的字,注意!在这一层输入文字后,一定要打散(Ctrl+B),这样才能将这个文字当作引导线!

复制图这一层用来放笔触,因为最终所写出的字是由一个个MC连续复制而成的,因此这一层放的东西,就是最终所复制(画)出来的东西,做这层的MC时,最好做成小点,当然你做成方块/大圆也无所谓,只是不好看/看不清罢了HOHO

创作篇:
首先来制作元件并且拖入吧,AS留在最后写,我认为这是一个好习惯,有利于清晰思路
首先在引导层输入文字,并且将之打散(单击选中文字,然后Ctrl+B)

然后在复制图层画一个点,然后选中他,按下F8将之转换为MC,并且将之的实力名命名为a
将a这个MC制作按照路径运动的动画,按下Ctrl+Enter进行测试,看看目标延路径运动是否成功,若成功则继续,若这一步没有成功,请直到做好这一步再继续下面的步骤


在笔这一层画一个笔,并且选中他,按下F8,将之转换为一个MC,命名为b,b这个MC再主场景上面的位置你随便放都可以,反正后面要用AS让他跟随笔触运动的

AS篇:
这样元件就创建完了,下面就是AS方面了:
在AS层第一帧加入:


i=0
//给I赋初值为0
onEnterFrame=function () {
//当载入针的时候运行以下AS:
_root.b._x=_root.a._x+10
//设置主场景上b这个元件(就是笔)的X轴和主场景上a这个元件(就是笔触)对齐,后面的+10是效正笔头对齐笔触,使字更加像是在用笔头写出来的
_root.b._y=_root.a._y+10
//b的y轴对齐a的y轴,其他理论和上面的x一样
duplicateMovieClip(_root.a,"a" add i,i);
//复制影片剪辑,复制主场景上的a(笔触),复制出来的新名字叫做"a" add i(如:i的值是0则"a" add i是a0,i的值是1则“a” add i是a1,依此类推),深度为i
i=i+1
i等于自身的值加1
}

以上已经完成这个效果了,你可以按下Ctrl+Enter进行测试,不过你看过一次就会发现-这个字只能写一次,一次过后笔在上面重复画,而原来的字没有消失,怎么办咧?呵呵,在最后将所有笔触清楚不就行咯~由于这些笔触是复制出来的,当然我们就要用对应的removeMovieClip进行删除,由于这些是复制出来了一堆一堆的,因此我们利用removeMovieClip进行删除的时候也要运用循环来进行删除,在动画的最后一帧加:


de = 0;
//给de赋初值为0,这个de就是为了后面删除笔触复制出来的mc做准备
while (de<i) {
//while循环,当符合()里面的条件时(de<i),执行循环体(大括号里面的AS,既下面的这些AS)
removeMovieClip("a" add de);
//删除"a" add de这些MC,如:e的值是0则"a" add de是a0,de的值是1则“a” add de是a1,依此类推
de = de+1;
//de的值为本身的值加1
}

//由于while是执行一次判断一次条件(de<i),而de的值是从0开始累加,每次执行循环的时候de的值又会在本身的条件上+1,因此这样就会一次性删除所有的笔触的mc了

在周围人不断的打扰下终于写完了××
有什么不懂的跟贴吧,我会尽力解答的