免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享

第二十课:影片剪辑Part10 AS绘图

本文来自:★flash之路-flash技术交流★ 转帖请注明出处! 作者:网雨霏霏 您是第4343个浏览者

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
flashroad友情提示:
“点评”不是“回帖”!

AS2.0这我们提供了一些绘图方法。利用这些方法,我们可以绘制一些图形。下面来认识一下这些方法。




一、画直线:
要画线应先确定线的类型等,AS提供的是lineStyle() 方法:该方法确定线条的类型。
常用格式:
MC.lineStyle(粗细,颜色,透明度)
该方法还有其它一些参数,本文就不介绍了。


my_mc. lineStyle(1,0xff0000,100)
这就指明了线条粗细为1,颜色是红色,透明度为100%。

有了线条样式后就可以画直线了,首先将画笔移到要开始画直线的起始点上。
AS提供了moveTo()方法:该方法将画笔移到起画点上。
用法:MC.moveTo(x,y);

起画点有了,就可以画线了,AS提供了lineTo()方法: 该方法将从起画点到终点画一条直线,并将起画点移到终点。
用法:
MC.lineTo(x,y)
有了上面的三个方法就可以画直线了:

本帖隐藏的内容需要回复才可以浏览

测试影片,上面的代码画了一条从(0,0)到(200,200)的红色直线。

下面扩展一下,画个三角形:

本帖隐藏的内容需要回复才可以浏览

我想我们绘画,肯定不会甘心只画一些线条,还想画一些形状,下面的方法对我们这种愿望提供了可能。

beginFill()方法:该方法从字面上就能理解,开始填充。
用法:MC.beginFill(颜色,透明度)

endFill()方法:结束填充。
比如将上面的三角形填上蓝色:

本帖隐藏的内容需要回复才可以浏览

测试影片,会看到一个红色笔触蓝色填充的三角形。

如果想要无笔触的三角形,那么上面第一句不要就行了。

看起来到目前为止,我们已经自认为已学会了用AS绘图了,很想跃跃欲试画点什么玩意儿,好吧,就满足你吧,下面我们来画一个五星吧^_^

用矩形工具画一个与舞始一样大的黑色矩形。为什么要画这个?很简单,黑色背景下红五星要好看些。为什么不直接将文档的背景色设为黑色?因为很多网站插入的swf文件默认是透明的。当然你完全可以连这个黑色矩形都用AS来完成。

将下列代码输入到帧动作面板中:

本帖隐藏的内容需要回复才可以浏览

测试影片,效果出来了


您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.

友情提示:单击下列任意一个表情,即可瞬间自动回复本帖!

好贴......
郁闷......
开心......
擦汗......
鄙视......
狂怒
谢谢
爱你呦
拜托了
嗯嗯
OMG
求关注
伤心......
无奈.....
无奈.....
无奈.....
无奈.....
无奈.....
哈哈哈
NO
OK
what
我来了

最近访问本帖者列表:

flashroad
访问时间:2018-10-12 12:24

打赏

取消

感谢您的支持,我会继续努力的!

扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by 爱秀代码,分享从这里开始,精彩与您同在

点评
B Color Smilies

您还可以输入:个字符
X

X

二、画曲线:

curveTo() 方法:该方法画一条由起画点经控制点到终点的一条曲线。
用法:MC. curveTo(控制点x,控制点y,终点x,终点y);

有了画曲线的方法那就画个花儿吧:


代码:
本帖隐藏的内容需要回复才可以浏览

实际上这个花的画法跟五星差不多,只是这个是曲线的而已。


您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.

获得 大怪兽卡 一张

卡片说明:网雨霏霏被风吹乱了秀发,花费了8金币请理发师整理了一个酷炫发型

卡片效果:-8

点评
B Color Smilies

您还可以输入:个字符
X

X

TOP

三、填充:

现在问题又来了,这花的颜色不理想,是纯色的,在flash创作工具中还有个叫什么渐变填充的家伙,可以搞出些更好的效果,在AS中同样有这家伙。

beginGradientFill()方法:该方法可实现渐变填充。
格式:MC.beginGradientFill(填充类型,颜色,透明度,比率,矩阵)
【参数】
填充类型:线性渐变用linear,放射渐变用radial
颜色:
用于渐变色的RGB 十六进制颜色值的数组;例如,红色为 0xFF0000,蓝色为 0x0000FF。可以至多指定 15 种颜色。对于每种颜色,请确保在透明度比率参数中指定对应值。
透明度:颜色数组中对应颜色的Alpha 值数组;有效值为0到100。如果值小于0,则Flash 使用0。如果值大于100,则Flash 使用100。
比率: 颜色分布比例数组;有效值为0 到255。即渐变中每种颜色的比例值,可以理解为颜色面板中,渐变色的滑块的位置。比如在颜色参数为:[0xFF0000,0x0000FF],本参数为:[250,255],那么就相当于在混色器中的这种情况:
矩阵: 一个转换矩阵:
flash.geom.Matrix 类包括 createGradientBox() 方法,通过该方法可以方便地设置矩阵,以便用于 MovieClip 类的 beginGradientFill() 方法。



用法:首先需要导入flash.geom.Matrix
import flash.geom.*
然后,创建一个flash.geom.Matrix类的实例,再调用createGradientBox方法:
matrix = new Matrix();
matrix.createGradientBox(渐变范围的宽,渐变范围的高,旋转, x轴方向的偏移量,y轴方向的偏移量)
x轴方向的偏移量:一般为要填充的形状的x减去渐变范围的宽。
y轴方向的偏移量:一般为要填充的形状的y减去渐变范围的高。
根据形状可调。
这里边的4个参数想一下渐变填充工具就清楚了。
focalPointRatio: [可选] ― 在 Flash Player 8 中添加。一个数字,控制渐变焦点的位置。值 0 表示焦点位于中心。值 1 表示焦点位于渐变圆的一条边界上。值 -1 表示焦点位于渐变圆的另一条边界上。小于 -1 或大于 1 的值将被舍入为 -1 或 1。

有了这个方法我们就想把那朵花搞成桃花了,使用由红色到粉红色的放射填充:



代码:
本帖隐藏的内容需要回复才可以浏览

您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.
点评
B Color Smilies

您还可以输入:个字符
X

X

TOP

四、综合练习:


1、涂雅板的制作:

效果如下,在左边选择颜色和粗细后,可在右边绘图。

按下图画好图形,并将每个图形转换为MC.


实例名称:

黑色-hs_mc;

红色-hongs_mc;

橙色-cs_mc;

黄色-huans_mc;

绿色-lus_mc;

蓝色_nans_mc;

紫色-zs_mc;

大园-m6_mc;

二园-m4_mc;

三园_m3_mc;

幺园-m1_mc;


新插入一层,打开帧动作面板,输入:

本帖隐藏的内容需要回复才可以浏览



2、鼠绘引导线:

效果如下:用鼠标画一条引导线,小球将按引导线运动.


画一个球,或者你喜欢的任何玩意儿,转换为MC,实例名称为ball_mc
然后在帧动作面板中输入:

本帖隐藏的内容需要回复才可以浏览

您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.
点评
B Color Smilies

您还可以输入:个字符
X

X

TOP

 

B Color Image Link Quote Code Smilies
高级模式 | 发新话题

您需要登录后才可以回帖 登录|立即注册

快速
返回顶部
返回首页