第6篇 交互式动画实例.doc

第6章 交互式动画实例 6.1 文字效果 6.1.1 滚动文本 我们将显示在舞台上的文本用按钮控制，单击按钮使得文本向上滚动或向下滚动。这里要用到一个关于文本滚动行数的Action指令Scroll。 Scroll：此指令可以设定或传回文字区块可滚动行数的值。语法是： Variable_name.scroll = x; 其中，Variable_name是文字区块的变量名称，x为文字区块可卷动的行数，默认值为1列。 例6-1 滚动文本 准备素材： ①准备两个按钮：一个显示向上滚动方向，一个显示向下滚动方向。 ②准备一段文字，内容不必太多。 制作场景： ①打开库窗口，将两个按钮拖放到舞台上，调整好两个按钮位置。 ②运用文本工具，在舞台上建立一个动态文本框。打开文本属性面板，设置文本框的名称为“text”，文字格式为多行文字，文字字体和字号、文字的颜色等如图6-1所示。 图6-1 文本属性 Action指令设置： ①选定向上按钮，赋予按钮动作： on (press) { text.scroll -= 1; } 这是一个按钮事件：当鼠标点击此按钮时，执行第2行指令。 第2行指令是点击按钮后，文本区块中各行下移一行。如果，减号后面的数字设为2，则下移2行；后面的数字的设为3，则下移3行……。此外，-=表示将等号两边的数值之差赋予等号左边的变量，text.scroll -= 1也可以写成text.scroll = text.scroll - 1 ②选定向下按钮，赋予按钮动作： on (press) { text.scroll += 1; } 第2行指令是点击按钮后，文本区块中各行上移一行。同理，加号后面的数字设为n，则上移n行……。+=表示将等号两边的数值之和赋予等号左边的变量， text.scroll += 1也可写成text.scroll = text.scroll + 1。 ③选定时间轴第1帧（仅此一帧），设定帧动作： text = 几年以前，有个人在纽约的大街上卖汽球。…… 这里，就是设置一个文本内容，此文本内容即舞台上动态文本区块中显示的内容。 动作设置完毕，按Ctrl + Enter键进行测试。点击上下滚动按钮，看文本是否一行一行地下移或上移？ 6.1.2 连续滚动的文本 前面示例是单击舞台上的按钮，文本内容就上移或下称一行。若要文本内容显示时可以连续滚动，还必须修改上面程序。 例6-2 连续滚动的文本 准备素材： ①为了简化过程，我们将上面的示例文件另存为“连续滚动的文本”，以便于利用上一个示例的素材。将新文件舞台上的两个按钮删除，仅保留动态文本“text”。 ②新建一个影片文件，命名为“向上影片”。在素材库编辑窗口中，引入库中的“向上”按钮。选定编辑窗口中的按钮，为按钮赋予动作指令： on (press) { scrolltext = true; } on (release, releaseOutside) { scrolltext = false; } 第1行～第3行是按钮事件：当鼠标点击此“向上”按钮时，变量scrolltext值为真。 第4行～第6行是按钮事件：当鼠标左键释放和移动到“向上”按钮之外释放时，变量scrolltext值为假。 ③新建一个影片文件，命名为“向下影片”。在素材库编辑窗口中，引入库中的“向下”按钮。选定编辑窗口中的按钮，为按钮赋予与上一步完全相同的动作指令。 制作场景： 在主场景中，将“向上影片”和“向下影片” 影片剪辑拖放到舞台上，影片中显示的是向上和向下两个按钮，调整它们的位置。 舞台上已有了一个动态文本框，不必对它进行修改。 Action指令设置： ① 选定“向上影片”影片实例，为其赋予对象动作指令 onClipEvent (enterFrame) { if (scrolltext) { _root.text.scroll -= 1; } } 第1行指令引出一个影片事件：当“向上影片”实例加载后，只要没有被删除，后面的描述都将执行。 第2行～第4行是一个简单条件语句：当变量scrolltext值为真时，主场景中的文本text向下移动一行。 ②选定“向下影片”影片实例，为其赋予对象动作指令 onClipEvent (enterFrame) { if (scrolltext) { _root.text.scroll += 1; } } 第1行指令引出一个影片事件：当“向下影片”实例加载后，只要没有被删除，后面的描述都将执行。 第2行～第4行指令是：当变量scrolltext值为真时，主场景中的文本text向上移动一行。 因此，当影片播放时，用户若使用鼠标点击向上或向下按钮，影片“向上影片”和“向下影片”连续播放，使得文本连续滚动。 动作设置完毕