仓酷云

标题: 来谈谈:flash在无限的页面内制造年夜的舆图-Flash动画制造技能 [打印本页]

作者: 精灵巫婆    时间: 2015-1-15 20:48
标题: 来谈谈:flash在无限的页面内制造年夜的舆图-Flash动画制造技能
自从Macromedia在2005年8月发布MacromediaStudio8以来,我们一直在不停地探索关于它的新特性和新功能,因为这次软件升级给我们带来了太多的惊喜。
poluoluo中心提醒:多个伴侣因事情或喜好的必要,扣问怎样用flash在无限的页面内制造年夜的舆图,并链接、显现有关地址的信息,为此将我本人做的一个纪录旅游地址的flash舆图略作精简、修正,做了这个flash,并将关头部分做法先容以下.
多个伴侣因事情或喜好的必要,扣问怎样用flash在无限的页面内制造年夜的舆图,并链接、显现有关地址的信息,为此将我本人做的一个纪录旅游地址的flash舆图略作精简、修正,做了这个flash,并将关头部分做法先容以下(原本的谁人包含显现信息中的笔墨和接纳的旅游照片,快要10M,太年夜了,没法上传)。

作品见下方(很久没发帖了,不知该怎样发swf文件了,把考屏图放上面便利懂得)

来谈谈:flash在无限的页面内制造年夜的舆图-Flash动画制造技能
登录/注册后可看大图


源文件:舆图缩小信息显现.rar


特性:
减少舆图以顺应页面巨细的范围,用缩小镜来缩小减少了的舆图,使能明晰的看到必要的细节。利用AS改正一般遮罩制造缩小镜错位较年夜的缺点,缩小部分在镜片的中央(红十字处)没有错位。用鼠标经由、分开按钮的AS来把持显现有关必要的信息(作品中鼠标在缩小镜的中央红十字处)。

由于舆图窗口巨细同选的舆图长宽要成比例,假如页面符合,也能够让信息同时在舆图窗口的右侧或上面显现,我本人做的纪录旅游地址的舆图,笔墨信息是在右侧显现,用组件加转动条;照片用MC元件,地位在舆图窗口内,轮回播放,如许显现的信息量能够十分年夜。图一(信息显现另外一做法)

来谈谈:flash在无限的页面内制造年夜的舆图-Flash动画制造技能
登录/注册后可看大图


本作品仅作为表示,1、各地的伴侣万万不要在地舆成绩上拍砖哦。2、一些间隔太近的乡村偷懒没设定信息显现链接(办理举措是减少按钮的反响面积)。3、为便于上传,舆图只缩小了1倍,图片的品德也选定得很低。4、一样,表示中只要北京同时接纳显现1张图片。
做法简介:
1、各图层拷屏如,为了简单看清做法,图层分得细了些。
舞台(或舆图窗口)巨细同选的舆图长宽要成比例(便于满舞台显现稳定形),我用的舞台是400*330,舆图是800*660(这2个尺寸鄙人面帧举措中要用),只缩小1倍。缩小倍数可本人断定,只需在步骤7的帧举措AS中修改响应数据便可。

友谊提醒:假如舆图窗口小于舞台,舆图窗口的坐标应当是(0,0)。图二:
来谈谈:flash在无限的页面内制造年夜的舆图-Flash动画制造技能
登录/注册后可看大图


2、新建影戏剪辑元件(即MC)“舆图元件”,把选定的舆图图片导进,图片的X、Y坐标都是0,即左上角对着元件界面的+处。复杂举措是选中图片,翻开属性面板,把X、Y都改成0,然后用Enter键断定。

3、把做好的MC拖进场景“小图”图层中,在场景的属性中设定MC坐标为(0,0),宽、高数值同舞台分歧,然后用Enter键断定。

4、把做好的MC再拖进场景“年夜图”图层中,MC在场景中的坐标也设定为(0,0),选中“年夜图”图层中的MC,在属性中定名为aa,

5、做缩小镜
新建MC元件“缩小镜元件”,画圆,圆的摆布高低均必需居中。用剪切、粘贴到以后地位的举措,把圆的色块和边框分离放在2个图层中。把镜片图层中的色彩块转换为MC元件“镜片元件”。在“缩小镜元件”当选中镜片MC,在属性中定名为ee。色彩块是做遮罩用的,在swf文件中看不到它,只是在有色彩的部分能看到被掩蔽的“年夜图”图层中的画面,以是色彩恣意。镜框在swf文件中是看失掉的,色彩、式样自定。再增添1个图层放十字线,同镜框一样在swf文件中是看失掉的。用“极细”线。

友谊提醒:假如事情中必要比例尺,也可经由盘算,把十字线设定为比例尺,盘算法以下:
每格标注的间隔=每格对应的舆图上两点间实践间隔*每格像素/舆图上该间隔的像素。
实践操纵,能够测定在舆图上已知间隔的程度(或竖直)的两点之间的像素值,盘算出1个像素在舆图上是几千米,再断定镜片上每格几个像素,标定比例尺。

6、把“缩小镜元件”MC拖进场景缩小镜图层。选中缩小镜MC,定名为ff。

7、AS
回忆一下,下面已分离为3个MC定名了,定名应当同上面AS中分歧,不克不及弄错。
场景中年夜舆图MC定名为aa,
场景中缩小镜MC,定名为ff。
缩小镜元件中缩小镜镜片MC,定名为ee,

在AS图层选中帧,写以下帧举措
_root.onEnterFrame=function(){
Mouse.hide();//埋没鼠标
startDrag("_root.ff",true);//把持千里镜ff随鼠标挪动
_root.aa.setMask(_root.ff.ee)//用ff中的ee掩蔽aa
_root.aa._x=_root._xmouse*(1-80/40);//用鼠标坐标把持年夜画面x坐标跟从
_root.aa._y=_root._ymouse*(1-66/33);//用鼠标坐标把持年夜画面y坐标跟从
}由于缩小镜中有看得见与看不见的两种图形,以是用AS剧本把持遮罩,
_root.aa.setMask(_root.ff.ee)
即用ff中的ee掩蔽aa——括号内的是掩蔽MC,前边的是被掩蔽MC。

用鼠标坐标把持年夜画面跟从
_root.aa._x=_root._xmouse*(1-800/400);//用鼠标坐标把持年夜画面x坐标跟从
_root.aa._y=_root._ymouse*(1-660/330);//用鼠标坐标把持年夜画面y坐标跟从

按我的盘算,要坚持不错位,缩小图片aa的x坐标应当是:(1—缩小倍数)乘以鼠标的x坐标值(一样,y坐标也是这么盘算),如今画面的缩小倍数是800/400,因而
_root.aa._x=_root._xmouse*(1-800/400);
800是本作品的舆图宽,400是flash舞台宽度(能够约分,怕申明太省事了),制造时要依据本人作品的舆图和flash的实践像素巨细变动。
一样,_root._ymouse*(1-660/330)中也如许。

8、在“舆图元件”中增添按钮,在“舆图元件”中增添1个图层放按钮。分离选中每个按钮,写上AS。以“北京”为例,AS以下:
on(rollOver){

_root.gotoAndStop(2);
}
on(rollOut){

_root.gotoAndStop(1);
}由于按键设在MC舆图元件中,倒是把持场景的举措,以是在AS中加了_root.,on(rollOver)时,gotoAndStop哪一帧,就在那帧上制造必要的信息。本作品北京的信息制造在第2帧,因而gotoAndStop(2),共在31个乡村制造了信息表示。on(rollOut)都是回到第1帧。

友谊提醒;
按下面的把持舆图挪动的举措,鼠标要停止在某一个特定的点上(比方本例中明灭的红圆),实践上只能是在flash中的一个特定的地位上。因而,只需避开这个地位,尽能够随便布置必要显现的信息的地位、巨细及数目。本例中只要1个拉萨的信息因被遮挡放右侧。

假如页面符合,也能够让笔墨、图片信息同时在舆图窗口以外的右侧或上面显现,但要在右边、上边显现,则舆图坐标的盘算会庞大很多,没有需要。

其他部分惯例制造从源文件中便可一览无余,不再逐一先容。
您是否有着精彩的Flash作品,您是否想把他转化为屏保程序。
作者: 透明    时间: 2015-1-17 14:28
矢量图形有一些固有的限制。例如,照片由于包含太多的信息而不能使用矢量图形这种形式。但是对于由实体颜色形状构成的图像,Flash很管用。
作者: 分手快乐    时间: 2015-1-26 09:30
在计算机出现之前,动画制作者必需手工绘制即使差别很小的不同祯的图像。当然,非自动的,一祯祯的动画在很多情况下仍然很有用,Flash也允许这样做。
作者: 活着的死人    时间: 2015-2-4 19:18
商业上的优势——品牌flash的创造;公司企业的flash宣传;flash技术在电视的应用
作者: 山那边是海    时间: 2015-2-10 06:31
中坚的程序员趋向于嘲笑脚本语言,但是对于那些没有计算机科学学位的人来说,脚本语言可能使他们头疼。
作者: 简单生活    时间: 2015-3-1 03:16
缺点也必然会会有的,但是不同的产品有不同的缺点吧,比如说flash建站它的速度会比较慢。
作者: 莫相离    时间: 2015-3-10 12:40
向量图有一个特点,就是放大后的图像是不会改变的. 点阵图 向量图Flash的应用,还有再不断在完善的Action Script脚本语言。
作者: 若天明    时间: 2015-3-17 07:21
Flash也支持alpha通道,这会使设计者高兴。没有太多的技术性,alpha通道是附加在图像上的信息 - 允许图像以不同的方式渲染。
作者: 爱飞    时间: 2015-3-24 03:01
中坚的程序员趋向于嘲笑脚本语言,但是对于那些没有计算机科学学位的人来说,脚本语言可能使他们头疼。




欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2