CGArt-中国CGer中的绿色家园
首页 信息动态 原创排行 互动教程 资源千寻 CG人才 CGArt杂志 艺术设计 CG画廊 CG论坛 酷站欣赏 CG搜索 会员中心
Flash8制作一个动态交互的几何画板
来源:网页教学网 作者:闪电儿 编辑:浪漫的季节 发布时间:2007年04月18日 09:54:00

在这个教程里我们将学习如何利用Flash制作一个交互的几何画板,在这个画板里可以改变线条粗细也可以改变颜色。

先看看效果吧! 

制作步骤:

1、创建背景。新建立一个Flash文档,把第一个图层命名为interface bkg,我们在这个图层里绘制几何画板的背景。然后使用矩形工具在舞台上绘制一个宽100px的矩形,矩形的高不太重要,我们可以随时调整高度。调整的方法很多,这里我不详细讲解了。

Flash8制作一个动态交互的几何画板

2、创建选择线条粗细的按钮。 新建立一个图层改名为line thickness buttons。然后建立三个按钮,分别用来选择线条的粗细。

Flash8制作一个动态交互的几何画板

分别把三个按钮拖放到舞台合适位置,并且命名实例名:line0、line3、line6。

Flash8制作一个动态交互的几何画板

3、创建选择颜色的按钮。创建一个新图层改名为color buttons。然后建立七种不同颜色的按钮,然后分别放到舞台中合适的位置。分别命名不同的实例名:colorRed、colorGreen、colorBlue、colorYellow、colorMagenta、colorCyan、colorBlack。

Flash8制作一个动态交互的几何画板

4、添加Actionscript。新建立图层改名为actions。然后输入Action指令:

lineThickness = 0;
selectedColor = "0x000000";
_root.onMouseDown = startDrawing;
_root.onMouseUp = stopDrawing;
function startDrawing() {
 if (_xmouse<455) {
  _root.lineStyle(lineThickness, selectedColor);
  _root.moveTo(_root._xmouse, _root._ymouse);
  _root.onMouseMove = drawLine;
 }
}
function drawLine() {
 _root.lineTo(this._xmouse, this._ymouse);
}
function stopDrawing() {
 delete this.onMouseMove;
}
line0.onPress = function() {
 lineThickness = 0;
};
line3.onPress = function() {
 lineThickness = 3;
};
line6.onPress = function() {
 lineThickness = 6;
};
colorRed.onPress = function() {
 selectedColor = "0xFF0000";
};
colorGreen.onPress = function() {
 selectedColor = "0x00FF00";
};
colorBlue.onPress = function() {
 selectedColor = "0x0000FF";
};
colorYellow.onPress = function() {
 selectedColor = "0xFFFF00";
};
colorMagenta.onPress = function() {
 selectedColor = "0xFF00FF";
};
colorCyan.onPress = function() {
 selectedColor = "0x00FFFF";
};
colorBlack.onPress = function() {
 selectedColor = "0x000000";
};

在这个教程里,我就不给大家解释这段代码了!你可以测试下!

新闻标题 发布 时间
Flash8制作一个简易的图片电子相册 2007年04月17日 09:24:03
Flash8制作会跳舞的星星视觉特效 2007年04月10日 11:14:47
Flash8制作不断上升的透明泡泡动画 2007年04月09日 16:48:09
Flash8制作精彩高级动态网页图片菜单 2007年04月09日 15:43:13
Flash8制作精彩的心灵运输动画效果 2007年04月06日 15:17:13
共有评论0条
更多评论..
作者信息 详细信息
评论人:
验证码:
内容:
 
about us advertisement publish conformity service cooperate associate link site map contact us help jump to the top of page