应用思考-教育技术论坛

标题: 学习笔记之“帧切换实例” [打印本页]

作者: 清灯竹影 时间: 2014-5-9 09:24
标题: 学习笔记之“帧切换实例”
学习笔记之：利用按钮控制帧切换

第一篇学习笔记：按钮的基本控制 http://bbs.etthink.com/thread-15524-1-1.html

记下这个实例，是因为刚学flash的时候，我有个想法。就是一个大框里，有四个空白的小框。那么大框里面呢，还有俩箭头按钮。我点向右按钮，空白小框里图片顺时针出现，我点向左按钮，图片逆时针的又消失。

当我把这个想法郑重其事的向一个大神师弟请教的时候，他乐了：“亲哥，你这想法我最少有四、五种实现方法。现在先告诉你最基础的，你只记住“nexFrame()”和“prevFrame”,然后自个鼓捣去吧。”

“兄弟，等等！这俩词啥意思啊？” 咆哮：“问百度！” 遁！….⊙﹏⊙b汗！

那我们开始吧。首先，还是准备四张图片，这里我选了四张PNG图片的盆栽到舞台。然后你自个调节这些图片大小吧，自己中意就成。接着呢在舞台上画一大框，随便画一个吧，只要靠谱就成。大框里面再画四个小矩形框。什么？你不喜欢矩形，那圆的，随意，这只是个练习嘛。（记住一个原则：一个图层除非特殊情况，放的物件越少越好）

第二步：新建一图层，图层名：小图片。在第二帧插入一个空白关键帧。然后放一张PNG盆栽，接着F6，放入第二张PNG盆栽，再F6，放入第三……。重复到第五帧，这样四张PNG图片都放好了。那么一开始，第一帧是啥都木有地。这里留给你想象和创意，比如可以加个标题什么的。以前有个朋友加入了闪动的星星...略显风骚。

第三步：新建一图层。专门放置代码的。代码如下：

stop();

左_btn.addEventListener(MouseEvent.CLICK,zuo);

function zuo(event:MouseEvent):void

{

this.prevFrame();

}

右_btn.addEventListener(MouseEvent.CLICK,you);

function you(event:MouseEvent):void

{

this.nextFrame();

}

然后保存，测试影片。

额……我知道您如果是刚解除这玩意，肯定在制作过程里会出现错误或其他问题。嗯，那你可以把不理解的地方写出来，然后我抽空或其他兄弟哥们再给你解释哈。

然后我附上源文件(CS6;AS3.0)你先研究下。

帧切换(312.10K)帧切换源文件(853.49K)

欢迎光临应用思考-教育技术论坛 (http://etthink.com/)