征集网锐志网络淘途找素材上91
创意在线首页
平面设计交互设计CG动漫工业设计建筑环境数码影像创意搜
 首页大赛征集资讯教程画廊访谈作品集创企同盟设计招聘人才专区竞赛台专题论吧 找素材看酷站设计网址库
教程网 Illustrator、Photoshop、CoreaDreaw、AI教程、PS教程
当前位置:首页 > 教程 > Flash > 正文
FLASH AS矢量线条擦除实例
作者: 来源:52design.com 发表时间:2007-8-29 16:34:49 浏览:
先看效果(先用鼠标随意绘制,然后可以利用蓝块擦除)

点击这里下载源文件

  FLASH矢量线条擦除:

/*
矢量线条的擦除在涂鸦板也许用处不是很大
写的不到位,还望高手指点
原理很简单,
用橡皮来检测与数组中的点相碰
删除碰撞点
重新绘制线条
放在第一帧就可以运行
Email:happyclub@163.com

*/
var startX:Number;
//起始点
var startY:Number;
var Path:MovieClip = this;
//路径
var lineArray:Array = [];
//鼠标点数组
var clearLine:Boolean = false;
//是否清除线条
var RdrawTo:Boolean = false;
//是否从新绘制
var StartDraw:Boolean = false;
//开始绘制
Path.createEmptyMovieClip("drawMc", 1);
//建绘图MC
Path.createEmptyMovieClip("mask", 2);
//建橡皮遮罩线条MC
var lineOrder:Number = 0;
//数组下标
//-----------------------INIT-------------------------------------
var eraser:MovieClip = createRectangle(15, 15);
eraser._x = Stage.width/2;
eraser._y = Stage.height/2;
eraser.onPress = function() {
clearLine = true;
this.startDrag();
};
eraser.onRelease = function() {
clearLine = false;
stopDrag();
};
function createRectangle(W, H):MovieClip {
var depth:Number = Path.getNextHighestDepth();
var mc:MovieClip = Path.createEmptyMovieClip("eraser", depth);
mc.beginFill(0x0033ff);
mc.lineTo(0, H);
mc.lineTo(W, H);
mc.lineTo(W, 0);
mc.lineTo(0, 0);
return mc;
}
//--------------------------eraser------------------------------------
Path.onMouseDown = function() {
var i = 0;
while (lineArray == "#") {
  i++;
}
lineArray.splice(0, i);
lineOrder = lineArray.length;
StartDraw = true;
startX = _xmouse;
startY = _ymouse;
Insertion = true;
};
Path.onMouseMove = function() {
if (StartDraw == true && clearLine == false) {
  lineArray[lineOrder] = [];
  lineArray[lineOrder].push(_xmouse, _ymouse);
  Path.drawMc.lineStyle(5, 0, 100);
  Path.drawMc.moveTo(startX, startY);
  Path.drawMc.lineTo(_xmouse, _ymouse);
  lineOrder++;
}
startX = _xmouse;
startY = _ymouse;
if (clearLine == true) {
  for (var i = 0; i<lineArray.length; i++) {
   if (Path.eraser.hitTest(lineArray[0], lineArray[1], true)) {
    Path.mask.lineStyle(5, 0xffffff, 100);
    Path.mask.moveTo(lineArray[0], lineArray[1]);
    Path.mask.lineTo(lineArray[0]+1, lineArray[1]+1);
    Path.mask.lineTo(lineArray[0]-1, lineArray[1]-1);
    Insertion == true && lineArray[i-1] != "#" && lineArray != "#" && lineArray[i+1] != "#" ? (lineArray.splice(i, 1, "#")) : lineArray.splice(i, 1);
    RdrawTo = true;
    Insertion = false;
    break;
   }
  }
}
};
//-----------------------MOUSEMOVE------------------------------------
Path.onMouseUp = function() {
StartDraw = false;
if (RdrawTo == true) {
  Rdraw();
}
lineArray[lineArray.length-1] != "#" ? (lineArray.push("#"), lineOrder++) : null;
RdrawTo = false;
};
//-----------------------MOUSEUP---------------------------------------
function Rdraw() {
Path.mask.clear();
Path.drawMc.clear();
Path.drawMc.lineStyle(5, 0, 100);
for (var i = 0; i<lineArray.length; i++) {
  if (lineArray != undefined && lineArray[i+1] != undefined && lineArray[i+1] != "#" && lineArray != "#") {
   Path.drawMc.moveTo(lineArray[0], lineArray[1]);
   Path.drawMc.lineTo(lineArray[i+1][0], lineArray[i+1][1]);
  }
}
}
//-------------------------重绘----------------------------------------

在线编辑:morion
本文链接:


推荐阅读:
·2021第十五届“创意中国”设计大奖 征稿章程
·2021第七届“学院派奖”全国艺术与设计大赛征集公告
·青春唯美插画培训网络远程班正在招生
·第八届中国高等院校设计作品大赛启动
·第十二届中国高校美术作品学年展获奖名单公布
·2021第七届“学院派奖”全国艺术与设计大赛征集公告
·第六届“包豪斯奖”国际设计大赛获奖名单揭晓
免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息。对本文有异议,请联络本站!
转载要求:文章作者及来源信息必需保留。转载之图片、文件请不要盗链本站地址,且不准打上各自站点的水印!

近期推荐报道 返回首页更多精彩等着你!

Photoshop| Photoshop快速调出情侣图片柔美的插画艺术| 绝望的小熊—美国插画师Luke
网页设计| 波兰Tiquet网站设计作品欣赏插画艺术| Nanami Cowdroy灵动黑白插画
Photoshop| Photoshop调出美女图片绚丽的橙红HTML/CSS| 实现DIV透明而里面的文字不透明
平面设计| 世界杯之平面广告欣赏插画艺术| Alberto Cerrite&ntil
平面设计| Havaianas人字拖最新平面广告系列网页设计| 英国madefavourite简洁细腻型
关于本站 | 联系方式 | 商业服务 | 合作伙伴 | 站点地图 | 免责声明 | 版权声明 | 在线投稿