WEB开发网
开发学院图形图像Flash [Flash基础理论课03]制作简易涂鸦板[画线指令] 阅读

[Flash基础理论课03]制作简易涂鸦板[画线指令]

 2009-05-30 12:07:44 来源:WEB开发网   
核心提示:思路:1.设一个pressed变量,为布尔型,[Flash基础理论课03]制作简易涂鸦板[画线指令],初始为false; 2.鼠标移动就画线; 3.当pressed=true 时,鼠标移动时,步骤二:加入AS代码层:var linesize = 2;//默认线条粗细为2var pressed:Boolean = fal

思路: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),实现画线效果

1 2 3  下一页

Tags:Flash 基础 理论课

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接