仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 952|回复: 7
打印 上一主题 下一主题

[学习教程] 给大家带来FLASH完成转动条+网页书签效果

[复制链接]
愤怒的大鸟 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 22:28:10 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
Flash特别适用于创建通过Internet提供的内容,因为它的文件非常小。Flash是通过广泛使用矢量图形做到这一点的。
第一步:场景中的元素
由于这一步次要是在场景中到场笔墨和图片,人人能够下载源文件后用FLASH翻开本人研讨,这里就不具体先容各元素的画法了。
>>点击下载FLA源文件
关于场景中的元素,这里要说分明的是各个MovieClip(影片剪辑,以下简称mc)的定名,以下图所示(注:这里说的定名,是指把mc放加入景中后在Properties<属性>面板中的定名,而不是在Library<库>中的定名,见图中白色线条框出的部分):

说明:
对应于Timeline(工夫线)上的各层:
mask层:只要一个mc,名为mask;
scrolling层:


名为scrolling;
txt层:mc名为txt。txt内,八个mc,从上至下分离定名为title1~title8;
menu层:从上至下分离定名为title1~title8;
第二步:转动条
选中as层的第一帧,按F9翻开Actions面板,输出以下代码:
//转动条初始化入手下手:
scrolling.onPress=function(){
this.gotoAndStop("dark");//转动条变暗
lock="no";
};
scrolling.onRelease=function(){
this.gotoAndStop("light");//转动条变亮
lock="yes";
};
maskheight=177;//mask的高度
//转动条初始化停止
txt.ymin=txt._y;//txt在y偏向的初始值(最小值)
txt.y1=txt.ymin+txt._height-maskheight;//txt在y偏向最多能够抵达的中央(最年夜值)

说明:
设一变量lock,纪录鼠标是不是在转动条(scrolling)上按下,按下时,lock值为"no",反之则为"yes";
maskheight为笔墨蒙板(mask)的高度,入手下手以为用mask._height就好了,但测试时发明mask._height值为210,而在Properties面板上看到的mask的值倒是177,不晓得是出了甚么错-_-!

这段代码只是对转动条的初化和一些参数的设置和猎取。

选中as层的第二帧,按F9翻开Actions面板,输出以下代码:
//转动条完成
if(lock=="no"and_xmouse>(scrolling._x-scrolling._width)and_xmouse<(scrolling._x+2*scrolling._width)){
//lock为no,而且鼠标在x偏向的地位不至于太偏
distance=_ymouse-scrolling._y;//鼠标在y偏向的挪动间隔,即转动条在y偏向的挪动间隔
if((txt._y>=txt.yminandtxt._y<=txt.y1)or(txt._y>txt.y1anddistance>0)or(txt._y<txt.yminanddistance<0)){
/*假如txt在y偏向的地位没凌驾指定局限(ymintoy1)大概
1.txt在y偏向的地位小于ymin(过上),但鼠标是向下挪动
2.txt在y偏向的地位年夜于y1(过下),但鼠标是向上挪动
则实行上面的程序*/
scrolling._y+=distance;
txt._y-=distance*((txt._height-maskheight)/(maskheight-scrolling._height));
}
}

说明:
这段代码是转动条效果的中心部分。

要了解这段代码,我们必需先分明FLASH内的座标,以下图所示:


与我们平常用的迪卡尔坐标分歧的是,FLASH内的座标,在纵偏向(y偏向)越向上值越小,越向上值越年夜。

本旧事共2页,以后在第1页12
</p>
“swf”这是一个完整的影片档,无法被编辑。swf在发布时可以选择保护功能,如果没有选择,很容易被别人输入到他的原始档中使用。
山那边是海 该用户已被删除
沙发
发表于 2015-1-17 17:58:51 | 只看该作者
FLASH动画在如今的很多网站中都比较常见,其所独有的视觉效果和感染力成为各行各业宣传企业形象、推广产品的最佳平台。
金色的骷髅 该用户已被删除
板凳
发表于 2015-1-21 21:07:13 | 只看该作者
在Web页面上使用声音是可能的,但是在精确的时间播放声音几乎是不可能的。Flash通过把声音放入时间期限内解决了这个问题,因此你现在可以把声音连接到动画的特定部分或者某个用户交互过程。
若天明 该用户已被删除
地板
发表于 2015-1-30 22:36:06 | 只看该作者
Flash也支持alpha通道,这会使设计者高兴。没有太多的技术性,alpha通道是附加在图像上的信息 - 允许图像以不同的方式渲染。
第二个灵魂 该用户已被删除
5#
发表于 2015-2-6 16:35:12 | 只看该作者
Flash也支持alpha通道,这会使设计者高兴。没有太多的技术性,alpha通道是附加在图像上的信息 - 允许图像以不同的方式渲染。
海妖 该用户已被删除
6#
发表于 2015-2-17 09:41:38 | 只看该作者
缺点方面~有些技术不能实现,不过FLASH技术在发展在进步,相信在以后FLASH可以取代,大部分的视频编辑软件,视频制作软件。
简单生活 该用户已被删除
7#
发表于 2015-3-5 19:23:57 | 只看该作者
不能制作色彩丰富变化的图像,核心竞争力小,而且有一定的局限性。要想制作优秀的动画,就要充分了解软件的优点和缺陷。
小妖女 该用户已被删除
8#
发表于 2015-3-19 23:02:03 | 只看该作者
而作为富媒体营销概念中的重要手段,很长一段时间,或者说,在未来,富媒体技术的不断完善,Flash动画广告的优势会越来越明显。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 03:50

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表