9RIA-伱永远不可以 发表于 2018-2-8 17:27:52

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

本帖最后由 TKCB 于 2018-2-8 17:34 编辑

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


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


先看看是啥,鼠标移动操作,可以切换动画看看:
attach://996.swf

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

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

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

了解了,光栅动画的本质,那么,就不一定是直线运动了,比如,旋转!
attach://995.swf
拖动 滑动条试试效果!~
(网上有一款挂钟,用得就是这这种创意,可惜找不到图片了)
好吧,我承认这篇教程有点水,但是 http://mux.alimama.com/posts/571这个原理以及讲得超级详细,内容也很多,我就不多说了。

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

/**
                * 传统的 动画------------注意!以第一帧大小为主
                * @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
                */
                public static function drawWithCircle(source:MovieClip,segment:Number,frameStep:uint=1,reverse:Boolean=false):BitmapData

具体的还是看源文件DEMO里面的注释吧


yuxuan2658 发表于 2018-2-8 17:47:30

不错,学习了了

yunjing 发表于 2020-5-8 13:00:11

感谢分享,学习学习{:1_122:}

xchx123 发表于 2020-10-12 10:23:12

不错,学习了
页: [1]
查看完整版本: 【9RIA—伱永远不可以】—【s7教你做特效】10. 光栅动画—来自于童年记忆

感谢所有支持论坛的朋友:下面展示最新的5位赞助和充值的朋友……更多赞助和充值朋友的信息,请查看:永远的感谢名单

SGlW(66139)、 anghuo(841)、 whdsyes(255)、 longxia(60904)、 囫囵吞澡(58054)

下面展示总排行榜的前3名(T1-T3)和今年排行榜的前3名的朋友(C1-C3)……更多信息,请查看:总排行榜今年排行榜

T1. fhqu1462(969)、 T2. lwlpluto(14232)、 T3. 1367926921(962)  |  C1. anghuo(147)、 C2. fdisker(27945)、 C3. 囫囵吞澡(58054)