您好!欢迎您光临键盘变向移动实例的制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>键盘变向移动实例的制作原理与方法
键盘变向移动实例的制作原理与方法
发表日期:2012/9/18 13:47:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 2364

 键盘变向移动实例的制作原理与方法

   

    教学目的:通过本节教学了解和掌握影片剪辑及实例名称的填写,动作面板及脚本的输入,进而运用上述原理方法制作出键盘移动实例的效果来。

  教学对象:本教材是针对有一定动画制作基础和对工具箱、属性面板、动作面板及as语句有一定了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学要点:实例名称、动作面板、as语句。

 

   

    作前准备 准备五张鳄鱼、乌龟、海豚、青蛙和蝌蚪图片。经过制图软件(ps、fw)处理,并设置其规格约为150*100像素,保存在指定的文件夹中待用。

  制作步骤

  1.启动FLASH8 软件

    2.确立文档属性 设置动画尺寸为550*400,其它默认。点击确定,进入场景1。如图1所示:


(图1)

    3.首先将素材导入到库中待用,其素材图如下:


(素材图1)


(素材图2)


(素材图3)


(素材图4)


(素材图5)

    4.创建图形元件

    (1)选择“插入-新建元件”,建立一个名为“鳄鱼”的图形元件,点击确定,进入元件编辑区。就一个图层。点击图层1第一帧,从库中拖出鳄鱼图片到舞台,将其打散,用橡皮擦擦去背景,只留下鳄鱼,全居中。上锁。如图2所示:

图2

    (2)同理同种方法完成“乌龟、海豚、青蛙”图形元件的操作。

     5.创建影片剪辑

    选择“插入-新建元件”,建立一个名为“蝌蚪”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。点击图层1第一帧,从库中拖出蝌蚪图片到舞台,将其打散,用橡皮擦擦去背景,只留下蝌蚪,规格为70*70,全居中。上锁。如图3所示:

图3

    6.编辑制作场景

    返回场景1,添加四个图层,共五个图层。自下而上分别命名为背景、妈妈、蝌蚪、文本和as。

    (1)选择背景图层第一帧,在舞台导入或制作一个相关背景,规格550*400,全居中,上锁。如图4所示:

图4

    (2)选择妈妈图层第一帧,从库中分别依次拖出鳄鱼、乌龟、海豚、青蛙图形元件到舞台,平放在背景上方,调整好规格,位置。上锁。如图5所示:


图5

    (3)选择蝌蚪图层第一帧,从库中拖出蝌蚪影片剪辑元件到舞台,将其放置在背景下方,居中。调整好规格,位置。如图6所示:

图6

点击该实例,在属性面板填写其实例名称为:kd 。上锁。如图7所示:


图7

    (4)选择文本图层第一帧,用文本工具在蝌蚪的左侧输入“蝌蚪找妈妈”,在蝌蚪的右侧输入“用键盘移动”。字体、颜色、规格随意。上锁。如图8所示:


图8

    (5)选择as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:

spriteDirection = 0;
this.onEnterFrame = function() {
if (Key.isDown(Key.RIGHT)) {
setDirection(0);
_root.kd._x += 3;
}
if (Key.isDown(Key.LEFT)) {
setDirection(1);
_root.kd._x -= 3;
}
if (Key.isDown(Key.DOWN)) {
_root.kd._y += 3;
}
if (Key.isDown(Key.UP)) {
_root.kd._y -= 3;
}
};
function setDirection(param){
if(param==0){
kd._xscale = -100
} else {
kd._xscale = 100
}
}

锁定该图层。

    7.本作业完成后时间轴显示如图9所示:



图9

  8.测试存盘

    说明

    1.背景你可以做成水波,气泡等效果,“妈妈”、蝌蚪也可以做成动态的。

    2.此原理、方法可运用到课件和小游戏等作品之中,有兴趣的话,你不妨试试看

 

 最终效果显示


http://hsb345.16789.net/domName/hsb345/200992111403211114.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167