[主题]
在课件中加个画水平线工具
[前言]
教师利用课件上课时，在讲解的同时往往要把重点内容画条线，为了增强学生的注意力。本教程主要讲一讲画线的制作。
[要求]
1、只画出水平线
2、限制画线的区域
3、画线工具按下时开始画线，弹起时停止画线，按下清除按钮时清除所画的线。
[目的]
掌握moveTo、lineTo、clear、delete语句
[效果演示]
看不到动画效果的朋友请去这里观看：http://bbs.jcwcn.com/thread-110331-1-1.html
[步骤]
1、新建starthua影片剪辑，画如右图形状
2、新建 stophua影片剪辑，画如右图形状
3、新建clearxian按钮，画如右图形状
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(); }; |
相关教程