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

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

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

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

   

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

  教学对象:本教材是针对有一定动画制作基础和对工具箱、属性面板、动作面板及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编辑区输入,如下帧语句:

var speed = 3;

this.onEnterFrame = function() {
 if (Key.isDown(Key.UP)) {
  kd._y -= speed;
 }
 if (Key.isDown(Key.DOWN)) {
  kd._y += speed;
 }
 if (Key.isDown(Key.LEFT)) {
  kd._x -= speed;
 }
 if (Key.isDown(Key.RIGHT)) {
  kd._x += speed;
 }
};

锁定该图层。

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



图9

  8.测试存盘

    说明

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

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

 

 最终效果显示


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

 

全屏下载

 

祝你成功!

 

进入更多教程

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



hsb345
(2009/9/19 0:31:00)

欢迎指错朋友的光临,更谢谢你能为本教程指出实例中的笔误!希望常联系,再谢!!


指错
(2009/9/18 20:17:00) [222.248.109.]

老师,您的实例有一个错误!本来是用键盘移动的,您怎么打个用鼠标移动呢?

 发表评论:共有 2 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167