操作系统  办公  实用知识  设计  开发  WEB开发  移动开发  数据库  软件工程  网管  安全  管理  信息化  答疑  渠道 

Generator2——实例天气预报图

2004-4-30 作者:唐轶贤 转载自:5D多媒体 网友评论 0 条 点击进入论坛

实例:天气预报图

上面我们已经介绍了不同的Generator 2对象的外部文件的书写格式,及数据资源的使用方法,下面就将结合实例解释17个Generator 2对象的具体用法和各个对象所对应的属性参数面板的各项参数的设定方法。

在网络上,我们常常可以看到天气预报图,不过我们平常看到的这些天气预报往往实现途径复杂,而且效果也不理想。一般来说天气预报是属于内容更新很快,但整体的模板大体是不变的,所以使用Generator 2来制作就是很方便的事情了。

新建一个400*400 pixels的电影,背景色设定为#0099FF,新建一个图层China放置天气预报中使用到的地图。在主场景中移动该电影片段符号使其左上角和电影的左上角完全重合。然后选择这个电影片段进行就地编辑(Edit In Place)。在电影片断的编辑环境中,设定时间轴上的第一格来放置地图。

添加一个放置Generator 2对象的图层,图层的名字为G2Plot。插入Generator 2定位对象Plot,将Plot对象的大小设定为和地图大小相同,Plot对象的左上角和地图的左上角均移动到和电影的左上角完全重合,这样有利于下面书写数据时对各个天气预报符号的定位。双击Generator 2对象Plot在弹出的属性面板中设定如下:
相关说明如下:

1)   Data Source,这是矩形定位对象Plot的外部数据文件的路径。这个例子中的外部文件是“plot.txt”,其主要内容如下:

Clip, X, Y

MCrain,280,120

MCwind,280,245

MCcloud,270,190

MCshine,240,170

MCshine,320,180

MCwind,315,175

MCcloud,315,185

MCshine,210,190

MCwind,285,245

MCrain,330,225

数据文件是根据各个城市的天气情况的定位相应的天气情况图标,取得这些数据的过程比较麻烦,先必须打开Info面板找到各个城市的坐标,这个天气预报图中总共对十个城市或地区进行统计。从Info面板的X、Y坐标项读取其坐标位置,接着将其写到数据文件中再进行调整。

数据文件中的Clip参数列是不同城市或地区对应不同的天气状况的图标,rain代表雨, cloud代表多云,shine代表晴天,wind代表有风,其对应的电影片断在后面制作。

Min X-Pos,电影X方向的最小的坐标,这里设定的参数对外部数据有影响,如果X方向最小坐标设定的值大于外部数据文件中某组数据的X坐标,那么这时候会出现数据错误。本例中对象和电影的左上角的顶点重合,所以最小的X方向坐标为0。

Max X-Pos,设定的是X方向最大的坐标,这个参数项的设定首先要先确定Plot对象的大小,本例中矩形定位对象右下角的坐标是(400,300)所以这个X方向的最大值可以设定为400。同时外部数据中必须保证X方向坐标的最大值不能超过这个最大植,否则将出错。

Min Y-Pos和Max Y-Pos,这两个参数栏设定的方法和上面介绍的X方向对应参数栏的设定方法相同,不再赘述。

X Column,这个参数栏是设定外部数据文件中那个参数列的值是X坐标的值,如果不作设定就按默认的方式规定外部数据文件中的X参数列中的值为X坐标的值。

接下来的Y Column、X-Scale Column、Y-Scale Column、Rotate Column、Symbol Name Column、和Instance Column参数栏的设定含义和上面介绍的X Column完全相同。

Border,这个参数栏设定的是是否显示Plot对象的外框,参数on表示有外框,相反off表示没有外框。Border Color,这个参数栏的设定只有在Border栏设定为on时才有效,它设定的是边界外框的颜色。Border Thickness,这个参数栏的设定也是只有在Border栏设定为on时才有效,它设定的是边界外框的线条大小,单位是二十分之一个象素。Instance Name,设定的是对象在场景中的实体名,这样Flash 5可以通过一些语句控制这个Plot对象。

制作广告电影之前先要确定电影的大致尺寸,本例中电影的尺寸是300*100pixels,设定背景色为#0099ff。

新建图层G2放置Generator 2对象,打开Generator 2对象面板(Ctrl+Shift+1),将Ticker滚动式表单对象拖到场景中。选中对象并双击调出其属性参数面板将其设定为如下模样:


 

[下一页]


 

说明如下:

Data Source,这个参数栏设定的是滚动式表单对象的外部数据来源,这个对象的外部数据文件中只有Clip参数列是必须的,其它备选项可以自己设定。本例的外部数据是“tickerlist.txt”,其具体内容如下:

clip,note1,note2,note3

mv1,Beijing,rain,6~15

mv2,Guangzhou,wind,21~24

mv3,Wuhan,cloud,8~16

mv4,Xi''an,shine,10~20

mv5,Shanghai,shine,20~27

mv6,Nanjing,wind,10~17

mv7,Hangzhou,cloud,12~20

mv8,Chengdu,shine,14~21

mv9,Hongkong,wind,18~22

mv10,Taipei,rain,16~21

Orientation,这个参数栏设定的是显示形式,有两个备选参数。horizontally水平显示设定滚动式表单中各个内容将按水平方向排列,vertically设定的是滚动式表单中内容是按垂直方式排列的。

到这里为止天气预报图的制作已经完成,这时的电影的整体图如下:

很奇怪为什么有中文字体吧,那并不是在Flash 5中插入的,我们已经预先在图像处理软件中准备好了的。

然后是我们对表示天气的各种小图标的处理,我们需要导入图像文件,转化为Graphics的符号,然后转化为Move Clip。我们需要注意的是我们符号MC的名字,需要与数据文件中的相一致。

此时我们可以通过File的Publish导出文件。不过可以看到从Info面板的X、Y坐标项读取的坐标位置并不准确,我们需要再进行手工调整。这个调整过程就比较麻烦了,因为对于矩形定位对象Plot而言,其坐标的衡量方法是以该对象的左上角顶点为原点(0,0)的。

而在左下角,我们需要添加一个表单来显示各城市的气温情况,而我们采用一个滚动式是最好的,滚动式表单是实现循环播放显示表单的内容。

我们在此使用一种更加简单和方便的处理方法:插入电影(Insert Flash Movie)的方法。这个插入的电影方便了内容的更改同时也使电影的体积不会过于膨胀和复杂,这个小型的电影中使用到一个Generator 2的替代功能,这次是替代一个符号,使用的是Insert Symbol这个模板对象。下面介绍这个小型的电影制作方法:

Mask to Box,这个参数项比较重要,它设定的是是否数据文件中超出滚动式表单范围的数据不显示,亦即是否把这个ticker对象当作一个遮罩,电影中只显示表单范围内的数据。两个备选参数,true表示不显示表单范围外的数据,一般在制作滚动式表单时都必须将参数设定为true;相反false就显示所有的数据,这样效果就不大理想了。

Step Size,这一项是设定表单中的数据上下位移速度的快慢,单位是象素。默认情况下这个值是4个象素,象素值越小表单数据的位置变化就越慢也就越平滑。

Spacing,这个参数栏设定是为后面的表单(没有特殊说明均已垂直型表单为例)中上下两个内容之间距离参数Item Space设定作准备,或是先确定标准。这个参数栏有两个备选参数,auto表示设定表单中上下两项内容之间的距离Item Space时是设定两项内容的间隔,即从第一项内容的末尾到第二项内容的开头之间的距离;而参数fixed设定的是表单内容之间距离的衡量是以这两项内容的中心点之间的距离为准的。

Item Space,设定的是两项内容之间的距离,单位是象素。

Horizontal Alignment,设定的是表单中内容的横向对齐方式,有三个备选参数。要注意的是这里的对其方式是整体内容相对于Scrolling List对象在场景中的灰色矩形框而言。参数left表示的是所有内容将均紧靠灰色矩形框的左侧边界。而参数center表示所有内容是从灰色矩形框的水平中心线开始对齐的,参数right表示表单中内容是从灰色矩形框的右侧边界,这种情况下垂直型表单中将看不到内容。设定这个参数和下面一个参数时要注意,这里的对齐和一般的文字对齐方式是有区别的。

Vertical Alignment,设定的是表单中内容垂直方向的对齐方式。这个参数栏有三个备选参数,top表示内容靠上边界对齐,center是指内容从对象的垂直中心线开始对齐,bottom表示内容靠下边界开始对齐,如果参数设定为bottom,那么电影输出时刚开始可能看不到表单内容。

Instance Name,它设定的是G2对象的实体名,这样通过设定Flash 5中的一些语句就可以控制该G2对象。

然后,我们在Flash 影片中放置标题栏,需要注意所使用的字体。我们还需要为每个城市制作一个效果图,也就是数据中Clip参数列,它是要插入到表单中的电影片断符号的名字。我们在此不再介绍,你可以随意发挥,同样需要注意所使用的字体。还必须注意的是Move Clip对齐方式,是以中心对齐左上角的。最后,Ticker电影制作的最终场景图如下,请注意Library窗口中Move Clip的对齐方式。

到这里为止Ticker电影的制作就完成了,接下来就是将这个迷你电影放置到天气预报的电影中。在天气预报电影的主场景中选择图层G2Plot,在该图层的第一个关键帧上插入一个Generator 2对象Insert Flash Movie。移动这个对象到适当的位置,选中这个对象双击在弹出的属性参数面板中作如下设定:

说明如下:

File Name,设定所要插入的电影的路径,可以使用绝对路径也可以使用相对路径。

Cache,它设定的是Generator 2服务器是否对该电影进行缓冲处理。参数选择为true时表示如果服务器开启Cache功能,那么就对所插入的电影进行缓冲处理;相反参数设定为false时表示对电影的插入不作缓冲处理。

Scale to Fit,这个参数栏设定的是插入的电影的尺寸改变问题,有两个备选参数true表示将所插入的电影尺寸改变为场景中的Insert Symbol对象灰色框的大小。相反参数false设定的是所插入的电影文件就按原大小处理。

Expand Frames,这个参数栏设定的是,是否将原电影的时间轴扩张。为了保证所有插入的电影都能流畅的播放,一般都设定这个参数栏的参数值为true。设定为这个参数时,主电影一般是将所插入的电影的时间轴看作主时间轴的一部分,即这时候两个电影的等级是相同的。

Instance Name,这个参数栏的设定的含义和前面几个对象参数面板的相应参数栏的含义相同。

从这个例子中,我们可以看到表面上单独使用Flash完全可以实现这个电影场景中的任何相同功能的元素,但是如果我们看到数据更新上Generator 2和Flash连用明显有优势,这样只要大体模板不改变,更新的电影时只要改变外部数据文件资料即可,显然这样比单独使用Flash制作的电影更新方便多了。但是Generator 2也存在一个致命的弱点,就是对中文不支持,同时一般跨平台和不同操作系统使用还存在或多或少的区别,给创作带来了不便。不过应该可以肯定这些问题很快都可以得到解决的。

我们在此介绍的是关于Generator 2的使用方法,主要是帮助广大Flash爱好者熟悉这个后台数据库软件及其最基本的使用方法,在实际运用过程中还有很多东西我们这里可能没有涉及到,当然篇幅有限是一个原因,再者本人水平有限是另一个问题,所以书中出现的纰漏在所难免,请读者不吝指教。如果大家在使用软件中有什么问题,或者有新的心得,欢迎到http://5dbbs.yeah.net/上和笔者交流。:)

已有 0 位对此文章感兴趣的网友发布了看法    
我来评两句 登录邮箱: 密码:
  匿名发表
今日推荐
技术文库(共有 46294 篇文章)
操作系统
办公软件
实用知识
网络管理
软件开发
WEB开发
软件工程
数据库
设计在线
信息安全
行业信息化
管理信息化
移动开发
重点推荐
电子杂志订阅
点击电子杂志名称查看样刊
输入E-mail地址即可订阅
E-mail