动画教程之Flash缩小镜效果深切改善(2)
此外,还支持α透明功能,能够设计人员在Flash视频中对诸如文本、矢量图像以及其它Flash元素等进行整合。上面是详细的制造历程。
1.导进一张图片。并以这张图片为基本创建一个MovieClip,起名叫“pic”。
2.在场景的第一个图层“pic-small”中摆出这个“pic”的一个实例,巨细与场景一样,作为小图。
3.新建一个图层“pic-big”,再摆出“pic”的一个实例,在Instance中输出“gback”。这张图将作为年夜图。如今先不必管它的巨细和地位,由于我们将在影片播放时静态地用ActionScript来改动它。
4.再新建一个图层“mask”,在下面画一个巨细符合的圆。将其变化为影片剪辑元件。并将其Instance改成“zoom”。这个圆就是你的“缩小镜”了。在层上点右键,选择“掩蔽”(mask),将这一图层转化成为遮罩。
最初的了局以下图:
如今入手下手写我们的代码。
1、点击“pic-small”,为其到场以下代码:
onClipEvent(load)
{
scale=2;//初始化缩小倍数
}
onClipEvent(mouseMove) //鼠标挪动时及时盘算和改动年夜图的地位
{
_root.gback._x=_xmouse-_xmouse*scale;
_root.gback._y=._ymouse-_ymouse*scale;
}
on(keyPress"") //按下PAGEDOWN时削减缩小倍数
{
scale-=0.1;
if(scale<1)scale=1;
//倍数改动后应当重置图片巨细和地位
_root.gback._xscale=50*scale;
_root.gback._yscale=50*scale;
_root.gback._x=_root._xmouse-_xmouse*scale;
_root.gback._y=_root._ymouse-_ymouse*scale;
}
on(keyPress"") //按下PAGEUP键时加年夜缩小倍数
{
scale+=0.1;
if(scale>4)scale=4;
//倍数改动后应当重置图片巨细和地位
_root.gback._xscale=50*scale;
_root.gback._yscale=50*scale;
_root.gback._x=_root._xmouse-_xmouse*scale;
_root.gback._y=_root._ymouse-_ymouse*scale;
}
2、再在影片的第一帧到场以下代码:
startDrag(zoom,true); //拖动“缩小镜”,并将鼠标锁定在个中心。
好了,如今能够按“Ctrl+Enter”测试下我们的影片了。你还能够到场一些创意让影片更完美。源代码下载
</p>
网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash的前身是FutureWave公司的FutureSplash,是世界上第一个商用的二维矢量动画软件。 假设一个Web设计者需要让一页上的不同元素之间相互作用。如果其中的一些元素出现在Box内,而另一些在Box之外,那么设计者就很不幸。 矢量图形相对于位图的另一个优势是可以随意缩放的能力。这是对动画进程的奖赏,对用户来说也是一个很酷的特征。在Flash之前,Web上没有这种功能。 flash的优缺点可以如何运用呢? 富媒体可应用于各种网络服务中,如网站设计、电子邮件、BANNER、BUTTON、弹出式广告、插播式广告等。 还有,艺术上的优势——各异的风格;创作手法独特;独立性和原创性;拓展出新的表达空间; Flash是一种以向量图方式制成的网页动画,相比MPEG,AVI等的影片的档案大小就小很多. 中坚的程序员趋向于嘲笑脚本语言,但是对于那些没有计算机科学学位的人来说,脚本语言可能使他们头疼。
页:
[1]