【9RIA—伱永远不可以】—【s7教你做特效】10. 光栅动画—来自于童年记忆

9RIA-伱永远不可以

转载：9RIA游戏开发者社区（天地会）
作者：伱永远不可以（原天地会大神）


大概是要发个专题吧....把自己学到的总结下，顺便能给不懂的同学们提供思路！
【s7教你做特效】系列教程（总目录）


先看看是啥，鼠标移动操作，可以切换动画看看：


这种光栅动画，在小时候经常看见，觉得非常神奇！

说其原理的话，很简单，但是看起来很麻烦。
简单的来说就是 ，把一个动画的第1帧 显示出来，然后把其他帧遮住看不见，第2帧 显示出来，然后把其他帧遮住看不见....以此类推。。。。。呃。。。。
详细原理请看：http://mux.alimama.com/posts/571    （感谢这位的文章，超棒！）

看过了上面的详细原理，就可以看看我做得这个小演示,应该就可以完全明白原理了（呃。。这篇教程总算有点内容了）

了解了，光栅动画的本质，那么，就不一定是直线运动了，比如，旋转！

拖动 滑动条试试效果！~
（网上有一款挂钟，用得就是这这种创意，可惜找不到图片了）
好吧，我承认这篇教程有点水，但是 http://mux.alimama.com/posts/571  这个原理以及讲得超级详细，内容也很多，我就不多说了。

既然在技术区发，所以我就写了一个类来制作这种动画；可以生成 直线运动类 和  转盘运动类的 光栅动画！
主要使用方法：

[Actionscript3] 纯文本查看 复制代码

/**
                * 传统的 动画------------注意！以第一帧大小为主
                * @param mc 影片剪辑
                * @param frameLen 一帧的像素宽度，，越小越精细
                * @param horizontal 横着还是竖着
                * @param frameStep 跳帧数量--------当有重复帧时候使用！导入GIF动画经常有这种事
                * @return
                */
                public static function drawWithLine(mc:MovieClip,frameLen:uint=2,horizontal:Boolean=true,frameStep:uint=1):BitmapData
 
/**
                * 圆盘式的光栅动画
                * @param source
                * @param segment 分段
                * @param frameStep 帧跳过的
                * @param reverse 是否反着转的
                * @return
                */[attach]284259[/attach]
                public static function drawWithCircle(source:MovieClip,segment:Number,frameStep:uint=1,reverse:Boolean=false):BitmapData

具体的还是看源文件DEMO里面的注释吧
光栅动画.rar (5.1 MB, 下载次数: 1)

2018-2-8 17:29 上传

点击文件名下载附件

yuxuan2658

不错，学习了了

yunjing

感谢分享，学习学习

xchx123

不错，学习了