网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

作者： 北京网站建设   日期：2008-03-27 06:03:35  来源： http://www.qitongnet.com

二. 进阶部分－－跟随鼠标的探照灯效果 网页设计
企通互联
效果：企通互联

北京网站设计
（点击放大 查看效果）

有了上面的技术，那么制作一个探照灯效果就只剩下创意和代码编写工作了。具体的制作过程我就不在浪费时间了，估计大家看到我下面的解释及源文件就能理解并自己能作了。 网页设计北京网站建设
既然是探照灯效果就应该是黑色背景了，那么为了表现光照的模糊效果，就需要一个椭圆形区域，这个区域的中心是透明的，然后渐变到与背景相同的黑色。这是与上面的例子不同的地方，也算是拟向思维吧！ 北京网站制作
企通互联
1.先来看看层结构 北京网站设计
如下图

最上一层是这个效果需要的控制代码，下来一层是跟随鼠标的圆环，下来是圆环遮罩，下来是圆环经过时发亮的线条，再下来是发暗色的线条，鼠标没有经过时就显示这条线。 北京网站制作
这部分是别人早就做过的东西，这里加上是让大家对遮罩效果有个完整的认识。接下来就是我要重点讲的东西了，shadow层存放产生光照渐变效果的区域，就是上一段说到的东西，这个区域与作为遮罩层motion_mask上的 企通互联motion_mask电影剪辑形状相同。 北京网页设计
pic层当然是放置用来照射的目标了。 网站设计
北京网站设计
2.再看看符号库中的演员

我有个习惯，就是符号的名字尽量和它所在层的名字一样，这样好知道哪一层是放的什么。还有就是尽量用英文尽量称呼准确，如果符号多的话要编号归类并放在一个能概括它们的文件夹里。这个作品的符号少，且和层名字对应，就不再解释了。需要解释的，一个是light符号，双击打开它仔细看就会发现，它的尖角正好在舞台的中心上，这是很关键的，因为要让它跟着鼠标转动而尾部不动，其原理就在这儿。另一个是shadow符号，双击进入会发现舞台上黑乎乎什么都看不见，单击图层 北京网站建设1就会看见一个扇形网格出现，再将舞台颜色改个颜色，这下可以看清了，是个放射填充形状。选住这个形状，打开属性面板，点击油漆桶旁边的填充颜色，打开填充颜色面板，将鼠标移到面板左上角的矩形区域中，这个区域就是当前区域的填充方式及颜色，单击就会在混色器面板中看到这个填充方式。这里介绍这么详细是因为我原来怎么也不会调出新打开文件中形状的填充属性，实在是惭愧惭愧！当时修改这个填充方式费了不少时间，点击色标可以看到其值。 北京网站建设
网站建设
3.再解释一下跟随鼠标所用的代码 北京网站制作
actions上的代码：

this.onEnterFrame = function() { 企通互联 网站制作 if (_xmouse>620) { 北京网页设计 light._rotation = -60; 北京网站制作 //如果鼠标的x轴位置大于 北京网页设计620，探照灯light就转－60度，light是探照灯的实例名 网页设计 } else if (_xmouse<80) { 北京网页设计 light._rotation = 30; 企通互联 } else { 企通互联 //如果鼠标是在80与620之间移动 网站设计 mask._xscale = (_xmouse-50)/4+70; 网站设计 //motion_mask层上的实例mask的宽度随鼠标的位置变化而变化，网站建设 //所以的数字是我认为比较满意的，大家可以修改看看 北京网站制作 北京网站建设 mask._yscale = (_xmouse-50)/4+70; 网站设计 //.........................的高度随................... 网站设计 shadow._xscale = (_xmouse-50)/4+70; 网站设计 //shadow层上的..................宽度.................. 企通互联 shadow._yscale = (_xmouse-50)/4+70; 企通互联 //..............................高度....................... 网页设计 light._rotation = -(_xmouse-260)/6; 网站制作 //设置light的旋转角度，由鼠标的位置计算而来，北京网站设计 //并将其范围缩小以求符合实际效果，不然就露陷儿了！ 北京网页设计 mask._rotation = -(_xmouse-260)/6; 网页设计 shadow._rotation = -(_xmouse-260)/6; 企通互联 } 北京网站建设 };

circle和round上的代码就不再解释了，都是来跟随鼠标，贴在鼠标上的。 企通互联 www.qitongnet.com
企通互联
三 网站建设.结束语 北京网站制作
企通互联
作了半天，这只能算是个小作品，而且也不漂亮，就送给那些和我当年一样开始学习flash的beginers吧！好的作品不仅要有对制作软件的熟练掌握，还要有自己的创意，有时将别人的东西改改，既是一种学习过程，又是一种创造，如果你美术功底好的话，再加上创作热情，初学者一定会变成有成就的闪客的。 企通互联
北京网站设计
让我们一起成长吧！