| 网站首页 | 免费课件 | 课件源码 | 课件制作 | 课件购买 | 课件教程 | 课堂内外 | 教案 | 试卷 | 论文 | 电脑 | 教案下载 | 
 | 试卷下载 | 论文下载 | 计划总结 | 新闻资讯 | 行业范文 | 图片 | 留言 | 术语大全 | 搞笑 | 字体 | 短信 | Flash视频教程 | 
 | 办公软件视频 | 编程设计视频 | 热门视频 | 课件论坛 | 作文写作 | 
您现在的位置: 教育资源网 >> 课件教程 >> Flash教程 >> Flash基础教程 >> 正文 用户登录 新用户注册
免费精品 课件源程序下载 课件点播 课件定做 课件复原 课件制作指导 毕业设计 更多服务
Google




Flash基础教程——Flash绘图指令介绍
作者:佚名    教程来源:佚名    点击数:    更新时间:2006-9-4         ★★★ 【字体:
 源文件和SWF文件:
直线绘图.rar

首先介绍一下和直线相关的命令:
1.  定义直线样式命令:lineStyle(线宽,色彩,透明度)
2.  移动绘制点命令:moveTo(x,y)
3.  绘制直线段命令:lineTo(x,y)

一.绘制一个矩形
    现在用上面介绍的命令在舞台上画一个大小为150*100r矩形。
    新建文件,将舞台大小设为400*300,背景为白色。在第一帧输入代码:
stop();
//设置线条的粗细色彩和透明度;
_root.lineStyle(2,0xFFCC66,100);
//设置起点坐标为(50,50);
(200,50)
 
(50,50)
 
_root.moveTo(50,50);
//绘制矩形四个端点;
_root.lineTo(200,50);
_root.lineTo(200,150);
(200,150)
 
(50,150)
 
_root.lineTo(50,150);
_root.lineTo(50,50);
    按快键试试吧,就可以看到一个矩形啦。
    源文件附后:
    二.两点间连线
    这个技巧经常用来制作连线题课件。新建文件后,在舞台中绘制一个圆,并将其转为影片剪辑。实例名为“a”。同样将其复制一个,实例名为“b”。然后在第一帧输入以下代码:
stop();
//创建drawline自定义函数;
function drawline(){
//先清除画面内容
_root.clear();
//设置线条样式
_root.lineStyle(2,0x33ccFF);
//设定线条的开始点;
_root.moveTo(a._x,a._y);
//绘制直线断,连接两个小球;
_root.lineTo(b._x,b._y);
}
drawline();
    按快捷键试试,用鼠标连连看,是否有一条线啦?注意元件的注册点应为中心对齐才更逼真哦。
玩大一点,如果要拖动两上控制点,并且其画线能任意延长,只需稍加一此代码即可。这是加在b上的代码:
//按下时拖动小球;
on(press){
       this.startDrag(true);
}
//放松时停止拖动;
on(release){
       this.stopDrag();
}
//当鼠标在b上移动时运行其中的代码;
onClipEvent(mouseMove){
       //调用函数drawline开始绘制直线;
       _root.drawline();
       //强制刷新画面;
       updateAferEvent();
}
加在a上的代码一样,有兴趣你可以一试。
    三.线条画板
    先绘制一个简单的线条画板。新建文件,在时间轴的第一帧加入以下代码:
stop();
createEmptyMovieClip("drawline",1);
drawline.lineStyle(2,0xFFcc33,100);
drawline.onMouseDown=function(){
       this.lineTo(_root._xmouse,_root._ymouse);
}
    测试动画会发现,在窗口不同位置上单击就可以画出线段来。但还不流畅。要实现画线的流畅,得添加代码啦。继续学习吧。

    四.自由绘画
    新建文件,在第一帧输入以下代码:
stop();
//定义onMouseDown函数
_root.onMouseDown=function(){
       //设定线条样式
       _root.lineStyle(2,0xcc99FF,100);
       //绘制直线;
       _root.moveTo(_root._xmouse,_root._ymouse);
       //定义变量isdrawing,并赋值为真
       isdrawing=true;
}
_root.onMouseMove=function(){
//如果变量为真
       if(isdrawing==true){
              //绘制直线断
              _root.lineTo(_root._xmouse,_root._ymouse);
              //刷新画面;
              updateAferEvent();
       }
}
_root.onMouseUp=function(){
       //设定变量isdrawing的值为假
       isdrawing=false;
};
    测试动画,这是可以通过拖放鼠标在窗口中自由地绘制线条。如果在场景中加入一个按钮,在按钮上加以下代码可以随时清除所绘制    内容:
on(release){
       //清除画面内容;
       _root.clear();
}
    以下是源文件,我将四和内容做在不同的场景中了。
直线绘图.rar

  .
 
 
Google
我们的服务免费课件 课件定做 毕业课件设计 免费课件(QQ:375824467/电话:13996037041)  教程录入:admin    责任编辑:admin 
------------

发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口

  • 上一篇教程:
  • 下一篇教程:
  •    最新热点    最新推荐    相关教程
    updateAfterEvent的作用
    Flash ActionScript 3 新特性…
    ActionScript 3.0系列教程(1…
    最常用的Flash语句
    从零开始学AS
    Flash编程:键盘上所有键的键…
    ActionScript 3.0 概要…
    了解ActionScript3.0的新特性
    一步一步学AS(1)
    加载外部文件教程
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)