论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash AS教程
Tag:2.0,3.0菜鸟,游戏,,cs,技巧,源码,,文本,文字,函数,音乐,随机,拖拽,asp,access,xml,mc,视频教程

Flash AS教程_响应鼠标滚动轴的缓动遮罩内容教程

文章类别:Flash AS | 发表日期:2010-3-29 11:55:20

Flash AS教程_-响应鼠标滚动轴的缓动遮罩内容教程

21视频教程网3月28日整理

现在很多flash网站越来越多的使用鼠标滚动轴,这样更符合普通用户的习惯,对用户更有好,对推广flash网站还是有一定好处的。

==================
我们现在就开始做
==================

先简单分析下我们要做的内容:
- 创建遮罩内容;
- 让遮罩内容响应我们的鼠标滚动轴;
- 添加缓动函数给遮罩内容;

我们做一个纵向的遮罩内容滚动,为演示方便,我们挑选一个较高的图片,现在就开始。

1)导入图片,然后把图片转为影片剪辑,把影片剪辑拽到flash工作区适当的位置,命名为"spider" (当然你自己可以随便命名了,只不过我使用了一张蜘蛛侠的图片所以就叫"spider");
2)创建新图层,命名为"actions";
3)锁定所有图层,点击actions图层的第一关键桢,现在我们所有的工作可以交给actionscript来处理了

我们先建立遮罩影片剪辑,大小位置随便你,颜色也无所谓因为是用来做遮罩的  
代码:
this.createEmptyMovieClip("mask",this.getNextHighestDepth());
mask.lineStyle(2,0x555555,100);
mask.beginFill(0xcccccc,100);
mask.moveTo(0,0);
mask.lineTo(300,0);
mask.lineTo(300,310);
mask.lineTo(0,310);
mask.lineTo(0,0);
mask._x = 230;
mask._y = 50;
mask.endFill();
用新建立的mask影片剪辑把spider遮罩起来
 
代码:
spider.setMask(mask);
鼠标滚动轴响应事件其实特别简单
 
代码:
mouseListener = new Object();
mouseListener.onMouseWheel = function(amount) {
    ymove = amount*30.5;
    if(_root._xmouse > mask._x && _root._xmouse < mask._x + mask._width && _root._ymouse > mask._y && _root._ymouse < mask._y + mask._height){
        dy += ymove;
        top = -440;
        bottom = 50;
        if(dy > bottom)dy = bottom;
        if(dy < top)dy = top;
    }
}
Mouse.addListener(mouseListener);
缓动函数是特别有用也是常用的效果,你可以自己写,也可以用tween或fusekit,当然网上也有很多高手写的缓动class,这里是我自己写的一个特别简单的
 
代码:
spider.onEnterFrame = function(){
    speed = 6;
    oldy = this._y;
    this._y += (dy - oldy)/speed;
}
初始化spider影片剪辑的Y坐标
代码:
dy = 0;
现在测试你的flash影片,应该可以看到我们的响应鼠标滚动轴的缓动遮罩内容了。

视频教程列表
文章教程搜索
 
Flash AS推荐教程
Flash AS热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058