分享
 
 
 

有趣!用Flash制作互动的小人

王朝other·作者佚名  2008-05-19
窄屏简体版  字體: |||超大  

我们先来看看实例的效果,场景中有六个小球,分别代表人的头、腰、手、脚,如果用鼠标拖动小人身体的任何一部分,身体的其他部分都会做出相应的动作,整个身体各部分之间位置的改变是很协调的。

实现其实是很简单的,下面我们一步一步来制作这个实例效果。

1、打开Flash,新建一个场景,按“Ctrl + F8”新建一个Clip,命名为“Symbol 5”,类型为“Button”,用椭圆工具在此Clip的场景中绘制一个圆,并用填充工具填充一个渐变颜色,如图所示。

2、按“Ctrl + F8”新建一个Clip,命名为“Symbol 1”,类型为“Movie Clip”,将上一步所制作的“Symbol 5”拖到此Clip的场景中,并在“Symbol 5”Clip的Action面板上面增加如下语句:

on (press) {

this.startDrag();

//当鼠标点击的时候,拖动Clip

}

on (release, releaseOutside) { //当放开鼠标的时候,停止拖动Clip

this.stopDrag();

}

3、按“Ctrl + F8”新建一个Clip,命名为“Symbol 4”,类型为“Movie Clip”,用直线工具在此Clip的场景中绘制一小段直线。

4、按“Ctrl + F8”新建一个Clip,命名为“Symbol 1 copy”,类型为“Movie Clip”,将第一步中制作的“Symbol 5”拖到此Clip的场景中,并在“Symbol 5”Clip的Action面板上面增加如下语句:

on (press) {

this.startDrag();

drag = 1;

}

on (release, releaseOutside) {

this.stopDrag();

drag = 0;

}

5、在“Symbol 1 copy”Clip中,用鼠标右键单击时间轴上面的图层,选取插入一个新的图层,将第三步所制作的“Symbol 4”拖到新插入图层的场景里面,选取场景中的“Symbol 4”,在属性面板上面设置实例名为“link”。

6、在“Symbol 1 copy”Clip中,用鼠标右键单击时间轴上面的图层,再选取插入一个新的图层,在此图层的第一帧的Action面板上面插入如下语句:

nx = parent._x+sx; //取得场景中表示头的那个小球的位置。

ny = parent._y+sy;

if (i<1) {

i = Math.ceil(Math.random()*179); //取得一个随机的整数。

}

if (i>180) {

i = 1; //大于180,则重新置为1

} else {

i++;

}

x = ((_root.inertion-1)*_x+nx)/_root.inertion+_root.s[i]*_root.force;

//计算取得小球所要改变位置的值

y = ((_root.inertion-1)*_y+ny)/_root.inertion;

dx = x-_x;

dy = y-_y;

if (drag>0) {

parent._x = parent._x-dx/_root.elast; //改变球的位置

parent._y = parent._y-dy/_root.elast;

if (parent.parent) { //改变代表头部的小球的位置

parent.parent._x = parent.parent._x-dx/_root.elast/_root.elast/_root.elast;

parent.parent._y = parent.parent._y-dy/_root.elast/_root.elast/_root.elast;

}

} else {

_x = x;

_y = y;

}

dx = parent._x-_x; //重新取得值,在下一帧中使用

dy = _y-parent._y;

link._xscale = dx*10; //改变球之间的直线的长度

link._yscale = dy*10;

在新插入图层的第二帧上面单击鼠标右键,选取插入空白关键帧,此时图层之间的位置应该如图所示,在第二帧的Action面板上面插入一段ActioScript代码,这段代码跟跟上一帧是一样的,需要两帧是因为要不断播放,不断的改变球之间的位置。

7、回到影片的主场景中,用“Ctrl + L”打开图库,从图库中拖一个“Symbol 1”Clip的实例到场景中,并在其的属性面板上面设置实例名为“sparent”。从图库中拖五个“Symbol 1 copy”Clip的实例到场景中,并分别在它们的属性面板上面设置实例名为“i1”、“i21”、“i22”、“i3”、“i2”,此时场景中应该如图所示。

8、选取主场景中时间轴上面的第一帧,在其Action面板上面增加如下语句:

elast = 1.5; //分别初始化几个值

inertion = 10;

force = 1;

i1.parent = sparent;

i1.sx = 30;

i1.sy = 80;

i2.parent = sparent;

i2.sx = 0;

i2.sy = 70;

i3.parent = sparent;

i3.sx = -30;

i3.sy = 80;

i21.parent = i2;

i21.sx = 20;

i21.sy = 60;

i22.parent = i2;

i22.sx = -20;

i22.sy = 60;

s = new Array(); //初始化两个数组

c = new Array();

for (i=0; i<180; i++) {

s[i] = Math.sin(i*Math.PI/90); //将数学中的Sin值保存到数组中

}

for (i=0; i<180; i++) {

c[i] = Math.cos(i*Math.PI/90); //将数学中的Cos值保存到数组中

}

至此,实例就制作完成了,按“Ctrl + Enter”就可以看到实例的效果。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有