【9RIA—伱永远不可以】—【s7教你做特效】5. 位图爆破—没你想的那么难

9RIA-伱永远不可以

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


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


在论坛上大家应该看见过不少 位图爆破的效果吧...//下面的效果 。。。鼠标点击爆破，，按任意键复原  ---有裂痕是因为图片长宽和分段数没有刚好整除


来说说原理：
1.把位图切割为N个小块，分别放在Bitmap里面...


切割位图 其实就是用到了 bitmapData.copyPixels()这个API...具体请了解官方文档，或者百度！

2.就是爆破问题了...

这么一看，好像爆炸图片没什么困难的.....
-----如果要复原爆炸前的图片咋办呢？？？
给图片加一个 x0,y0属性，就是初始坐标呀，想恢复，直接回到初始坐标！

----原理非常简单...但是为了方便，还是给封装了下!...简化了步骤...

--封装后的使用方法--源码，源文件在后面[可以选择爆炸是否旋转，复原的缓动参数，爆炸形状什么的，最新的源文件 请看最后面的链接里面的最新]

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

import s7.tools.ImageTools;
import s7.effect.ImageBoom;
import flash.geom.Point;
import s7.tools.Tools;
import flash.display.Bitmap;
import s7.obj.S7Bitmap;


var ib:ImageBoom =new ImageBoom ()
//初始化参数：g 重力 ，nx 横向分段 ny 纵向分段 pic 爆破的图片 还有许多参数见源码--其实这里不有参数也行
ib.init ({g:new Point (0,1),nx:12,ny:15,pic:new Pic()})
ib.show (this,false)


this.addEventListener ( Event .ENTER_FRAME ,update)
//更新
function update(e:Event ):void 

{
        ib.update ()
}

this.addEventListener ("click" ,c)
//点击鼠标 爆炸
function c(e:Event ):void 

{
        //爆炸图片--参数1 ：爆炸中心,2:爆炸半径,3：爆炸威力
        ib.boom (new Point (mouseX,mouseY),140,160)
        //ib.boom (new Point (mouseX,mouseY),140,160,new Point(4,1))//椭圆形的爆炸
        ib.start ()//开始更新

}
//按下任意键复原图片
stage.addEventListener ("keyDown",kd)
function kd(e)
{
        ib.resetTween ()
        
}

下载：
图片爆破.zip (1.24 MB, 下载次数: 13)

2018-2-8 14:43 上传

点击文件名下载附件

yunjing

感谢大佬分享

xchx123

感谢分享！！！