莫相离 发表于 2015-1-15 20:49:50

来谈谈:Flash AS2教程:影片剪辑-Flash actionscript

交互性更是flash动画的迷人之处,可以通过点击按钮、选择菜单来控制动画的播放。正是有了这些优点,才使flash日益成为网络多媒体的主流。
poluoluo中心提醒:上一篇教程出来今后,良多网友留言,问我为何不间接讲as3,而是很过期的絮聒as2,这里起首廓清一下,as3是一个好器材,本博客并不是要视as3为无物,在一个3.0的时期推许2.0,而是2.0浅易教程这个系列,将次要以2.0为主。关于3.0的使用,我们也会在别的的一些系列大概相
 上一篇教程出来今后,良多网友留言,问我为何不间接讲as3,而是很过期的絮聒as2,这里起首廓清一下,as3是一个好器材,本博客并不是要视as3为无物,在一个3.0的时期推许2.0,而是2.0浅易教程这个系列,将次要以2.0为主。关于3.0的使用,我们也会在别的的一些系列大概相干的文章中提到。
至于本教程面临的工具,实在我在第0篇的絮聒里已说得很分明了,就是针对那些已利用过flash良多年,对flash发生了深挚的情感,乃至就是吃flash这碗饭的同道们,跟着flash愈来愈向手艺平台转型,良多人大概以为跟不上,以为落伍了,乃至对本人flash的才能发生了嫌疑,以是,这系列实在就是想说,flashas并没有那末难,停滞在本人的内心。只需你乐意往做,你会发明你完整跟得上flash年夜潮的开展。以是,复杂点说,这个教程不是面临程序员的,恰好就是面临计划师和动画师的。这个回覆大概良多人不喜好,而且要问我,为什么在一个程序员云集的博客发给计划师的器材。我要说起首互联网是开放的,其次,像博客园如许固执于专业范畴的网站其实未几。
好的,空话停止,上面入手下手授课。
用过flash的人都晓得,flash中,有一个很主要的观点:影片剪辑(一样平常,我们简称为mc),它几近是flash统统动画的基本。Flash这器材,一言以蔽之,就是怎样让良多影片剪辑在界面里按你设想的活动起来。滑动、变年夜、变小、扭转、显现、消散……就是这些最基本的活动,组成了flash,乃至是说任何图形界面的软件的最基础的交互和展示情势。在关头祯时期,我们用关头祯来举行这些最基础的事变,在as时期,我们用as来做,云云罢了。
在初期的flash版本里边,我们都晓得,按钮司交互,影片剪辑管活动,以是,之前人人做一个flash,思绪很复杂,我必要一个器材有交互举动,说白了就是我点点点,他动动动,就间接做个按钮,放到库里,再拖加入景里用;我必要一个器材动起来,间接建一个影片创建,放加入景里,再拖加入景里用。在as时期,我们用as来做,起首必要分明的也是这一点。(下面这两段看不懂的同砚,请先找一些flash软件利用的最基础教程看一下,最少懂得一下库是甚么器材,影片剪辑应当怎样创建)。
1、用代码创建空的影片剪辑
在flashas里,我们一样能够创建影片剪辑。以是,明天我们先来讲一下怎样创建影片剪辑。
翻开flash软件,鼠标点中工夫轴上的第一祯。然后翻开举措面板,在里边输出以下的语句:
this.createEmptyMovieClip(“myMc”,1);
这就在场景里边创建了一个名为myMc的影片剪辑。固然,今朝为止,你看不到这个影片剪辑,由于他是空的。
关于下面这句话,有几点我们先注释一下。
this指的是这个影片剪辑的感化域,复杂点说,就是我是在这一祯上创建的影片剪辑。
“.”是flash最典范的点语法,说复杂点,就是你能够把它了解为“的”大概“下的”大概“属于他的”,深邃专业的注释这里临时就不讲了,只会增添初学者的了解难度。我能够不太卖力任的告知人人,你能够不太标准的以为,flash在暗示“的”,“下的”,“属于他的”时分都用“.”来暗示。
好比方才这句,你能够了解为在“this”上面创建空的影片剪辑。
再好比this.myMc._x,你能够了解为this上面的myMc的_x。
如许说对一些谈程序色变的美工更简单承受一些。
再前面的部分createEmptyMovieClip,看起来很长,可是假如你E文充足好,应当能看出来,这就是创立空的影片剪辑的英语。以是,这句话仍是很好记的。固然,在程序命令里,他把这几个单词都毗连起来了,而且两头每一个单词的第一个字母年夜写。这类写法很抽象地被称为“骆驼式”定名法。Flash里边的变量名、属性、办法、命令等等,基础都遵守这类划定规矩。你假如但愿你写的程序看起来对照专业,同时还简单了解,但愿你也一入手下手养成优秀的定名习气,保持利用“骆驼式定名法”。另有一点必要夸大的是,flash是严厉辨别巨细写的,以是,“myMc”和“mymc”并非一个器材,假如你写的程序怎样调试都不合错误,记着反省一下巨细写的成绩。这是初学者常常会犯的毛病。
再看前面,("myMc”,1),后面是你为影片剪辑命的名,前面是它的深度,命的名很好了解。深度必要注释一下,用过flash大概photoshop的人都晓得,有一个层的观点,下面的层会压住上面的层。深度也是一个相似的观点。深度值越年夜,越在下面,深度值越小越鄙人面。可是深度有几点和层分歧的观点必要记着。
第一,一个深度上只能有一个器材存在。假如有两个的话,前面创建的会掩盖失落后面的。
第二,一切在场景里经由过程画图工具和拖拽而不是程序创建的工具,默许的处于第0层,也就是说,你用程序创建的影片剪辑,城市挡住里处于工夫轴上的那些工具。不论这些工具在工夫轴上是第几层,城市在程序创建的影片剪辑上面。
以是,这两点就告知我们,第一,假如你已在一个深度上创建了一个影片剪辑,再创建下一个的时分,换个深度。
好比,
this.createEmptyMovieClip(“myMc”,1);
this.createEmptyMovieClip(“myBtn”,1);
如许的写法是毛病的,第一个影片剪辑,myMc被掩盖了。
准确的写法应当是如许的
this.createEmptyMovieClip(“myMc”,1);
this.createEmptyMovieClip(“myBtn”,2);
大概
this.createEmptyMovieClip(“myMc”,this.getNextHighestDepth());
this.createEmptyMovieClip(“myBtn”,this.getNextHighestDepth());
getNextHighestDepth()是取得上一深度的意义;以确保Flash将该影片剪辑出现在以后影片剪辑中统一级和统一层上一切别的工具的后面。
第二点,假如你在场景里,用工具创建了一个影片剪辑,大概从库里拖出来一个影片剪辑,放加入景里了,如今你想把它放到方才你用createEmptyMovieClip创建的影片剪辑下面,默许的情形下不成能。你会看到,createEmptyMovieClip创建的影片剪辑把它给挡住了。
好了,如今我们就学会了怎样用程序创建一个影片剪辑。
何处有同砚说了,你创建了半天,可是我一公布,啥都没有,我创建这个空的影片剪辑有啥用呢?
这个成绩,我往返答,起首,人人都晓得,flash的影片剪辑不单单是为了显现一个可见的器材,另有一个主要的感化,就是容器。
影片剪辑能够作为放其余影片剪辑大概其他工具的容器。你能够把必要一同活动的良多器材,放到一个影片剪辑里,如许批示它们活动的时分对照便利。就像你假如把一个苹果、一个梨、一个喷鼻蕉,从a处挪动到b处,一种办法是把它们分离挪动已往,另有一种办法,是放到一个篮子里,一同移已往。容器在这个动画里的感化,就是这个篮子。
第二点,你如今之以是看不到你创建的影片剪辑,是由于你还没有对它举行任何操纵。假如你真的非要看到它才宁神,请把上面这段代码拷到你的程序上面。这段代码的感化是在myMc的影片剪辑里画了一个玄色的长方形,至于详细怎样画的,我们今后会讲。乐意研讨的人,能够先熟习一下。

with(this.myMc){
beginFill(0x000000,100);
moveTo(0,0);
lineTo(200,0);
lineTo(200,100);
lineTo(0,100);
lineTo(0,0);
endFill();
}
好了,如今公布一下,(不晓得公布是甚么的同砚,请按enter+ctrl,就公布了)看到了吧?
何处又有一名同砚成心见了。你这么费力,打了半天字,写了这么多行,才花了如许一个正方形,效力太低了,我用画图工具,一比画,就出来了。比你快多了,不晓得你写这么多路程序有甚么用?
起首,第一画图工具在作矢量图型方面,切实其实比用代码天生更快。这也是flash的上风地点。
第2、代码天生并不是没有效处,这个今后跟着进修的深切,人人就渐渐分明了,这儿不空话了。
2、从库中加载影片剪辑
固然,既然flash在画图方面有本人独到的上风,而且我们平常使用中常常将用ps或其他软件做好的图型间接导进flash的库中,供影片剪辑挪用,假如flashas仅仅为了代码化,就把这一上风抛弃,就是昏了头了。以是flashas里边,除createEmptyMovieClip来创建影片剪辑之外,另有一种办法,能够间接把库中的影片剪辑加载加入景中来。
我们先回想一下,假如不必代码,间接把库里的元件放加入景里,怎样办?对,很复杂。间接一拖,就过去了。用代码来完成应当怎样做呢?
起首在库中找到你要加载的影片剪辑,用右键点击他,选“链接”,弹出一个小框。选中“为actionscript导出”,此时你能够看到,“在第一桢导出”同时也被选中了。在标识符框中,填进你为这个影片剪辑起的标识符。在这里倡议影片剪辑的称号和标识符一致起来,对照便于办理。好比你的影片剪辑叫“myMc”,标示符最好也叫“myMc”,点击断定。
然后前往主场景,选中第一祯,在举措面板里写进
this.attachMovie(“myMc”,”myMc”,this.getNextHighestDepth());
然后公布,看一下,你的影片剪辑是否是已在场景里了?
这儿注释一下这句命令,this.就不必说了,前面attachMovie就是把场景里标示符为myMc的影片剪辑,加载到库里,并定名为myMc,固然,你也能够不叫它myMc,而叫它aaa,如许,下面的那段话就酿成
this.attachMovie(“myMc”,”aaa”,this.getNextHighestDepth());
你也能够把myMc从库中掏出来两次,一次叫myMc,一次叫aaa,
this.attachMovie(“myMc”,”myMc”,this.getNextHighestDepth());
this.attachMovie(“myMc”,”aaa”,this.getNextHighestDepth());
如许你上面写myMc就是指第一个,写aaa就是指第二个。
说到这儿,又有同砚成心见了,你如许作仍是很贫苦,哪有我这边一拖,这么复杂啊。
切实其实,当你仅仅对一个影片剪辑实行如许的操纵的时分,切实其实效力不高,可是,假如你必要把myMc这个影片剪辑从库中掏出来100次乃至1000次的话,叨教,这位同砚,你拖来拖往的,是否是有点腰酸背痛腿抽筋呢。
可是用代码来完成的话,统统都变得复杂了
for(i=0;i<100;i++)
{this.attachMovie(“myMc”,”myMc”+i,this.getNextHighestDepth());
}
看看,就如许三行代码,就完成了一百次,假如你想用1000次,间接把i<100,改成i<1000就OK了,今后腰不酸了,背不疼了,腿也不抽筋了。
下面用到的就是程序里边最经常使用到的一种轮回体例,for轮回,没见过的同砚能够先多看几眼,混个脸熟,今后,我们还会具体先容。
假如你想把影片剪辑从库中掏出来,让他横着分列,每隔50个像素放一个,
for(i=0;i<100;i++)
{this.attachMovie(“myMc”,”myMc”+i,this.getNextHighestDepth(),{_x:50*i)});
}
假如你想把影片剪辑从库中掏出来,让他竖着分列,每隔50个像素放一个,

for(i=0;i<100;i++)
{this.attachMovie(“myMc”,”myMc”+i,this.getNextHighestDepth(),{_y:50*i)});
}
看一看,程序完成起来是否是很复杂呢?这节课就先讲到这里吧,下节课我们将先容影片剪辑的经常使用属性,和怎样使用这些属性,使影片剪辑真实的动起来。
这节课最初这些内容,没有看懂的同砚,下节课持续看,到时分必定会名顿开。
由于方才入手下手讲,良多都是基础划定规矩,转头一看,空话又良多。不外今后,跟着深切,信任真实的干货会愈来愈多的。

网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash的前身是FutureWave公司的FutureSplash,是世界上第一个商用的二维矢量动画软件。

乐观 发表于 2015-1-17 14:29:25

矢量图形有一些固有的限制。例如,照片由于包含太多的信息而不能使用矢量图形这种形式。但是对于由实体颜色形状构成的图像,Flash很管用。

透明 发表于 2015-1-25 23:26:18

Flash是一种以向量图方式制成的网页动画,相比MPEG,AVI等的影片的档案大小就小很多.

小女巫 发表于 2015-2-4 13:52:53

Flash流行的主要原因是它使用了矢量图形(与位图相反)。因为这种图形格式比位图小得多,而且在缩放时对图形质量影响不大,所以很适合对带宽要求很高的Web。

若相依 发表于 2015-2-10 01:48:22

Flash是一种以向量图方式制成的网页动画,相比MPEG,AVI等的影片的档案大小就小很多.

小妖女 发表于 2015-2-28 16:48:19

FLASH在网站建设过程中既然有这么多的问题,那为什么我们还继续使用FLASH,不可否认FLASH的问题的确存在,但也不可忽视FLASH在网站建设中。

只想知道 发表于 2015-3-10 04:42:09

各种性能才能运用的得心应手,制作出优秀的动画。

不帅 发表于 2015-3-17 05:09:09

在与制作传统动画相比较的同时,flash具有便捷、节省人力财力,节约时间、推广方便的许多优势。但与此同时它也具有一点的缺点。

飘飘悠悠 发表于 2015-3-23 23:11:45

不能制作色彩丰富变化的图像,核心竞争力小,而且有一定的局限性。要想制作优秀的动画,就要充分了解软件的优点和缺陷。
页: [1]
查看完整版本: 来谈谈:Flash AS2教程:影片剪辑-Flash actionscript