狡猾的小球--经典FLASH制作
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-15
|
来看看这个小球是多么的狡猾吧，把你的鼠标放上去，看看能不能捉到它，是不是碰不到，你到哪去，它就躲开，哈哈，，想不想知道怎么做的？ 跟我来看看：看看这个效果是怎么做的吧，这个看起来复杂，其实简单的很，为了显示Flash actionscript 的强大而已，symbol的构成非常简单。 只有1个主要的东东，就是名字为bola 的一个mc,这个mc的构成也非常简单,只有两个layer 下面的一个画上一个圆，用radial Gradient+少许的alpha，添充，觉得有点复杂嘛？别着急，慢慢来，画圆谁都会吧？好了，下面你需要这样做：打开fill面板 方法是这样的 window->panels->fill。  看到的应该是这图一这样子的，然后选择radial Gradient 会出现选择颜色的界面，随便选择一个，然后打开mixer 面板 ，也是在 window->panel->mixer，看到那两个小爪子了吗？，点击一下，就可以在mixer面板当中改变R,G,B 颜色以及alpha 属性了，在这个例子里面我用的是纯绿色 即：R:0 G:255 B:0 Alpha:100%。 然后最右边是 R:0 B:0 G:0 alpha=0 这样的颜色来添充的 ,好了 ，主体mc (bola) 之 圆部分 已经搞定了，下面来进行action的设置 在它上面的layer上面分别建立三个keyframe 就是insert-> keyframe 或者F6,然后开始写上如下的脚本： 第一帧： x00 = _x; y00 = _y; MAAI = 5000; 初始化变量x00 数值是 mc的横坐标， 初始化变量y00 数值是 mc的纵坐标, 初始化变量maai 数值是 5000 第二帧： x0 = _x; this mc 的横坐标赋值给x0 y0 = _y; this mc 的纵坐标赋值给y0 x = _root._xmouse; 取得主场景中的鼠标的横坐标赋值给x y = _root._ymouse; 取得主场景中的鼠标的纵坐标赋值给y a = x-x0; 取得这两个横坐标的差值，赋值给a b = y-y0; 取得这两个纵坐标的差值，赋值给a r = Math.sqrt(a*a+b*b); 计算出来鼠标所在位置以及mc所在位置之间的线段长度，应用的是数学平面几何两点之间距离公式 quer_fugir_x = this._x-(a/r)*MAAI/r; 利用余切三角函数，计算出距离差x quer_fugir_y = this._y-(b/r)*MAAI/r; 利用正切三角函数，计算出距离差y quer_voltar_x = (x00-x0)/2; 计算鼠标与主场景当中mc的坐标的中点，利用的是数学平面几何的中点坐标公式 quer_voltar_y = (y00-y0)/2; 计算鼠标与主场景当中mc的坐标的中点，利用的是数学平面几何的中点坐标公式 this._x = quer_fugir_x+quer_voltar_x; 设定新的mc横坐标，数值是刚刚我们计算出来的两个横坐标数值的加和 this._y = quer_fugir_y+quer_voltar_y; 设定新的mc纵坐标，数值是刚刚我们计算出来的两个纵坐标数值的加和 第三帧： gotoandplay(2); 不断回到第二帧，以便响应鼠标的移动，不断取得新的数值，赋值出去，就看到我们现在动画的样子了呀！简单嘛？呵呵 还有一些小玩艺，email button ，很简单，我们以前没少做过这样子的呀 ctrl+f8建立一个button 然后在各个帧上面作如下的设定： up : 画上一个@ 符号 over: 变成email 地址 down：变小一点 hit : 一个矩形方块 然后把这个button拖到主场景当中，在onmouseevent上面设置如下的脚本： On (press) {get url("mailto:goetzlich@voss-group.de"); } 当这个button被按下的时候，就跳转到这个url地址，，当然，在HTML语言里面 mailto: 就是说用你的OE (Outlook)自动发信给mailto:后面的地址 所以，就实现了email功能，下面来回到scene1 ,把mc (bola)拖进来，排列好就行了，数量不限呀，不过不能太多，否则你的机器会受不了的！说到这里，你应该会怎样做了吧？ 在这里下载源文件 关键词：小球 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: ActionScript教程(56)--创建智能剪辑下一篇: Flash 神奇遮罩之原理篇
关于狡猾的小球--经典FLASH制作的所有评论
