查看完整版本: 在课件中加个画水平线工具(原创教程)

qinz 2007-8-19 17:03

在课件中加个画水平线工具(原创教程)

[主题]
在课件中加个画水平线工具(原创教程)
[前言]
教师利用课件上课时,在讲解的同时往往要把重点内容画条线,为了增强学生的注意力。本教程主要讲一讲画线的制作。
[要求]
1、只画出水平线
2、限制画线的区域
3、画线工具按下时开始画线,弹起时停止画线,按下清除按钮时清除所画的线。
[目的]
掌握moveTo、lineTo、clear、delete语句
[效果]
[attach]330028[/attach]
[步骤]
1、新建starthua影片剪辑,画如右图形状[attach]330025[/attach]
2、新建 stophua影片剪辑,画如右图形状[attach]330026[/attach]
3、新建clearxian按钮,画如右图形状[attach]330027[/attach]
4、把上面的影片剪辑和按钮都拖入到主场景中,实例名分别为starthua、stophua、clearxian,摆到适合的位置上(注意starthua和stophua位置要重合)
5、新建层,在帧上写代码:
//创建空影片剪辑huaxian_mc
this.createEmptyMovieClip("huaxian_mc", this.getNextHighestDepth());
//初始化starthua和stophua的可见性
starthua._visible = 1;
stophua._visible = 0;
//starthua按下释放时执行下列语句
starthua.onRelease = function() {
//更改starthua和stophua的可见性
stophua._visible = 1;
this._visible = 0;
//huaxian_mc中鼠标按下设置变量的值
huaxian_mc.onMouseDown = function() {
  start_x = _xmouse;
  start_y = _ymouse;
  hua = true;
};
//huaxian_mc中鼠标移动执行
huaxian_mc.onMouseMove = function() {
  //画线范围
  if (_root._ymouse>213 || _root._ymouse<7 || _root._xmouse>313 || _root._xmouse<7) {
   hua = false;
  }
  if (hua == true) {
   //线的粗细与颜色
   this.lineStyle(2, 0xFF0000);
   //从按下鼠标的位置开始画线且只能按水平方向画线
   this.moveTo(start_x, start_y);
   this.lineTo(_xmouse, start_y);
   //不断更新舞台
   updateAfterEvent();
  }
  //鼠标释放时停止画                  
  this.onMouseUp = function() {
   hua = false;
  };
};
};
//starthua按下释放时执行下列语句
stophua.onRelease = function() {
//更改starthua和stophua的可见性
this._visible = 0;
starthua._visible = 1;
//删除huaxian_mc按下鼠标
delete huaxian_mc.onMouseDown;
};
//清除线
clearxian.onRelease = function() {
huaxian_mc.clear();
};
[源文件]
[attach]330029[/attach]

[[i] 本帖最后由 qinz 于 2007-8-19 17:18 编辑 [/i]]

神仙CC 2007-8-21 07:55

缥缈书生 2007-8-30 22:26

:victory:

wxwdesign 2007-8-31 20:57

不错

qinz 2007-10-21 21:27

有人问画任意线又怎么画

只需将代码改为
this.createEmptyMovieClip("huaxian_mc", this.getNextHighestDepth());
starthua._visible = 1;
stophua._visible = 0;
starthua.onRelease = function() {
stophua._visible = 1;
this._visible = 0;
huaxian_mc.onMouseDown = function() {
  this.lineStyle(2, 0xFF0000);
  this.moveTo(_xmouse, _ymouse);
  hua = true;
};
huaxian_mc.onMouseMove = function() {
  if (hua == true) {
   this.lineTo(_xmouse, _ymouse);
   updateAfterEvent();
  }
};
huaxian_mc.onMouseUp = function() {
  hua = false;
};
};
stophua.onRelease = function() {
this._visible = 0;
starthua._visible = 1;
delete huaxian_mc.onMouseDown;
};
clearxian.onRelease = function() {
huaxian_mc.clear();
};

[[i] 本帖最后由 qinz 于 2007-10-21 21:31 编辑 [/i]]

77098227 2007-11-7 21:00

画任意直线

点击你的直线工具,要画任意直线,该怎么修改。

wangpengdb 2007-11-8 14:46

换颜色

如何在画图时任意选择颜色,使用调色板

vinzs 2007-11-13 23:45

太棒了,又学到东西了

奇正 2007-11-14 08:23

好难啊!发现啊!:)

南蓝的天 2008-5-6 16:25

请问要怎么画任意直线呢?谢谢

jym583 2008-6-15 18:18

怎么没人会画任意直线呢?我也想学呢!敬请高手指点。楼主的代码只能画水平线和任意线,不能画任意的直线。

liubo591288 2008-6-15 19:19

为什么我不能发帖 郁闷!

顶啦 虽然看得不怎么懂 但是学习啦

liubo591288 2008-6-15 19:20

楼上新手上路 能发帖不!

页: [1]
查看完整版本: 在课件中加个画水平线工具(原创教程)