Flash AS教程:填色游戏的制作

所属分类: 媒体动画 / Flash教程 阅读数: 82
收藏 0 赞 0 分享
先试试效果:


在本次课程中我们将学习使用 Color 类来制作一个填色游戏,并通过本实例复习 for...in 及 SharedObject 的应用。
思路:
1.使用脚本代码创建一个调色盘,鼠标点击色块后进行取色;
2.绘制作为填充的影片剪辑并把每一部都存为影片剪辑。例如:填充对象是一个人物,那么要把他的头发,眼睛,脸等部分都保存成影片剪辑;
3.最后把各部分影片再统一保存到一个影片剪辑(mc)中;
4.为了保存和读取mc中各影片中的颜色,所以要加入两个按钮 save_btn 和 load_btn 。
步骤1:
绘制作为填充的影片剪辑并把每一部都存为影片剪辑;
最后把各部分影片统一保存到一个影片剪辑中,实例名mc;
绘制两个按钮实例名分别为 save_btn 和 load_btn 。

步骤2:
加入AS代码:
//=====绘制一个正方形作为色块以备调用=====
_root.createEmptyMovieClip("box",-1);
varbox_size:Number=12;
varTheCol=0x0;
//用于存储所取的色彩值
with(box){
beginFill(TheCol);
moveTo(0,0);
lineTo(box_size,0);
lineTo(box_size,box_size);
lineTo(0,box_size);
lineTo(0,0);
endFill();
}
box._visible=false;
//============================================
//*************下面生成一个调色盘*************
varpanex:Number=3;
varpaney:Number=3;
varcolumn:Number=18;
//起点x坐标为3,起点y坐标为3,总行数为18
vari=0;
for(varr=0;r<=0xFF;r =0x33){
for(varg=0;g<=0xFF;g =0x33){
for(varb=0;b<=0xFF;b =0x33){
varp:MovieClip=box.duplicateMovieClip("box" i,i);
newColor(p).setRGB(r*256*256 g*256 b);
//newColor(p).setRGB(r<<16|g<<8|b);
//RGB转换公式,以上两种都可以使用
p._x=panex Math.floor(i/column)*(box_size 1);
p._y=paney i%column*(box_size 1);
//设置每个色块的坐标行坐标:[i/column],列坐标:i%column
p.onRelease=function(){
TheCol=newColor(this).getRGB();
newColor(curser.BG).setRGB(TheCol);
//点击到该色块后进行取色于保存到TheCol变量中
};
i ;
}
}
}
//******************************************
//=====判断点击到图案上以后对哪个影片剪辑填色=====
mc.onRelease=function(){
varflag:Boolean=true;
//增加一个flag为了避免一次对多个影片进行填色
for(varkinmc){
if(mc[k].hitTest(_xmouse,_ymouse,true)&&flag){
newColor(mc[k]).setRGB(TheCol);
flag=false;
}
}
};
//============================================
//*************对mc中所有填充色的读取和保存*************
save_btn.onRelease=function(){
varso:SharedObject=SharedObject.getLocal("Color_save");
for(varkinmc){
so.data[k]=newColor(mc[k]).getRGB();
}
};
load_btn.onRelease=function(){
varso:SharedObject=SharedObject.getLocal("Color_save");
for(varkinmc){
newColor(mc[k]).setRGB(so.data[k]);
}
};
//****************************************** Flash充电:例举 Color 类中常用方法简介
请注意:我们在舞台中所绘制出的影片剪辑即使给他是填充了纯色影片,使用getRGB()也不会取得其RGB值。我们只有对其使用过setColor()后,才能用getRGB()获取该影片的颜色值。
例1:为影片剪辑 mc 创建一个名为 m_Col 的 Color 对象,并将其RGB值设置为橙色:
var my_color:Color = new Color(my_mc);
my_color.setRGB(0xff9933);
例2:获取影片剪辑 mc 的RGB值并以16进制显示出来:

var m_Col:Color = new Color(mc);
m_Col.setRGB(0xff9933);
var myValue:String= m_Col.getRGB().toString(16);

更多精彩内容其他人还在看

flash怎么制作镜像动画?

flash怎么制作镜像动画?flash中制作动画很简单,怎么才能制作一个动画的镜像呢?下面我们就来看看flash制作镜像动画的详细教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

flash制作图片变换的gif动画效果

这篇教程是向脚本之家的朋友分享flash制作图片变换的gif动画效果方法,教程制作出来的动画效果非常不错,难度不是很大,一起来学习吧
收藏 0 赞 0 分享

flash怎么绘制和谐号火车从火车道开过的动画?

flash怎么绘制和谐号火车从火车道开过的动画?想制作一个火车从轨道上飞奔而过的一个画面,该怎么制作呢?下面我们就来看看flash制作和谐号火车从火车道开过的动画的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

FLASH怎么制作红烛燃烧的动画?

FLASH怎么制作红烛燃烧的动画?FLASH中做动画很方便,今天我们就来看看使用flash制作蜡烛燃烧并流下烛蜡的教程,很简单,下面我们就来看看详细教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么填充渐变色? flash渐变填充的使用方法

flash怎么填充渐变?flash中想给图形添加渐变色,该怎么添加呢?下面我们就来看看flash渐变填充的使用方法,这是基础教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么制作磁铁吸钉子的动画?

flash怎么制作磁铁吸钉子的动画?我们知道钉子放到磁铁周围就会直接将钉子吸走,该怎么制作这个动画呢?下面我们就来看看flash制作磁铁吸引钉子的动画教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么画中国国宝大熊猫? flash绘制卡通大熊猫的教材

flash怎么画中国国宝大熊猫?flash中制作动画很简单,但是也可以简单的绘制图形,该怎么绘制呢?今天我们就来看看flash绘制卡通大熊猫的教材,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash工具缩放、旋转和倾斜对象使用介绍

今天小编为大家介绍Flash工具缩放、旋转和倾斜对象使用方法,对于初学者来说,是个很好的学习教程,推荐到脚本之家,一起来看看吧
收藏 0 赞 0 分享

flash中怎么用鼠标绘制一朵木兰花?

flash中怎么用鼠标绘制一朵木兰花?flash中除了做动画效果以外,还可以绘制图形,今天我们就来看看flash用鼠标绘制一朵木兰花的详细教程,很简单,详细教程请看下文
收藏 0 赞 0 分享

FLASH制作一个小车一直往前推的动画?

FLASH制作一个小车一直往前推的动画?想做一个动画,就是有个小推车一直不断的往前进,中途不能倒,该怎么制作呢?下面我们就来看看这个动画的制作方法,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多