用AS+引导线做写字效果

作者佚名技术来源服务器技术浏览发布时间 2012-07-10

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

点击浏览该文件
源文：
MX2004格式：

点击浏览该文件
MX格式：

点击浏览该文件
思路：
将字首先打出来，然后打散，然后将这个打散的字作为引导，利用该引导作为引导线牵引笔的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//while循环，当符合()里面的条件时（de 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
在周围人不断的打扰下终于写完了××
有什么不懂的跟贴吧，我会尽力解答的

关键词：

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: xml方式载入图片自动轮换显示下一篇: 动太文本与输入文本旋转后无法显示的解决办法

关于用AS+引导线做写字效果的所有评论

随机推荐