毕业论文 论文提纲 论文写作 公文范例 教育论文 教育学论文 师范教育 学术论文     论文指导*
                     
 
   
   
   
   
           
 

当前位置:课件115学培吧(kj115.com)→flash网侠教程(助你成为顶尖课件高手)→系列文章

 
 
标题:AS打造鼠标控制转动地球仪
 
展示台

文章来源 作者:admin 密码:admin 整理:湖北金鹰

◇网侠教程栏目简介
    提供FLASH侠客教程和网页制作侠客教程,高手进阶教程。
    浏览过这些资源的还浏览过经典教程图文教程游戏开发教程等相关资源。

---------------

湖北金鹰课件吧

论文相关服务
 

 

首先,准备图片,需要一张世界全图,可以上网去找。(后面我会提供一张),网上的世界全图一般来说,四个角是弧形的,因为我们要拼接,所以必须将图处理成长方形。这个可以用PS来作。如果要用我提供的那张图,最好用PS将图片中间那根缝处理一下。如果图片太大,可以将图片适当缩小,但要以能看清地图上的文字为限。处理后的图片应该是这样的:

图1
AS打造鼠标控制转动地球仪图片1

  好了,图片有了,现在我们进入flash:

  打开flash,将准备好的地图图片导入到库中。将场景中第一层命名为:“地图”,从库中将地图图片拖到舞台上,点击“修改”-“转换为元件,命名为”地图“,行为选择”影片剪辑“。回到场景,打开属性面板,将实例命名为”dt_mc”。图片的位置并不重要,实际上它的尺寸要比舞台大得多,只要覆盖了舞台就行。大小我们先不管它,先点击“控制-测试影片“,看一下,地图上的文字能否看清楚。如果你觉得图片太大,可以用自由变形工具调整,原则仍然是运行后能看清地图上的文字。图片调整好以后,按ctrl+D两次,复制两份,将三张图在水平方向拼接,位置仍然不重要,能覆盖舞台就行。如下图:

图2
AS打造鼠标控制转动地球仪图片2

  新建一图层,命名为“遮照”,选择椭园工具,笔触为黑色,宽度为8,填充色随意,在舞台右侧画一椭园,这个椭园就是运行后的地球仪,所以形状和大小你就知道该怎样画了。要注意在舞台上为支架留下空间。如下图:

图3
AS打造鼠标控制转动地球仪图片3

  用选择工具点选椭园的黑边,然后点击“修改”-“转换为元件”,命名为:“阴影“,行为选择”影片剪辑“,保存。回到场景,删除黑边。在遮照层时间轴上点右键-“遮照层”。现在请准备一张纸和笔,让我们来记录一些数字,在下面的AS中,我们将用到它们。现在将地图层解锁,用选择工具,移动地图,使地图中中间的北京位于遮照的中心,位置差不多就行了,记录下:a = 地图的X,如图:

图4

AS打造鼠标控制转动地球仪图片4

向右移动地图,使地图中左边的北京位于遮照的中心,不一定精确定位于上一个北京的位置,差不多就行了,下同。记录下:b =地图的X;

图5
AS打造鼠标控制转动地球仪图片5

向左移动地图,使地图中右边的北京位于遮照中心,记录下:c=地图的X;

图6
AS打造鼠标控制转动地球仪图片6

  向下移动地图使地图的上边与遮照的上边对齐,记录下:d = 地图的Y;

图7

AS打造鼠标控制转动地球仪图片7

  向上移动地图使地图的下边与遮照的下边对齐,记录下:e=地图的Y;

图8

AS打造鼠标控制转动地球仪图片8

  现在画一条直线,使之与遮照的左边垂直对齐,记录下:f=直线的X,实际就是遮照的左边的X,

图9  

AS打造鼠标控制转动地球仪图片9


然后将直线移到遮照的右边对齐,记录下:g = 直线的X,

  删除直线;再画一条直线,使之与遮照的顶边对齐,记录下:h= 直线的Y;

图10

AS打造鼠标控制转动地球仪图片10

  将直线与遮照的下边对齐,记录下:i = 直线的Y。删除直线。
这一步有点麻烦哈,不过这些数字的确很重要。
双击库中的阴影元件,进入阴影编辑区,选中阴景椭园环,将透明度设为20%.进入主舞台,在遮照层上新建一图层,命名为“阴影”,从库中将阴影元件拖到舞台上,打开属性窗口,选择“滤镜”-“模糊”,值大约10左右。用自由变形工具,调整椭园环大小,使之与遮照一样大,并与遮照重叠。

图11
AS打造鼠标控制转动地球仪图片11

新建图形元件,命名为“支架”,然后画一个支架吧,不要跟我学,我不会画画,我那个支架画得很差,相信你一定可以画出一个很好看的支架的。然后在主场景中新建一图层,命名为“支架”,将支架元件从库中拖出,按位置放好。
再新建一个图层,命名为“边框”,内容麻,随意弄啰。
再建最后一个图层,命名为“action”,点击该层第一帧,然后打开动作面板,AS3(Flash cs3)请复制下列代码,AS2(flash8,mx)复制后面的。:
import flash.events.MouseEvent;
import flash.display.DisplayObject;
function back () { //形成水平移动的循环,使上下边界不出界。
if (dt_mc.x >= 1025) { //此处1025用你记录的b的值替换
dt_mc.x = -114; //此处 -114用你记录的a的值替换
} else if (dt_mc.x <= -1251) { //此处 -1251用你记录的c的值替换
dt_mc.x = -114; //此处 -114用你记录的a的值替换
}
if (dt_mc.y >= 44) { //此处44用你记录的d的值替换
dt_mc.y = 44; //此处44用你记录的d的值替换
} else if (dt_mc.y <= -346) { //此处 -346用你记录的e的值替换
dt_mc.y = -346; //此处 -346用你记录的e的值替换
}
}
function yd (event:MouseEvent):void {
dt_mc.startDrag();
}
function stopyd (event:MouseEvent):void {
dt_mc.stopDrag();
back;
}
function mov (event:MouseEvent):void { //将鼠标拖动限定在地球仪的范围内。
back;
if (mouseY >= 346) { //此处346用你记录的i的值替换
dt_mc.stopDrag();
} else if (mouseY <= 50) { //此处50用你记录的h的值替换
dt_mc.stopDrag();
}
if (mouseX <= 186) { //此处186用你记录的f的值替换
dt_mc.stopDrag();
} else if (mouseX >= 490) {此处490用你记录的g的值替换
dt_mc.stopDrag();
}
}
dt_mc.addEventListener (MouseEvent.MOUSE_DOWN,yd);
dt_mc.addEventListener (MouseEvent.MOUSE_UP,stopyd);
stage.addEventListener (MouseEvent.MOUSE_MOVE,mov);
AS2(flash8,mx)请复制下列代码:
function back () {
if (_root.dt_mc._x >= 988) { //b
_root.dt_mc._x = -131; //a
} else if (_root.dt_mc._x <= -1109) { //c
_root.dt_mc._x = -131; //a
}
if (_root.dt_mc._y >= 40) { //d
_root.dt_mc._y = 40; //d
} else if (_root.dt_mc._y <= -346) { //e
_root.dt_mc._y = -339; //e
}
}
dt_mc.onPress = function () {
this.startDrag();

}
dt_mc.onRelease = function () {
back();
this.stopDrag();
}
dt_mc.onMouseMove = function () {
back();

}
按注释替换数字。
最后一步,测试,祝你成功!

 

 
课件115学培吧(湖北金鹰)欢迎您!永久免费服务网址:http://www.kj115.com
   
 

学员众多的FLASH课件学习基地,成万免费FLASH课件制作教程在线学习,还有免费内容课件教程、视频教程、课件技巧、课件探讨、课件欣赏、课件展示、实用教程、课件界面、课件脚本、课件游戏、课件下载、课件封面、课文内容图片、课文人物图片库、课件素材、图片素材、声音素材、动物素材、背景图片、背景资料、背景边框、课件顶栏图片素材、Dreamweaver教程、Dreamweaver网页课件教程、软件下载。承接学习和培训,承接课件订制,课件修改等所有课件相关服务。
本站主要业务:┃flash课件制作视频教程培训┃承接全国竞赛flash课件┃论文代写代发┃代办课件国家级获奖证书┃
联系:QQ:444860709 手机:13339817386


 
 

业务办理
鄂ICP备08005724号