欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Flash教程:互动的橡皮刷

程序员文章站 2022-04-26 15:14:00
  以前用Flash做橡皮刷的时候通常都是通过绘制底图实现的,最近在发现其实还有一种更好的实现方法就是用bitmapdata的alpha通道。   只要在一张图片上用draw画一个透明度为零的图... 08-10-06...
  以前用flash做橡皮刷的时候通常都是通过绘制底图实现的,最近在发现其实还有一种更好的实现方法就是用bitmapdata的alpha通道。

  只要在一张图片上用draw画一个透明度为零的图片,就可以实现在draw的区域图片透明了。

  完成效果如下:



  点击选择右边的橡皮刷或者画笔图标,再用鼠标在画面上拖动,看看会出现什么情况?
  as代码如下:
//导入所需要的类
import flash.display.bitmapdata;
import flash.geom.rectangle;
import flash.geom.point;
//初始点(0,0)
var base_point:point = new point(0, 0);
//初始区域(0,0,25,25)
var base_rectangle:rectangle = new rectangle(0, 0, 25, 25);
//导入库中图片
var bit1:bitmapdata = bitmapdata.loadbitmap("img1");
//定义org_bit:bitmapdata用于恢复图片
var org_bit:bitmapdata = new bitmapdata(mc._width, bit1.height, true, 0);
org_bit.draw(bit1);
//draw_bit拷贝org_bit用于涂鸦操作
var draw_bit:bitmapdata = org_bit.clone();
//导入到舞台中
_root.createemptymovieclip("draw_mc", 1);
draw_mc.attachbitmap(draw_bit, 1);
//定义橡皮刷erase_bit和笔刷redraw_bit argb为0(透明)
var erase_bit:bitmapdata = new bitmapdata(mc1._width, mc1._height, true, 0);
var redraw_bit:bitmapdata = erase_bit.clone();
//橡皮刷erase_bit填充为白色,这里注意a必须不为0 rbg为ffffff
erase_bit.fillrect(erase_bit.rectangle, 0xffffffff);
//定义橡皮刷erase_bit和笔刷redraw_bit形状 注意mc1必须为黑色 你也可以尝试用别的颜色看看效果慢慢体会吧
erase_bit.draw(mc1);
redraw_bit.draw(mc1);
//交换erase_bit r通道和a通道数值 所以a通道数值为00
erase_bit.copychannel(erase_bit, erase_bit.rectangle, new point(0, 0), 1, 8);
//保存当前使用的工具
var tools:string;
//点击笔刷工具
mc_bursh.onrelease = function()
{
this.gotoandstop(2);
mc_earse.gotoandstop(1);
tools = "bursh";
};
//点击橡皮刷工具
mc_earse.onrelease = function()
{
this.gotoandstop(2);
mc_bursh.gotoandstop(1);
tools = "easre";
};
//在draw_bit上涂鸦
draw_mc.onpress = function()
{
trace(tools);
if (tools == "bursh")
{
this.onmousemove = bursh_pic;
}
if (tools == "easre")
{
this.onmousemove = earse_pic;
}
};
//停止涂鸦
draw_mc.onrelease = function()
{
delete this.onmousemove;
};
//橡皮刷工具
function earse_pic()
{
var now_rect:rectangle = new rectangle(_xmouse, _ymouse, _xmouse base_rectangle.width, _ymouse base_rectangle.height);
trace(now_rect);
//在draw_bit上使用copypixels alpha为false 透明区域透明 不透明区域保持原色
draw_bit.copypixels(draw_bit, now_rect, new point(_xmouse, _ymouse), erase_bit, new point(0, 0), false);
updateafterevent();
}
//笔刷工具
function bursh_pic()
{
var now_rect:rectangle = new rectangle(_xmouse, _ymouse, _xmouse base_rectangle.width, _ymouse base_rectangle.height);
trace(now_rect);
//在org_bit上使用copypixels alpha为true 则笔刷工具只有不透明的地方起作用
draw_bit.copypixels(org_bit, now_rect, new point(_xmouse, _ymouse), redraw_bit, new point(0, 0), true);
updateafterevent();
}
//移动背景图观察效果
mc.onpress = function()
{
this.startdrag();
};
mc.onrelease = function()
{
this.stopdrag();
};