Flash舞台随窗口大小动态调整

合集下载

《Flash CS6动画制作案例教程》教学课件 001

《Flash CS6动画制作案例教程》教学课件 001

菜单,或按快捷键【Ctrl+“】,可显 打开的“网格”对话框中可设置网格线的颜色、
示(或隐藏)网格 。
网格的间距以及对象是否贴紧网格对齐等参数 。
显示网格线
“网格〞对话框
要使用辅助线首先要启用标尺,选择 “视图”>“标尺”菜单,可在舞台中 显示(或隐藏)标尺。在舞台上方或 左侧的标尺上按住鼠标左键并拖动, 即可拖出水平或垂直辅助线,反复操 作可拖出多条辅助线。
▪ 尺寸:设置舞台的宽和高。播放动画时,将只显示位于舞
台中的动画组成元素。
▪ 背景颜色:单击该选项右侧的色块,可在弹出的“拾色器
〞面板中设置舞台颜色。
▪ 帧频:是指动画的播放速度,单位是“fps〞,即每秒播
放多少帧,默认为24fps。
▪ 标尺单位:如果要在文档中使用标尺,可在该选项右侧的
下拉列表中选择标尺的度量单位。
若希望测试动画的实际播放效果, 可选择“控制”>“测试影片”菜单, 或按下快捷键【Ctrl+Enter】,在 Flash Player播放器中预览动画。
预览动画
制作好小球跳动动画后,按快捷 键【Ctrl+S】,在弹出的“另存为” 对话框中将文件保存,文件名为 “第一个Flash动画.fla”。
最后在文档选项卡中单 击文件名右侧的“关闭” 按钮关闭文档。
下面我们就来制作一个小球弹跳的动画。

《Flash动画技术入门》 章节测试题及答案

《Flash动画技术入门》 章节测试题及答案

我的答案:X 2.2测验题 1【判断题】Flash中舞台上某个对象的位置和大小用X值和Y值来表示,X和Y是这个对象的中心点的坐标值。 我的答案:X 23测验题 1【单选题】在舞台上选中一个对象,然后在属性面板里才巴位置和大小栏目的X值改大,将看到舞台上的这个对 象向什么方向平移? A、上 B、下 C、左 D、右 我的答案:D 2.4测验题 1【判断题】鼠标光标靠近舞台上线条的端点,当鼠标光标出现直角符号时,按住鼠标左键拖动,可编辑线条的 端点的位置。
2.1测验题 1【单选题】Flash中调节笔触的什么参数来修改线条的粗细? A、样式 B、大小 U缩放 D、端点 我的答案:B 2【多选题】FldSh的线条FlaSh笔触有哪些样式可选? A、实线B、虚线&点状线 D、点刻线 E、 斑马线 我的答案:ABCDE 3【判断题】Flash中的线条一旦画了,就不能改;如果确实需要想改,只能删了重新画。
C、Ctrl D、Alt 我的答案:B 3【判断题】在Flash中,想画椭圆,就选椭圆工具,想画正圆,就选正圆工具,很方便。 我的答案:X 2.15测验题待批阅 1【判断题】在【工具面板】中选择了【基本矩形工具】之后,在【属性面板】中可设置边角半径。 我的答案:√ 2【简答题】 你觉得基本矩形这种绘图工具,在绘制什么的时候可能用到,或者说它能用来绘制哪一类造型的对象? 我的答案:不会 2.16测验题 1【多选题】用基本椭圆工具绘制扇形时,调节扇形圆心角的大小要用到什么参数? A、开始角度

FLASHCS5操作界面与设置

FLASHCS5操作界面与设置
主要练习步骤指导:
(1)选择【窗口】|【属性】命令关闭 【属性】面板,选择【窗口】|【时间轴】命 令关闭【时间轴】面板。
(2)将面板组拖放到窗口中,单击右上
角的【关闭】按钮关闭面板组。
(3)选择【窗口】|【工具栏】| 【编辑栏】命令关闭舞台编辑栏。
(4)将【工具】面板拖放到窗口中 间
上机练习与指导
选项,如果勾选【省略trace语句】复选框,则将取消作品中脚本中

。如果将【脚本时间限制】设置为20秒,则Flash
Player将取消执行超过20秒的

上机练习与指导
1. Flash CS5界面的操作
使用【传统】工作区,并以此为基础创建一个简洁的操作界面, 界面中只包括浮动的【工具】面板,如图所示。同时将工作区布 局保存以备以后使用。
Flash文件能够导出为多种格式,为了提高制作效率, 避免在每次发布时都进行设置,可以在【发布设置】 对话框中对需要发布的格式进行设置后,然后只需要 选择【文件】|【发布】命令即可按照设置直接将文件 导出发布了。
本章习题
一、选择题
(1)Flash CS5源文件的扩展名是什么? ( )
A.fla
B.xfl
目 (3) 新建FLASH文档 (4) 学习资源 (5) “起始页”的
开/关
勾选,可关闭“起始页”。菜单: 编辑首选参数常规“启动 时”

Flash操作要点

Flash操作要点

Flash操作要点

目录

Flash操作要点 (1)

1.启动Flash软件 (1)

2.新建Flash文档 (2)

3.设置文档属性设置舞台大小(高度、宽度)、帧频、背景颜色、背景图案 (3)

4.插入帧(普通帧、空白关键帧、关键帧) (4)

5.将图片、声音、元件等素材导入Flash库中及使用 (5)

6.文字工具 (7)

7.文字打散为形状 (8)

8.多角星形工具的使用——绘制“三角形”绘图工具的笔触颜色与填充颜色的设置使用 (8)

9.多角星形工具的使用——绘制“五角星” (9)

10.打散图形为形状 (10)

11.新建及使用元件 (11)

12.修改图形为元件 (12)

13.设置对象属性宽度和高度、位置、颜色(Alpha值、亮度、色调) (14)

14.相对于舞台对齐方式的设置 (14)

15.播放、测试动画 (15)

16.保存文档 (15)

17.导出动画 (16)

18.发布swf动画文件 (16)

19.退出Flash软件 (17)

20.图层操作:添加、删除、重命名、顺序 (18)

21.制作逐帧动画 (19)

22.制作动作补间 (19)

23.制作形状补间 (19)

24.制作引导层补间动画 (20)

25.制作遮罩动画 (20)

1.启动Flash软件

方法1:单击“开始”→“程序”→Macromedia→Macromedia Flash 8命令。

方法2:在“我的电脑”中双击打开任何一个扩展名为“*.fla”的Flash文档。

2.新建Flash文档

(1)单击“文件”→“新建”命令

(2)在“新建文档”对话框中选择“Flash文档”选项

FLASH操作题大全(附答案)

FLASH操作题大全(附答案)

第1题

题目:

一、设置电影舞台的大小为300*300像素,背景色为淡黄色(颜色值为#FFFFCC);

二、整个动画共占30帧;

三、在舞台正中央绘制一个等边三角形ABC;

要求:1、将等边三角形所在图层命名为“图形”层;

2、等边三角形的边长为200像素,底边BC水平,边线的颜色为蓝色、线宽为2像素,类型为实线,填充类型为无;

四、制作一个画出等边三角形底边上的高AD的形变动画;

要求:1、高单独占一层,名称为“高”层;

2、高的颜色为红色、线宽为2像素,类型为实线;

3、高由长度为1像素的线段逐渐伸长得到,并以A点为起点;

五、标注字母ABCD;

要求:1、所有标注字母单独占一层,并命名为“文字”层;

2、标注字母字体为隶书、颜色为红色、字号为20、位置适当;

六、添加一个新图层,命名为“控制”层,并在该层第1、30帧添加停止动作;

七、设置发布格式为"Flash 6",在当前路径输出文件"move01.swf";

答案:

1、在属性面板中设置舞台大小300*300

背景色框中直接输入颜色值#FFFFCC(注意颜色值必须准确,差一点也不给分)

2、绘制等边三角形:单击线条工具 ——打开属性面板,蓝色、线宽为2像素,实线 ——SHIFT+鼠标画一水平线段——单击箭头工具 ——用箭头工具选择线段——在宽度中输入200 ——单击窗口菜单——变形——倾斜——垂直倾斜角度输入60 ——单击“拷贝并应用变形”按钮——移动复制后的线段与底边一端连接——再次选定线段——垂直倾斜角度输入120——单击“拷贝并应用变形”按钮——移动与其余两边连接,这样就组成了等边三角形

Flash 8 应用实例-课件

Flash 8 应用实例-课件

Flash 8 应用实例

(2011.3修订)

练习一:演示课件三个基本场景的创建及编排

1、在Flash窗口中选择“Flash文档”单击打开,新建一个Flash文档——即为演示课件

创建第一个场景(开始界面)。在场景1中在“视图调整栏”中选择“符合窗口大小”,将舞台调整为完整可见。

2、选择【文件】/【导入】/【导入到舞台】命令,任选一幅画面导入到当前的舞台(即

场景1)中,并从“工具箱”中选取形状编辑工具之一的“任意变形工具”,对导入到舞台中的图像进行位置、大小的调整,使之覆盖整个舞台。

——“任意变形工具”可以对形状进行任意的缩放变形等操作。

——可在“工具箱”下方的“选项”栏中对变形的方式进行选择。

——用“任意变形工具”选取图形后在图形中心出现一个“中心控制点”,这是改变图形形状的中心位置——可用鼠标移动来改变。

3、然后,选择【插入】/【场景】命令,建立“场景2”,再用同样的方法导入另一幅图

像,并调整使之覆盖整个舞台。

4、依次建立场景3,导入第三幅图像,调整。

——至此,我们建立了三个不同画面的场景。

——打开“编辑场景”图标按钮,即可看到。

5、选择【窗口】/【设计面板】/【场景】命令,打开“场景”面板,在其中双击场景

名称,分别将3个场景重新命名为“开始”、“教学内容”、“结束”。

6、选择【控制】/【测试影片】命令(快捷键Ctrl+Enter),可看到三个场景以帧频率

12.0fps的速度自动轮番显示。

——影片是由一幅幅画面连续播放形成的,通常将每一幅画面称为“帧”(Frame,即画面),影片播放的速度以帧每秒为单位,即每秒播放的帧的数量(帧 /秒,fps)。一般电视播放影片的速度为24帧/秒,即每秒钟播放24幅画面。

在幻灯片中插入FLASH动画的三种方法

在幻灯片中插入FLASH动画的三种方法

在幻灯片中插入FLASH动画的三种方法

利用控件

这种方法是将动画作为一个控件插入到PowerPoint中去,该方式的特点是它的窗口大小在设计时就固定下来,设定的方框的大小就是在放映时动画窗口的大小。当鼠标在Flash播放窗口中时,响应Flash的鼠标事件,当鼠标在Flash窗口外时,响应PowerPoint的鼠标事件,很容易控制。

1. 运行PowerPoint程序,打开要插入动画的幻灯片。

2. 单击菜单中的“视图”选项,在下拉菜单中选择“工具栏”的“控件工具箱”,再从下拉菜单中选择[其他控件]按钮。

3. 在随后打开的控件选项界面中,选择“Shockwave FlashObject”选项,出现“十”字光标,再将该光标移动到PowerPoint的编辑区域中,画出适合大小的矩形区域,也就是播放动画的区域,就会出现一个方框。

4. 双击这个框,出现VB界面,其中的属性窗口中有个“自定义”属性,点自定义旁边的三点,出现属性页。在“WOVIE URL”中输入Flash动画的完整地址,按[确定]即可。要注意的是输入的路径中必须完整地填写后缀名。

插入对象

采用这种方式,在播放幻灯片时会弹出一个播放窗口,它可以响应所有的Flash 鼠标事件。还可以根据需要在播放的过程中调整窗口的大小。它的缺点是播放完了以后要点击[关闭]按钮来关闭窗口。

1. 运行PowerPoint程序,打开要插入动画的幻灯片。

2. 在菜单中选择“插入”选项,从打开的下拉菜单中选择“对象”。会弹出“插入对象”对话框,选择“由文件创建”,单击[浏览],选中需要插入的Flash动画文件,最后单击[确定]返回幻灯片。

第1讲 Flash基础入门

第1讲 Flash基础入门

位图和矢量图
矢量图和位图是计算机中最重要的两种图像格式。 简单来讲,两者的区别在于矢量图可以被无限放大,而不会出现模糊和锯齿的现 象,如图所示,而位图在被放大后,则会出现模糊和锯齿,如果再进一步放大, 则会显示出一个个的小方块,这些小方块即是组成位图图像的像素。 矢量图中的信息是由数字函数来记录,而位图图像则是由像素点组合。在Flash 绘制的图形为矢量图,这种图像除去文件体积上的优势外,还有一个优点就是易 于修改。
认识Flash CS3的基本界面






文档的管理 新建,保存,关闭 文档设置 舞台背景 空白处右键->文档属性 修改->文档 属性面板->大小 文档属性中的标题和描述,是为了发表到网上去便于搜索引擎搜 索 背景颜色就是舞台颜色 帧频,12网络,24/25/30电视,越大动画越细腻
动画的原理
当我们将这三幅画面依次按照一定速度播放的时候,给我们的视觉效果就 是看上去感觉飞机在从左向右飞行,如图 4所示。动画就是由一系列近似 图1 的画面按照一定的顺序和速度进行播放而产生,它是欺骗人视觉效果的一 图2 图4 图3 种把戏。
动画原理
动画和电影利用了人眼的视觉暂留特性, 实验证明,如果动画或电影每秒播放24幅画面 左右,人眼看到的就是连续的画面。
1.2 Flash CS3的基本术语

(2024年)Flash详细教程完整版PPT课件

(2024年)Flash详细教程完整版PPT课件

学会运用Flash制作简单的动 画和交互式应用。
提高创意设计和审美能力,创 作出优秀的Flash作品。
2024/3/26
6
课程安排与时间
第一课时
Flash软件简介与安装、界面介绍 与基本操作
第二课时
绘图工具与文本编辑、元件与库 的使用
第三课时
时间轴与帧的操作、基本动画制 作
第六课时
作品展示与评价、课程总结与回 顾
2024/3/26
35
行业发展趋势分析
介绍当前Flash动画在网页设计 、广告制作、游戏开发等领域 的应用现状。
2024/3/26
分析未来Flash动画技术的发展 趋势,如HTML5对Flash的影 响及应对策略。
引导学生关注行业动态,提升 自身职业素养和竞争力。
36
下一讲预告及预备知识
提前预告下一讲的教 学内容和重点难点, 帮助学生做好预习准 备。
点击软件右上角的关闭按钮,或者选择菜单栏中的“文件”>“退出”选项。
9
认识Flash工作界面
工具箱
包含绘图、上色、选择、变形 等工具,用于创建和编辑图形 。
舞台与工作区
舞台是动画的展示区域,工作 区是编辑和创建动画的区域。
菜单栏
包括文件、编辑、视图、插入 、修改、文本、命令、控制、 窗口和帮助等菜单。
15

FlashMTV制作教程所有的制作室都用这个方法doc

FlashMTV制作教程所有的制作室都用这个方法doc

很多网友是第一次接触Flash动画制作,都希望我能出一首完整歌曲的Flash MTV制作教程,应广大网友的要求,我根据自己学习制作的体会、制作方法和经验编了这个教程,希望对刚接触动画制作的朋友起到借鉴作用。我用的是Flash8.0,和其它版本的面板有所不一样,为了方便学习请大家尽量用8.0版本的。在编写中难免有错,请大家多多谅解!在我们还没进入制作MTV制作之前,先了解一下图片和声音的导入和压缩。

一、图片和声音素材的准备

要制作一首Flash MTV,你首先得在网络上把歌曲和表达这首歌曲的图片下载在你的电脑上(建立一个专门的文件夹存放好>。在网络上存储声音的文件格式很多,一般在Flash里常用的声音格式是MP3和WAV声频格式,但网上有些MP3声频文件是不经过正规压缩的,虽然标明是MP3声频文件但不能导入使用,对于这种不是正规压缩的MP3声频文件,要通过专门MP3压缩软件处理才能用。图片一般用JPEG和GIF图片,JPEG图片太大也不好,一般在800PX×600PX可以了,大了做出来的影片文件过大,不便于上传和下载,太小也不好,小了会影响影片画面的质量。

二、图片和声音的导入

1、打开Flash8.0,新建一个空白的Flash文档,舞台大小像素保持默认不变,然后把舞台窗口大小调整为50%。单击“窗口”打开对话框后点击“库”,把库面板打开。见如下图1,2,3

screen.width-333>this.width=screen.width-333" border=0>

screen.width-333>this.width=screen.width-333" border=0>

flash教程

flash教程

修改会在整个动画过程中产生的影响,所以用户 可以很直观的进行动画的全局控制。 按钮1 同时显示其前后数帧的内容 。 按钮2 同时显示其前后数帧的轮廓。 按钮3 注意只对关键帧有效。 按钮4 它是洋葱皮效果修改按钮 。
六 逐帧动画 3 逐帧动画就是在时间轴上按顺序为每一帧 都插入一幅图片,并且要求相邻两帧的图 片差别要很小。当连续播放这么多帧图片, 就形成了动画。缺点:消耗大量的时间, 增加影片文件的总长度。 实例1: 1制作10~1的倒数记时动画。 (注意事项关键帧插入,复制到当前位置) 2打字实例
添加调节手柄的方法非常简单,用户只 需单击音量线,就可以将添加新的调节手柄。 但不能超过8次,一般4个左右的调节手柄 就可以得到非常理想的音量效果。 删除调节手柄时,可直接将调节手柄拖 离音量线。 为了便于编辑声音,在编辑封套对话框 的下方还包括6个按钮: 放大和缩小按钮用于缩放左、右声道波形。 单击“秒显示”按钮时,声道波形图的横坐 标将以秒为单位显示播放的时间。单击“帧 显示”按钮时,声道波形图的横坐标将以帧 为单位显示播放的时间。
二.Flash的工作环境介绍 .Flash的工作环境介绍 Flash MX Professional 2004的工作界面, 2004的工作界面, 主要包括舞台、主工具栏、工具箱、时间 轴、属性面板和多个控制面板等几个部分。 1 舞台 Flash中用于放置媒体内容的工作区域称为 Flash中用于放置媒体内容的工作区域称为 “舞台”,它是对影片中的各对象(诸如 矢量插图、文本、按钮、位图图形或视频 剪辑)进行编辑、修改的场所。 1.1舞台的操作 1.1舞台的操作 1)要放大或缩小场景,可单击选取工具箱 中的“缩放”工具

flash教程

flash教程

图1-11 Flash 8的工作窗口

Flash 8的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞台、工具箱以及各种面板组成。

窗口最上方的是“标题栏”,自左到右依次为控制菜单按钮、软件名称、当前编辑的文档名称和窗口控制按钮。

“标题栏”下方是“菜单栏”,在其下拉菜单中提供了几乎所有的Flash 8.0命令项,通过执行它们可以满足用户的不同需求。

图1-12 文档选项卡

“文档选项卡”下方是“编辑栏”,可以用于“时间轴”的隐藏或显示、“编辑场景”或“编辑元件”的切换、舞台显示比例设置等。如图1-13所示。

“编辑栏”下方是“时间轴”,用于组织和控制文档内容在一定时间内播放的图层数和帧数。

图1-14 舞台

工作时根据需要可以改变“舞台“显示的比例大小,可以在“时间轴”右上角的“显示比例”中设置显示比例,最小比例为8%,最大比

,在舞台上拖动鼠标可平移舞台;选择【缩放工具】

选择【缩放工具】后,在工具箱的【选项】下会显示出两个按钮,分别为【放大】和【缩小】,分别单击它们可在“放大视图工具”

,再单击【修改绘图纸标记】按钮

一个最基本“引导路径动画”由二个图层组成,上面一层是“引导层”,它的图层图标为,下面一层是“被引导层”,图标同在普通图层上点击时间轴面板的“添加引导层”按钮该层的上面就会添加一个引导层

图3-6-2 元件中心十字星对准引导线

在图3-6-2中,我们特地把“元件”的透明度设为

头,这一点非常重要,是引导线动画顺利运行的前提。

说明、元件位置参考等,此时,引导层的图标为

)在做引导路径动画时,按下工具栏上的【对齐对象】功能按钮,可以使“对象附着于引导线”的操作更容易成功。件为不规则形,可以按下工具栏上的任意变形工具

如何设置flash舞台大小

如何设置flash舞台大小

如何设置flash舞台大小

对于一些刚学习flash的小伙伴来说,经常会用ps的习惯性思维来想,flash的画布大小怎幺改呢?刚开始学习,新手总是多多少少不习惯的。在ps 里面,我们有画布;但是,在flash里面,它叫舞台了。那幺,设置flash舞台大小是怎幺做到的呢?

 工具/原料

 flash

 方法/步骤

 1、一般想学习flash的人,都需要在自己的电脑上安装好相应的flash软件。双击桌面上的flash图标,先打开flash程序。

 2、进入到flash的界面之后,首先需要在新建里面,考虑我们建立的flash 文件的代码类型,一般选择第二个as2的代码。

 3、选择以后,小伙伴们就可以进入到flash的操作界面了。我们可以在上面看到一个白色的区域,那个就是我们flash里面所谓的舞台,没有东西的时候,一般默认的舞台颜色是白色的。

 4、在默认的flash界面的右上方,我们可以看到一个属性的按钮,在库的

Flash动画制作教程

Flash动画制作教程

FLASH8.0基础教程第一讲

【简介】

FLASH是Macromedia公司推出的一种优秀的矢量(矢量图形最大的优点是无论放大、缩小或旋转等不会失真)动画编辑软件,FLASH8.0是其最新的版本。利用该软件制作的动画尺寸要比位图动画文件﹙如GLF动画﹚尺寸小的多,用户不但可以在动画中加入声音,视频和位图图像,还可以制作交互式的影片或者具有完备功能的网站。通过本章的学习,读者应熟悉FLASH动画的特点,FLASH8.0的界面组成元素,并通过制作实例了解FLASH动画的一般步骤。

●内容提要

●使用FLASH的背景知识

●熟悉FLASH的工作环境

●FLASH的基本操作

FLASH是Macromedia公司推出的一种优秀的矢量动画编辑软件,FLASH8.0是其最新的版本。利用该软件制作的动画尺寸要比位图动画文件﹙如GLF动画﹚尺寸小的多,用户不但可以在动画中加入声音,视频和位图图像,还可以制作交互式的影片或者具有完备功能的网站。通过本章的学习,读者应熟悉FLASH动画的特点,FLASH8.0的界面组成元素,并通过制作实例了解FLASH动画的一般步骤。

什么是 Flash

Flash 是一种创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常,使用 Flash 创作的各个内容单元称为应用程序,即使它们可能只是很简单的动画。您可以通过添加图片、声音、视频和特殊效果,构建包含丰富媒体的 Flash 应用程序。

FLASH CS4 设置舞台

FLASH CS4  设置舞台

FLASH CS4 设置舞台

当用户创建文档时,则已经自动产生舞台。它就类似于我们所处理的Word文档中的编辑区域,当创建Word文档后,即可显示编辑区域,而编辑区域的大小(长与宽)确定了文件的版式的大小。那么同理,舞台的大小尺寸也确定了动画播放后显示的大小尺寸。

例如,在创建的文档中,执行【修改】|【文档】命令,则弹出【文档属性】对话框,如图2-1所示。

图2-1 文档属性

在该对话框中,实质上也是在设置舞台的属性。其详细参数如下所示:

●设置播放帧频

帧频是每秒显示动画帧的数量。默认情况下,动画每秒播放24帧。对于网站中播放的动画,一般为8fps到15fps足够了。更改帧速率时,新的帧速率将变成新文档的默认值。

●设置舞台大小,可调整尺寸值

若要指定舞台大小(以像素为单位),在【宽】和【高】文本框中输入值。最小为1×1像素;最大为2880×2880像素。要将舞台大小设置为内容四周的空间都相等,选择【匹配】右边的【内容】单选按钮。要最小化文档,将所有元素对齐到舞台的左上角,然后选择【内容】单选按钮。要将舞台大小设置为最大的可用打印区域,可选择【打印机】单选按钮。要将舞台大小设置为默认大小(550×400像素),可选择【默认】单选按钮。

●改变舞台背景颜色

若要设置舞台的背景颜色,单击【背景颜色】控件中的三角形,然后从调色板中选择颜色。

●更改标尺显示刻度

若要指定可以显示在应用程序窗口上沿和侧沿的标尺的度量单位,从左下角的【标尺单位】菜单中选择一个刻度单位。

FLASH在有限的页面内制作大的地图

FLASH在有限的页面内制作大的地图

FLASH在有限的页面内制作大的地图

特点:

缩小地图以适应页面大小的局限,用放大镜来放大缩小了的地图,使能清晰的看到需要的细节。使用AS纠正普通遮罩制作放大镜错位较大的缺陷,放大部分在镜片的中心(红十字处)没有错位。用鼠标经过、离开按钮的AS来控制显示有关需要的信息(作品中鼠标在放大镜的中心红十字处)。

因为地图窗口大小同选的地图长宽要成比例,如果页面合适,也可以让信息同时在地图窗口的右边或下面显示,我自己做的记录旅游地点的地图,文字信息是在右边显示,用组件加滚动条;照片用MC元件,位置在地图窗口内,循环播放,这样显示的信息量可以非常大。图一(信息显示另一做法)

本作品仅作为示意,1、各地的朋友千万不要在地理问题上拍砖哦。2、一些距离太近的城市偷懒没设定信息显示链接(解决办法是缩小按钮的反应面积)。

3、为便于上传,地图只放大了1倍,图片的品质也选定得很低。

4、同样,示意中只有北京同时采用显示1张图片。

做法简介:

1、各图层拷屏如图2,为了容易看清做法,图层分得细了些。

舞台(或地图窗口)大小同选的地图长宽要成比例(便于满舞台显示不变形),我用的舞台是400*330,地图是800*660(这2个尺寸在下面帧动作中要用),只放大1倍。放大倍数可自己确定,只需在步骤7的帧动作AS中改动相应数据即可。

友情提示:如果地图窗口小于舞台,地图窗口的坐标应该是(0,0)。图二:

2、新建电影剪辑元件(即MC)“地图元件”,把选定的地图图片导入,图片的X、Y坐标都是0,即左上角对着元件界面的 + 处。简单办法是选中图片,打开属性面板,把X、Y 都改为0,然后用Enter键确定。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
private var _maxHeight:String;
private var timerSprite:Sprite;
publicfunction BrowserCanvas(stage:Stage,containerId:String=null,browserHacks:Array=null){
var nodes = document.getElementsByTagName("embed");
for (var i=0; i < nodes.length; i++) {
//Parse just the SWF file name out of the whole src path and check if it matches
import flash.external.ExternalInterface;
public class BrowserCanvas {
public static const HACK_MARGIN_BOTTOM:String = "marginBottom"; //Adds a negative bottom margin to object tags to compensate for browser weirdness
}
private function invalidate():void {
timerSprite.addEventListener(Event.ENTER_FRAME,update);
}
private function update(event:Event):void {
timerSprite.removeEventListener(Event.ENTER_FRAME,update);
<script><![CDATA[
function(swfFullPath) {
var getFileName = function(fullPath) {
var ary = fullPath.split("/");
var fileName = ary[ary.length-1].split(".swf")[0];
this._height = formatSize(newHeight);
invalidate();
}
public function set minHeight(newHeight:String):void {
this._minHeight = formatSize(newHeight);
invalidate();
if (matchesTarget(nodes[j].attributes["data"].nodeValue)) {
ensureId(nodes[j]);
return nodes[j].attributes["id"].nodeValue;
}
}
//Grab the param nodes out of this object, and look for one named "movie"
var paramNodes = nodes[j].getElementsByTagName("param");
for (var k=0; k < paramNodes.length; k++) {
if (paramNodes[k].attributes["name"].nodeValue.toLowerCase() == "movie") {
if (size == null) return ""; //Null causes opera to never clear the appropriate values, so use empty string
return (int(size) == 0) ? size : size+"px";
if (matchesTarget(nodes[i].attributes["src"].nodeValue)) {
ensureId(nodes[i]);
return nodes[i].attributes["id"].nodeValue;
}
}
//If we haven't found a matching embed, look through the object nodes
nodes = document.getElementsByTagName("object");
for (var j=0; j < nodes.length; j++) {
//Check if the object tag has a data node
if (nodes[j].attributes["data"] != null) {
}
public function set maxWidth(newWidth:String):void {
this._maxWidth = formatSize(newWidth);
invalidate();
}
public function set height(newHeight:String):void {
ExternalInterface.call(JSScripts.RESIZE_CONTAINER,containerId,_width,_height,_minWidth,_minHeight,_maxWidth,_maxHeight);
}
}
}
class JSScripts {
public static var GET_FLASH_ID:XML =
if (browserHacFra Baidu biblioteks.length != 0) {
this.containerId = ExternalInterface.call(JSScripts.INSERT_BROWSER_HACKS, this.containerId, browserHacks.join(","));
}
}
public function set width(newWidth:String):void {
}
public function set maxHeight(newHeight:String):void {
this._maxHeight = formatSize(newHeight);
invalidate();
}
private function formatSize(size:String):String {
this._width = formatSize(newWidth);
invalidate();
}
public function set minWidth(newWidth:String):void {
this._minWidth = formatSize(newWidth);
invalidate();
本文介绍如何建立一个舞台随窗体尺寸大小动态改变的Flash例子,使用的脚本为AS3.0
1.建立工程
2.新建一个AS文件,主要实现舞台的动态缩放功能
代码如下:
package {
import flash.display.Sprite;
import flash.display.Stage;
import flash.events.Event;
_height = String( stage.stageHeight );
if (browserHacks == null) browserHacks = [HACK_MARGIN_BOTTOM,HACK_IE_REPARENT,HACK_UNIQUE_ID];
this.containerId = containerId;
public static const HACK_UNIQUE_ID:String = "uniqueId"; //If you put both an embed and object tag with the same id, this tries to compensate
private var stage:Stage;
public static var INSERT_BROWSER_HACKS:XML =
<script><![CDATA[
function (containerId,browserHacks) {
var objNode = document.getElementById(containerId);
if (objNode.nodeName.toLowerCase() == "div") return;
private var containerId:String;
private var _width:String;
private var _minWidth:String;
private var _maxWidth:String;
private var _height:String;
private var _minHeight:String;
return (getFileName(fullPath) == targetSwfName);
}
var targetSwfName = getFileName(swfFullPath);
//Look through the embed nodes for one that matches our swf name
(navigator.userAgent.toLowerCase().indexOf("opera") != -1)) &&
(objNode.nodeName.toLowerCase() == "object") &&
(browserHacks.indexOf("uniqueId") != -1)
) {
public static const HACK_IE_REPARENT:String = "IEReparent"; //In IE, create a container div which encapsulates the object tag in order to hav min/max sizes work
//If you make the mistake of naming the object and embed nodes with the same id, firefox will get confused
if (((navigator.userAgent.toLowerCase().indexOf("firefox") != -1) ||
//Check if we have an embed tag inside of us, if so, ignore the obj tag
trace("BrowserCanvas - Copyright (c) 2008 Noel Billig (http://www.dncompute.com)");
this.stage = stage;
timerSprite = new Sprite();
_width = String( stage.stageWidth );
if (matchesTarget(paramNodes[k].attributes["value"].nodeValue)) {
ensureId(nodes[j]);
return nodes[j].attributes["id"].nodeValue;
}
}
}
}
return null;
}
]]></script>;
return fileName;
}
var ensureId = function(node) {
if (node.attributes["id"] == null) {
node.setAttribute("id",'swf'+new Date().getTime());
}
}
var matchesTarget = function(fullPath) {
if (this.containerId == null) this.containerId = ExternalInterface.objectID;
if (this.containerId == null) this.containerId = ExternalInterface.call(JSScripts.GET_FLASH_ID, stage.loaderInfo.url);
相关文档
最新文档