当前位置: 首页 > 图文教程 > Flash动画 > Flash实例教程 > AS实例之简单的不倒翁Flash动画

Flash实例教程
Flash教程:AS制作加载外部.swf影片的视频播放器
FlashAS3.0实例教程:喷泉动画特效
Flash cs3仿真艺术设计2.5:压扁与拉伸运用
Flash cs3仿真艺术设计2.6:轻松制作飞舞的蝴蝶
Flash CS4教程:AS3制作非常漂亮的曲线
Flash实例:AS3制作茶杯震动动画
Flash教程:鼠标点击显示打散动画
Flash实例教程:鼠标感应放大缩小动画
Flash实例教程:启动摄像头拍照动画
Flash AS3教程:制作文字飞出动画
Flash CS3教程:线性渐变模糊运动动画特效
Flash动画制作实例:不间断滚动图片动画
Flash AS3简单制作百叶窗图片特效
Flash AS3简单制作图片缓动特效动画
Flash AS3简单制作跟随鼠标缓动运动的圆
Flash轻松制作照片上有水纹波动动画
Flash实例:庆祝祖国60华诞烟花动画
Flash CS4教程:旋转的3D立方体动画
Flash实例教程:好看的旋转文字动画
Flash实例教程:低排放高节能汽车广告动画

Flash实例教程 中的 AS实例之简单的不倒翁Flash动画


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 84 ::
收藏到网摘: n/a

制作不倒翁的步骤并不复杂,主要是靠as代码来实现其不倒的效果。
  效果演示: (用鼠标拖动图中的小孩可以看到不倒翁系统)


制作不倒翁的步骤并不复杂,主要是靠as代码来实现其不倒的效果。声明一下代码不是我编的,我只是讲解一下制作步序:

1、新建文档/导入需要的图片;

2、新建影片剪辑元件1,把图片拖入场景中,居中对齐。见图一

可爱不倒翁动画效果

3、新建影片剪辑元件2,把新建影片剪辑元件1拖入场景中,取实例名为:dr;并把它90度顺时针旋转,适当离开场景的中心点,注意离开中心点距离越远,摆动的幅度越大。见图二


可爱不倒翁动画效果

4、回到主场景,第一层第一帧把新建影片剪辑元件2拖入场景中,并把它90度逆时针旋转,取实例名为:mc;安放在适当的位置。见图三

可爱不倒翁动画效果

5、新建图层2第一帧输入如下代码:

function eseaing()
{
var _loc1 = (-90 - mc._rotation) * 3.000000E-001;
v = v   _loc1;
v = v * 8.000000E-001;
mc._rotation = mc._rotation   v;
} // End of the function
var dr = false;
mc.onPress = function ()
{
dr = true;
};
mc.onRelease = function ()
{
dr = false;
};
mc.onReleaseOutside = function ()
{
dr = false;
};
onEnterFrame = function ()
{
if (dr)
{
angle = Math.atan2(_ymouse - mc._y, _xmouse - mc._x) * 180 / 3.141593E 000;
if (angle > -10 && angle < 90)
{
angle = -10;
} // end if
if (angle < -170    angle > 90)
{
angle = -170;
} // end if
mc._rotation = angle;
}
else
{
eseaing();
} // end else if
};
var v = 0;
代码什么意思我也一知半解,恕不解释。

(友情提示:如果想制作效果好一点,可以把不倒翁制成运动的元件,背景再美化一下。)