Flash Drawing API-????
???????ws_25line?????,?????????,???????,???????????ws_25line???????.??????ws_25line????????????????????????.J
?Flashmx????Flash????????????,????Flash Drawing Api.??Flash Drawing Api?????????flash?????,????????,????,??.??,??????????flashDrawing Api??????,???????????????,?????????
Ok.???????Flash Drawing Api???Flash?????????????????????????????????flash????????
?????
???Flash???????
· MovieClip.beginFill() //????
· MovieClip.beginGradientFill() //??????
· MovieClip.clear() //??
· MovieClip.curveTo() //????
· MovieClip.endFill() //????
· MovieClip.lineStyle() //????
· MovieClip.lineTo() //????
· MovieClip.moveTo() //????
??????????flash????movieclip???????????????????
????????????????,???movieclip?0,0???,??????????????????,??????????????????????????????????
????:
???
1. ??????,???drawline.fla.
2. ???????????????drawbtn.?????????????
3. ??????actionscript.????????
| ´úÂë: | |
drawbtn.onRelease= function(){
_root.lineStyle(1,0xff0000,100);
_root.lineTo(200,150);
}
| |
4,????????
basic_draw.swf
?????????????????????????,?????????movieclip????????????????????????????????????????????????????????????
| ´úÂë: | |
_root.lineStyle(1,0xff0000,100);
| |
?????????_root?????movieclip,??????????lineStyle ????1---????
0xff0000---??????
100---??????
????lineTo(200,150)
???????????????????0,0??????????????????????????????????200,150,???????????????????????????moveTo????
????????????????????????
??????????????????????????
???????
?????
mouse_draw1.swf
???????????????????????????????????????????????????????
?????
| ´úÂë: | |
function drawline() {
this.lineStyle(1, 0xff0000, 100);
this.lineTo(_xmouse, _ymouse);
}
drawbtn.onRelease = function() {
onEnterFrame = drawline;
};
| |
????????????????????????????????? ???????????onEnterFrame????????????????????????????lineTo(200,150)??lineTo(_xmouse,_ymosue),??????????30??????
??????2
????
mosue_draw2.swf
?????????????????????????????????????moveTo?clear(),
movieClip.movieTo()???????????????movieClip.clear(),????????????
???????
| ´úÂë: | |
function drawline() {
??//?????????
this.clear();
//??????200,0???
this.moveTo(200,0);
//?????????
this.lineStyle(1, 0xff0000, 100);
//??????
this.lineTo(_xmouse, _ymouse);
}
drawbtn.onRelease = function() {
onEnterFrame = drawline;
};
| |
??????????????????this.clear()????????????this.moveTo(200,0)?????????????????this.clear()??????????????????????
???????
?????????????Math.random()??????????
?????
mouse-draw3.swf
?????
| ´úÂë: | |
function drawline() {
//this.clear();
this.moveTo(200,200);
this.lineStyle(3, Math.random()*0xff0000+0xffffff, Math.random()*100+10);
this.lineTo(_xmouse, _ymouse);
}
drawbtn.onRelease = function() {
onEnterFrame = drawline;
};
| |
????????????Math.random()???????0-0.999,???????10-100??????????Math.random()*100+10;??????????????????????????????????????
??????4
???????????????????????????????
???mouse_draw4.swf
?????
| ´úÂë: | |
//??????????myClip
createEmptyMovieClip("myClip", 1);
onMouseDown = function () {
//????????????????????
myClip.lineStyle(3, Math.random()*0xff0000+0xffff00, 100);
?//??myClip???????????
myClip.moveTo(_xmouse, _ymouse);
onMouseMove = function () {
????//??????????
myClip.lineTo(_xmouse, _ymouse);
};
};
onMouseUp = function () {
//???????????
onMouseMove = null;
};
drawbtn.onRelease = function() {
myClip.clear();
};
| |
??????????????????????????????????????????????????????????????????????
?????
??????????????????
???control_draw1.swf
?????
| ´úÂë: | |
//?????????????????
this.attachMovie("sign","sign1",100);
this.attachMovie("sign","sign2",101);
//????????
sign1._x =100;
sign1._y =150;
sign2._x =320;
sign2._y =150;
//????????????????????????????????
createEmptyMovieClip("myClip",1);
function drawline(){
myClip.clear();
//??????sign1?????
myClip.moveTo(sign1._x,sign1._y);
myClip.lineStyle(2, Math.random()*0xff0000+0xffff00, 100);
//???????sign2???
myClip.lineTo(sign2._x,sign2._y);
}
// ????
drawline();
//?????????????
sign1.onPress = function(){
this.startDrag();
onEnterFrame = drawline;
}
sign1.onRelease = function(){
this.stopDrag();
}
sign2.onPress = function(){
this.startDrag();
onEnterFrame = drawline;
}
sign2.onRelease = function(){
this.stopDrag();
}
| |
??????????????????????????????????????????????????
?????2
?????????????????????????????????
???control_draw2.swf
?????
| ´úÂë: | |
this.attachMovie("sign","sign1",100);
this.attachMovie("sign","sign2",101);
this.attachMovie("sign","sign3",102);
this.attachMovie("sign","sign4",103);
sign1._x =100;
sign1._y =80;
sign2._x =320;
sign2._y =80;
sign3._x = 320;
sign3._y =220;
sign4._x = 100;
sign4._y = 220;
createEmptyMovieClip("myClip",1);
function drawline(){
myClip.clear();
myClip.moveTo(sign1._x,sign1._y);
myClip.lineStyle(2, Math.random()*0xff0000+0xffff00, 100);
myClip.lineTo(sign2._x,sign2._y);
myClip.lineTo(sign3._x,sign3._y);
myClip.lineTo(sign4._x,sign4._y);
myClip.lineTo(sign1._x,sign1._y);
}
drawline();
sign1.onPress =sign2.onPress=sign3.onPress=sign4.onPress= function(){
this.startDrag();
onEnterFrame = drawline;
}
sign1.onRelease =sign2.onRelease=sign3.onRelease=sign4.onRelease = function(){
this.stopDrag();
}
| |
PS By egoldy??????flash Drawing Api??lineTo,moveTo,lineStyle?????????????????????????????????????????????????????????????????????????????Cheers.
?????
?????
|