Flash AS教程:填色游戲的制作_Flash教程
推薦:Flash入門(mén)教程:滾動(dòng)字幕動(dòng)畫(huà)的制作(1)在Flash中圖層與圖層之間的關(guān)系不僅是上面圖層擋住下面的圖層,而且還是互相制約的,其中遮罩層與被遮罩層的關(guān)系就是這樣的。這里通過(guò)一個(gè)簡(jiǎn)單的例子“滾動(dòng)字幕”,來(lái)加以說(shuō)明。 做動(dòng)畫(huà)之前,我們先來(lái)看一下遮罩的原理:遮罩層的對(duì)象外形就是被遮罩層的可見(jiàn)區(qū)域。說(shuō)白
先試試效果:
在本次課程中我們將學(xué)習(xí)使用 Color 類(lèi)來(lái)制作一個(gè)填色游戲,并通過(guò)本實(shí)例復(fù)習(xí) for...in 及 SharedObject 的應(yīng)用。
思路:
1.使用腳本代碼創(chuàng)建一個(gè)調(diào)色盤(pán),鼠標(biāo)點(diǎn)擊色塊后進(jìn)行取色;
2.繪制作為填充的影片剪輯并把每一部都存為影片剪輯。例如:填充對(duì)象是一個(gè)人物,那么要把他的頭發(fā),眼睛,臉等部分都保存成影片剪輯;
3.最后把各部分影片再統(tǒng)一保存到一個(gè)影片剪輯(mc)中;
4.為了保存和讀取mc中各影片中的顏色,所以要加入兩個(gè)按鈕 save_btn 和 load_btn 。
步驟1:
繪制作為填充的影片剪輯并把每一部都存為影片剪輯;
最后把各部分影片統(tǒng)一保存到一個(gè)影片剪輯中,實(shí)例名mc;
繪制兩個(gè)按鈕實(shí)例名分別為 save_btn 和 load_btn 。
步驟2:
加入AS代碼:
_root.createEmptyMovieClip("box", -1);
var box_size:Number = 12;
var TheCol = 0x0;
//用于存儲(chǔ)所取的色彩值
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;
//============================================
//************* 下面生成一個(gè)調(diào)色盤(pán) *************
var panex:Number = 3;
var paney:Number = 3;
var column:Number = 18;
//起點(diǎn) x 坐標(biāo)為 3, 起點(diǎn) y 坐標(biāo)為 3, 總行數(shù)為 18
var i = 0;
for (var r = 0; r<=0xFF; r = 0x33) {
for (var g = 0; g<=0xFF; g = 0x33) {
for (var b = 0; b<=0xFF; b = 0x33) {
var p:MovieClip = box.duplicateMovieClip("box" i, i);
new Color(p).setRGB(r*256*256 g*256 b);
//new Color(p).setRGB(r << 16 | g << 8 | b);
//RGB轉(zhuǎn)換公式,以上兩種都可以使用
p._x = panex Math.floor(i/column)*(box_size 1);
p._y = paney i%column*(box_size 1);
//設(shè)置每個(gè)色塊的坐標(biāo) 行坐標(biāo): [i/column], 列坐標(biāo): i%column
p.onRelease = function() {
TheCol = new Color(this).getRGB();
new Color(curser.BG).setRGB(TheCol);
//點(diǎn)擊到該色塊后進(jìn)行取色于保存到TheCol變量中
};
i ;
}
}
}
//******************************************
//===== 判定點(diǎn)擊到圖案上以后對(duì)哪個(gè)影片剪輯填色 =====
mc.onRelease = function() {
var flag:Boolean = true;
//增加一個(gè)flag為了避免一次對(duì)多個(gè)影片進(jìn)行填色
for (var k in mc) {
if (mc[k].hitTest(_xmouse, _ymouse, true) && flag) {
new Color(mc[k]).setRGB(TheCol);
flag = false;
}
}
};
//============================================
//************* 對(duì)mc中所有填充色的讀取和保存 *************
save_btn.onRelease = function() {
var so:SharedObject = SharedObject.getLocal("Color_save");
for (var k in mc) {
so.data[k] = new Color(mc[k]).getRGB();
}
};
load_btn.onRelease = function() {
var so:SharedObject = SharedObject.getLocal("Color_save");
for (var k in mc) {
new Color(mc[k]).setRGB(so.data[k]);
}
};
//******************************************
Flash充電:例舉 Color 類(lèi)中常用方法簡(jiǎn)介
請(qǐng)注重:我們?cè)谖枧_(tái)中所繪制出的影片剪輯即使給他是填充了純色影片,使用getRGB()也不會(huì)取得其RGB值。我們只有對(duì)其使用過(guò)setColor()后,才能用getRGB()獲取該影片的顏色值。
例1:為影片剪輯 mc 創(chuàng)建一個(gè)名為 m_Col 的 Color 對(duì)象,并將其RGB值設(shè)置為橙色:
var my_color:Color = new Color(my_mc);
my_color.setRGB(0xff9933);
例2:獲取影片剪輯 mc 的RGB值并以16進(jìn)制顯示出來(lái):
var m_Col:Color = new Color(mc);
m_Col.setRGB(0xff9933);
var myValue:String= m_Col.getRGB().toString(16);
分享:Flash教程:制作天空中流星劃過(guò)特效效果: 當(dāng)你抬頭望著深黑色的夜空時(shí),忽然眼前一亮,一個(gè)拖著長(zhǎng)長(zhǎng)尾巴的流星從天空飛馳而過(guò),好漂亮的流星許個(gè)愿吧... ★★本例的知識(shí)點(diǎn):元件制作、元件的復(fù)制、動(dòng)作補(bǔ)間動(dòng)畫(huà)的應(yīng)用、引導(dǎo)層的應(yīng)用。 ★★本例制作步驟: 1、執(zhí)行“文件/新建”命令,在彈出的面板選擇“
- as中禁用ESC鍵
- AS3.0 圖片變黑白 圖片彩色變黑白代碼
- flash as3.0 跨域的解決辦法
- 模板無(wú)憂(yōu)FLASH透明代碼
- Flash教你制作卡通MM眨眼睛動(dòng)畫(huà)
- Flash從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕
- Flash繪制小龍與花插畫(huà)場(chǎng)景
- Flash程序的測(cè)試方法
- Flash CS4文字顏色緩動(dòng)特效
- 網(wǎng)頁(yè)中演示類(lèi)FLASH動(dòng)畫(huà)制作規(guī)范
- Flash CS3循環(huán)背景的運(yùn)用技巧
- Flash鼠繪技巧教你制作紅綠色的樹(shù)葉
Flash教程Rss訂閱網(wǎng)站制作教程搜索
Flash教程推薦
- Flash控制SWF動(dòng)畫(huà)大小的技巧
- 支持PSD導(dǎo)入 Flash 9新特性搶先看
- Flash教程:AS 3.0代碼實(shí)現(xiàn)甲蟲(chóng)跟隨鼠標(biāo)
- mx2004的新東東--newMovieClipLoader
- fmx2004 1000問(wèn)(3)
- 在Flash MX中實(shí)現(xiàn)自由拖動(dòng)圖片和改變圖片(4)
- 基礎(chǔ)教程:在Flash中鼠繪線(xiàn)圈頁(yè)面
- Flash繪畫(huà)技巧:小鳥(niǎo)飛的動(dòng)畫(huà)練習(xí)
- Flash MX2004入門(mén)與進(jìn)階實(shí)例——?jiǎng)幼髂_本(1)
- Flash8輕松獲取位圖顏色代碼實(shí)例教程
- 相關(guān)鏈接:
- 教程說(shuō)明:
Flash教程-Flash AS教程:填色游戲的制作
。