FLASH 绘图板动画教材
音画欣赏
一、 素材
本效果只需要一首音乐。
二、 文档（2.0语句）
场景默认。
三、 导入素材
将自己提前准备好的音乐或者歌曲导入到库内。
四、 制作元件
1、 框元件
插入新建元件，类型：图形，名称：框，点确定。
选择矩形工具，填充色禁止，笔触颜色任意，高度为5，在场景内画一个宽400，高300的矩形，全居中。
2、 背景元件
插入新建元件，类型：图形，名称：背景1，点确定。
选择矩形工具，笔触禁止，填充色为淡颜色，在场景内画一个宽为400，高为300的矩形，全居中。
用同样方法制作背景2～5，区别是颜色不能重复。
3、 背景组合元件
插入新建元件，类型：影片剪辑，名称：背景组合，点确定。
在第二至第五帧处插入空白关键帧，然后点选第一帧，从库内将背景1拉入场景，全居中。
以此类推，将5个背景分别拉入对应帧的场景内，全居中后，图层上锁。
添加一个图层，选择矩形工具，笔触禁止，填充色为红色，在场景内画一个宽为30，高为60的矩形，全居中。
点选这个矩形，将其转换为按钮，然后在库内双击这个按钮元件，将第一帧移动到第四帧上。返回到背景组合的场景内，点选按钮，打开动作面板，输入语句：
on (keyPress"<Space>")
{
play();
}
添加一个图层，打开动作面板，输入停止语句，然后将第一帧分别复制、粘贴到2～5帧上。
4、 圆元件
插入新建元件，类型：图形，名称：圆，点确定。
选择椭圆工具，笔触禁止，填充色任意，在场景内画一个直径为30的圆，全居中。
5、 圆1元件
插入新建元件，类型：影片剪辑，名称：圆1，点确定。
从库内将圆元件拉入场景，全居中。
6、 标题元件
插入新建元件，类型：影片剪辑，名称：标题，点确定。
选择文本工具，红色，大小为30，字体任意，在场景内输入“绘图板”，全居中。
添加一个图层，复制图层一的第一帧，粘贴到图层二的第一帧上，点选场景内的文字，用方向键向下及向右各敲2次，然后改颜色为黄色的。
7、 标题1元件
插入新建元件，类型：影片剪辑，名称：标题1，点确定。
从库内将标题元件拉入场景，全居中，图层上锁。
添加一个图层，从库内将按钮元件拉入场景，宽高解锁，改宽为100，高为40，全居中，点选按钮元件，打开动作面板，输入语句：
on (release)
{
play ();
}
8、 绘画元件
插入新建元件，类型：影片剪辑，名称：绘画，点确定。
选择文本工具，红色，大小为20，黑体，在场景内输入“绘画”，全居中。
9、 删除元件
插入新建元件，类型：影片剪辑，名称：删除，点确定。
选择文本工具，红色，大小为20，黑体，在场景内输入“删除”，全居中。
10、 时钟元件
插入新建元件，类型：影片剪辑，名称：时钟，点确定。
选择文本工具、动态文本，在场景内画一个宽为400，高为30的矩形，设置见图示：
图1：
这里一定要仔细输入变量内的拼音。（经过测试发现，这里面的字体要改为黑体）
第二帧插入帧，图层上锁。
添加一个图层，打开动作面板，输入语句：
mydate = newDate();
myear = mydate.getFullYear();
mmon =mydate.getMonth() + 1;
mdate =mydate.getDate();
mou =mydate.getHours();
mm =mydate.getMinutes();
ms =mydate.getSeconds();
mytime = myear+ "年" + mmon +"月" + mdate + "日 " + mou + ":" + mm +":" + ms + " " +Tell;
if (mou >=6 && mou <= 11)
{
Tell = "朋友早上好！";
}
else if (mou> 11 && mou <= 14)
{
Tell = "朋友中午好！";
}
else if (mou> 14 && mou <= 18)
{
Tell = "朋友下午好！";
}
else
{
Tell = "朋友晚上好！";
} // end elseif
11、 音乐按钮元件
插入新建元件，类型：按钮，名称：音乐，点确定。
选择矩形工具，笔触禁止，填充色为草绿色，在场景内画一个宽为550，高为400的矩形，全居中。
第二帧上插入关键帧，第三、第四帧插入帧。
点选第一帧，按照图示设置：
图2：
点选第二帧，按照图示设置：
图3：
所有元件制作完毕，下面开始组装场景了。
五、 组装场景
1、 音乐图层
从库内将音乐按钮元件拉入场景，全居中，图层上锁。
2、 框图层
从库内将框元件拉入场景，全居中，图层上锁。
3、 背景组合
从库内将背景组合元件拉入场景，全居中，图层上锁。
4、 圆图层
添加6个图层，分别在每个图层内拉入一个圆1元件，按照图示摆放。并将图层命名为C1~C6。
图4：
5、 绘画按钮图层
从库内将绘画按钮元件拉入场景，摆放在左侧圆的下面，宽高解锁，改宽为30，高为40，输入实例名：huihua 图层上锁。
6、 删除按钮图层
从库内将删除按钮元件拉入场景，摆放在左侧圆的下面，宽高解锁，改宽为30，高为40，输入实例名：shanchu 图层上锁。
7、 绘画图层
从库内将绘画元件拉入场景，覆盖在绘画按钮上面，图层上锁。
8、 删除图层
从库内将删除元件拉入场景，覆盖在删除按钮上面，图层上锁。
图5：
9、 标题1图层
从库内将标题1元件拉入场景，摆放到背景元件的上面，全居中。宽高解锁，改宽为200，高为40，图层上锁。
10、 时钟图层
从库内将时钟元件拉入场景，摆放到背景元件的下面，全居中。
11、 语句图层
打开动作面板，输入语句：
function aa(a)
{
this.createEmptyMovieClip("xian",this.getNextHighestDepth());
xian.onMouseDown = function ()
{
i = 1;
this.lineStyle(3, a, 80);
this.moveTo(_xmouse, _ymouse);
};
xian.onMouseMove = function ()
{
if (_root._xmouse > 475 ||_root._xmouse < 75 || _root._ymouse > 335 || _root._ymouse < 60)
{
i = 0;
} // end if
if (i == 1)
{
this.lineTo(_xmouse, _ymouse);
updateAfterEvent();
} // end if
};
xian.onMouseUp = function ()
{
i = 0;
};
} // End ofthe function
newColor(c1).setRGB(16777215);
newColor(c2).setRGB(16776960);
newColor(c3).setRGB(65280);
newColor(c4).setRGB(16711680);
newColor(c5).setRGB(255);
newColor(c6).setRGB(0);
j = 0;
kaishi ="开始画线";
jieshu ="";
huihua.onPress= function ()
{
++j;
if (j % 2 == 1)
{
c1._visible = c2._visible = c3._visible= c4._visible = c5._visible = c6._visible = 1;
jieshu = "";
kaishi = "结束画线";
aa(16711680);
}
else
{
c1._visible = c2._visible = c3._visible= c4._visible = c5._visible = c6._visible = 0;
jieshu = "";
kaishi = "开始画线";
xian.onMouseDown = null;
} // end else if
};
for (k = 1; k<= 6; k++)
{
this["c" + k]._visible = 0;
this["c" + k].onPress = function()
{
this._xscale = this._yscale = 120;
this._alpha = 50;
aa(new Color(this).getRGB());
};
this["c" + k].onRelease =this["c" + k].onReleaseOutside = function ()
{
this._xscale = this._yscale = 100;
this._alpha = 100;
};
} // end offor
shanchu.onPress= function ()
{
xian.clear();
};
全部图层制作完毕，按照图示检查核对。
图6：
最后点保存、控制、测试。
提示：鼠标在场景内有音乐，按空格键换背景颜色，点绘画开始出现色块圆。点删除清空背景。
文章评论