[Flash基础理论课03]制作简易涂鸦板[画线指令]
2009-05-30 12:07:44 来源:WEB开发网思路:1.设一个pressed变量,为布尔型,初始为false;
2.鼠标移动就画线;
3.当pressed=true 时,鼠标移动时,可以画线;
4.当pressed=false时,鼠标移动时,不能画线;
5.最后再加入一些按钮来调整线条粗细和清空画板.
步骤一:
放入三个按扭,实例名分别为:
"clear_btn": 清除线条;
"str_btn": 加粗线条;
"thin_btn": 减细线条。
步骤二:
加入AS代码层:
var linesize = 2;
//默认线条粗细为2
var pressed:Boolean = false;
//pressed=true:开始画线; pressed=false:停止画线
str_btn.onRelease = function() {
if (linesize < 5) {
linesize++;
//笔触加粗,粗度不能大于5
}
};
thin_btn.onRelease = function() {
if (linesize > 1) {
linesize--;
//笔触减细,细度不能小于1
}
};
clear_btn.onRelease = function() {
_root.clear();
//实现清屏功能
};
this.onMouseDown = function () {
pressed = true;
this.lineStyle(linesize, 0x000000, 100);
this.moveTo(_xmouse, _ymouse);
};
this.onMouseMove = function () {
if (pressed) {
lineTo(_xmouse, _ymouse);
}
};
this.onMouseUp = function () {
pressed = false;
};
这里介绍一个更为简单的写法(by Peters),实现画线效果
- ››FLASH不等于运算符!=的使用实例
- ››FLASH不全等运算符!==
- ››FLASH字符串分隔符运算符
- ››FLASH% 模运算符
- ››Flash+、++、+= 加法运算符
- ››Flash, 逗号运算符
- ››flash中的-、--、-=减法运算符
- ››Flash的-Infinity 常数、.点运算符、/ 除法运算符...
- ››Flash两种注释方法/*..*/ 和// 注释行分隔符运算符...
- ››Flash的/=除法赋值运算符、=赋值运算符、== 等于运...
- ››Flash之?: 条件运算符、^ 按位 XOR 运算符、^= 按...
- ››Flash的_framesloaded代码示例
更多精彩
赞助商链接