论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

制作简易涂鸦板(画线指令)

文章类别:Flash | 发表日期:2008-9-21 20:09:53

  

看效果:

/UploadTeach/200711/20071106121256338.swf

思路:
1.设一个pressed变量,为布尔型,初始为false;
2.鼠标移动就画线;
3.当pressed=true 时,鼠标移动时,可以画线;
4.当pressed=false时,鼠标移动时,不能画线;     
5.最后再加入一些按钮来调整线条粗细和清空画板.

步骤一:   
放入三个按扭,实例名分别为:
"clear_btn": 清除线条;    
"str_btn": 加粗线条;    
"thin_btn": 减细线条。

步骤二:
加入AS代码层:

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();}

//实现清屏功能

onMouseDown = function () {
  pressed = true;
  lineStyle(linesize, 0x000000, 100);
  moveTo(_xmouse, _ymouse);
};
onMouseMove = function () {
 if (pressed) {
  lineTo(_xmouse, _ymouse);
 }


};
onMouseUp = function () {
 pressed = false;
};

FLASH充电1:AS画线,既可以在舞台上(_root),也可以在影片剪辑上(mc).  推荐画在mc中,这样可以方便、灵活地控制。

FLASH充电2: 关于 lineTo 及 moveTo
(1)先要设置线条用 lineStyle( 粗度 , 颜色 , 透明度)
(2)画笔的起点 moveTo( X坐标 , Y坐标 )
(3)画笔的终点 lineTo( X坐标 , Y坐标 )
(4)注重:执行完 lineTo 这个指令后,下一次画线的起点就是当前lineTo的位置,就不用再单独做一次moveTo指令了。
下面我们在mc中绘制一个矩形:

_root.createEmptyMovieClip("mc", 10);
mc._x = 30;
mc._y = 30;
mc.lineStyle(2, 0x0, 100);
mc.moveTo(0, 0);
mc.lineTo(100, 0);
mc.lineTo(100, 100);
mc.lineTo(0, 100);
mc.lineTo(0, 0);

FLASH充电3: 关于 curveTo ( 控制点X , 控制点Y , X坐标 , Y坐标 )下面我们在mc中绘制一条曲线:

_root.createEmptyMovieClip("mc", 10);
mc._x = 30;
mc._y = 30;
mc.lineStyle(2, 0x0, 100);
mc.moveTo(0, 0);
mc.curveTo(0, 200, 100, 200);

FLASH充电4: 颜色填充 beginFill(颜色号) 及 endFill()
注重:填充只能在封闭的线条内进行。下面为矩形填个绿色:

_root.createEmptyMovieClip("mc", 10);
mc._x = 30;
mc._y = 30;
mc.beginFill(0x00FF00);
mc.lineStyle(2, 0x0, 100);
mc.moveTo(0, 0);
mc.lineTo(100, 0);
mc.lineTo(100, 100);
mc.lineTo(0, 100);
mc.lineTo(0, 0);
mc.endFill();

FLASH充电5: 线条清除 clear()如:

_root.clear() 或 mc.clear()
上一篇:{实例}制作控制滑块(startDrag) 人气:1399
下一篇:{实例}制作时钟(Date类) 人气:1564
视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058