论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: 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教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

带滑块的滚动文本

文章类别:Flash | 发表日期:2008-9-21 20:11:56

  [教程一]对文本教程的补充(带滑块的滚动文本)
前些天看到斑竹对一些滚动文本做了一些总结,由于自己当时太忙,没时间写点东西,今天凑了点空,对他的滚动文本做点补充,可能没斑竹讲解的具体,大家凑合着看。
其实说实在的关于滚动文本确实有一些东西值得我们注重,比如这回我要讲的带滑块的滚动文本。
学习目标:1.金属调色
2.对按钮的简单控制
3.startDrag();函数的应用
4.运用数学的方法进行简单的比例运算。
OK!废话少说,开始吧!
1.为了让画面好看,我们用金属色质装饰整个场景。
2.画一个小方框(文本显示的区域),将中间部分删除。复制画的小方框,新建一层ctrl+shift+v原位粘贴,并将其转化为mc,给实例命名为kuang,将方框上沿与中心对齐(别慌问为什么,后面有用).回到原来的小方框层。

按此在新窗口浏览图片
3.然后沿着场景画布,画一个大方框,在中间填充绿色和深棕色渐变。对于内框,将背光的部分用墨水瓶工具填充为暗色,将荧光的部分用亮色填。(图片11,2)

按此在新窗口浏览图片按此在新窗口浏览图片
4.选择文本工具,在主场景新建一层,拉出一个文本框,写出你想要滚动的字(注重不要超出内框)。按F8转化为MC,将其上沿与编辑区中心对齐,并且为实例命名为tex.(图片3)
按此在新窗口浏览图片
5.选择矩形工具,分别画出滚动滑块,和滑动杆儿。注重用渐变填充还有边线填充为金属色质。(图片5)
按此在新窗口浏览图片
6.同第四步,将滑动杆转化为mc并命名为gan,将滚动滑块转化为mc,命名为kuai,进入编辑场景,将其转化为按钮。将其上沿与编辑区中心对齐,点击按钮,加as
on (press) {//按住按钮不放
startDrag("", false, _root.gan._x, _root.gan._y+_root.kuai._height/2, _root.gan._x, _root.gan._y+_root.gan._height-_root.kuai._height/2);//答应拖动
}
on (release, releaseOutside) {//释放按钮不答应拖动
this.stopDrag();
}
对于初学者,看这里的图解。(图片6)
按此在新窗口浏览图片
7.回到主场景,点击实例tex加入as为
onClipEvent (load) {
Y = this._y;//将初始y坐标赋值给Y
gh = _root.gan._height-_root.kuai._height;
texh = _root.kuang._height+this._height;
k = gh/texh;//比例值
trace(_root.gan._height);
trace(_root.gan._width);
trace(k);
}
onClipEvent (enterFrame) {
this._y = Y-(_root.kuai._y-_root.gan._y)/k;//后面解释。
}
以下图示不知道你看懂了吗?(图片7)
按此在新窗口浏览图片
点击开新窗口欣赏该FLASH动画![全屏欣赏]

点击浏览该文件
[教程二]带滑块的滚动文本续之缓冲滚动文本 对比不同
点击开新窗口欣赏该FLASH动画![全屏欣赏]

点击开新窗口欣赏该FLASH动画![全屏欣赏]
试对比不同 再续前缘
按此在新窗口浏览图片
不知道大家看过没看过土哥的运动缓冲解析
其实就是个加速度的问题
核心源代码为
onClipEvent (load) {
Y = this._y;//将初始y坐标赋值给Y
gh = _root.gan._height-_root.kuai._height;
texh = _root.kuang._height+this._height;
k = gh/texh;//比例值
trace(_root.gan._height);
trace(_root.gan._width);
trace(k);
}
onClipEvent (enterFrame) {
yy= Y-(_root.kuai._y-_root.gan._y)/k;
this._y+=(yy-this._y)/3.6;
//你看懂这布了吗?跟上一个教程的不同之处 记得高中我们学物理的时候老师教的吗?
关于物体的减速运动
v=s/t;//无关
s=V+at*t*1/2; this._y+=(yy-this._y)/3.6;// 其中yy就是目标坐标值
记得有的同志问过这么一个问题
就是为什么等号右边的为什么不能和左边的合并
其实干过编程的人都知道,上面的等于this._y=this._y+(yy-this._y)/3.6;
不同的,右边的坐标是上一次计算得到的而左边的是要求的这一次的 我把缓冲效果传上来
点击浏览该文件

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