flash 填色游戲 案例教程

1、flash 填色游戲 案例教程 關(guān)鍵詞 flash 填色游戲 教程- 18 -目錄1. 引言11.1填色小游戲概述11.2設(shè)計(jì)意義12. 設(shè)計(jì)分析12.1 設(shè)計(jì)中要解決的問題12.2 需求分析22.3 設(shè)計(jì)流程22.3.1 準(zhǔn)備階段22.3.2 設(shè)計(jì)制作階段22.3.3 修正并定型23. 創(chuàng)意說明33.1 設(shè)計(jì)靈感來源33.2 設(shè)計(jì)理念34. 設(shè)計(jì)內(nèi)容34.1游戲的主要界面概述34.2進(jìn)入界面34.3主要填色的界面44.4結(jié)束界面45. 設(shè)計(jì)過程與方法45.1 進(jìn)入界面的設(shè)計(jì)與制作45.2 填色界面的設(shè)計(jì)與制作65.3 結(jié)束界面的設(shè)計(jì)與制作105.4 代碼的設(shè)置11結(jié) 論17致謝語18參考文獻(xiàn)

2、181. 引言1.1填色小游戲概述填色小游戲，顧名思義，即是對(duì)某種事物圖片涂上顏色并對(duì)其進(jìn)行顏料搭配的一種小游戲。它能充分發(fā)揮兒童想象力，從而將她們想象出來的色彩搭配運(yùn)用到這個(gè)小游戲當(dāng)中。它可以讓兒童從先接觸不同顏色和認(rèn)識(shí)不同顏色開始。讓他們逐漸懂得如何去搭配色彩，如何讓這些色彩搭配得更好。不斷去理解不同色彩搭配出來的效果，通過這樣一個(gè)小游戲?qū)W會(huì)更多色彩搭配的技巧從而應(yīng)用到實(shí)際生活中去。1.2設(shè)計(jì)意義雖然這次設(shè)計(jì)只是一個(gè)小小的填色游戲，但卻可以讓孩子在兒童時(shí)期就培養(yǎng)他們對(duì)顏色搭配方面的興趣。再進(jìn)行無數(shù)次搭配后加深對(duì)顏色搭配的感悟和理解。讓他們將所學(xué)的運(yùn)用到今后的實(shí)際生活當(dāng)中。2. 設(shè)計(jì)分析2.

3、1 設(shè)計(jì)中要解決的問題填色游戲?qū)⑻峁└魇礁鳂拥姆椒ê拓S富多彩的材料，讓兒童能在更好更豐富多彩的環(huán)境下去吸收并掌握顏色方面的知識(shí)。所以，填色小游戲的設(shè)計(jì)不應(yīng)該只是單一的面或的圖。為了吸引兒童去掌握顏色及色彩搭配方面的知識(shí)，圖片應(yīng)該豐富化。并能慢慢引導(dǎo)兒童去嘗試對(duì)不同顏色進(jìn)行不同搭配。從而更好的掌握該方面的知識(shí)。設(shè)計(jì)中要解決的問題:(1) 素材要充足（圖片素材、聲音素材等）(2) 游戲內(nèi)容要充足（要有開始界面、還有游戲說明、游戲填色部分的界面等）(3) 游戲整個(gè)框架要美觀簡潔，更能吸引兒童，讓兒童有動(dòng)手的想法或欲望。(4) 充分利用選擇工具、鉛筆工具、橡皮擦工具勾勒自己所需的圖。2.2 需求分析隨

4、著社會(huì)的不斷進(jìn)步，無論是國家政府還是每個(gè)父母都很注重對(duì)兒童幼兒時(shí)期的培養(yǎng)。當(dāng)今社會(huì)游戲本身就是一種娛樂方式。自有人類文明的時(shí)候，就有了游戲,可以說游戲就是人們生活?yuàn)蕵返囊徊糠?。隨著現(xiàn)代社會(huì)的不斷進(jìn)步，國家對(duì)教育方面的重視，游戲也在不斷的發(fā)展并推廣到教學(xué)方面上。它不僅能引起兒童的興趣讓兒童自主的去學(xué)習(xí)某些方面的內(nèi)容知識(shí)，還可以讓兒童在玩的氣氛下更好的接觸應(yīng)該掌握的知識(shí)。填色小游戲可以讓兒童接觸到更多的色彩，從先辨識(shí)它們學(xué)起，到可以自己動(dòng)手去選擇自己知道的顏色，再到可以利用這些已經(jīng)知道的顏色分別對(duì)其進(jìn)行搭配。這樣不斷演變，讓更多的兒童更好的認(rèn)識(shí)顏色。在顏色搭配上有更多的收獲。這樣不僅發(fā)揮了游戲的作

5、用同樣也有點(diǎn)教育兒童的作用。2.3 設(shè)計(jì)流程2.3.1準(zhǔn)備階段：對(duì)填色游戲先有一定的理解，確定游戲的內(nèi)容。上網(wǎng)查找自己所需要的圖片跟聲音素材。構(gòu)思好自己要設(shè)計(jì)的填色游戲的主框架。2.3.2設(shè)計(jì)制作階段：全部都準(zhǔn)備充足后。利用flash8.0軟件開始制作填色游戲。先設(shè)計(jì)填色游戲的第一個(gè)頁面（用豐富的色彩當(dāng)背景，添加些文本吸引兒童點(diǎn)擊進(jìn)入游戲）。接著是主框架和其他部分。在設(shè)計(jì)游戲中相應(yīng)的導(dǎo)入所查找好的資料素材，充分利用選擇工具、鉛筆工具和橡皮擦工具繪制自己所要的場(chǎng)景圖片。并對(duì)相應(yīng)的動(dòng)作編寫代碼。2.3.3修正并定型 填色游戲設(shè)計(jì)完成后，不斷的修正。讓游戲的進(jìn)入界面更完善、填色內(nèi)容更加豐富化。最終填

6、色游戲的設(shè)計(jì)定型。3. 創(chuàng)意說明3.1 設(shè)計(jì)靈感來源設(shè)計(jì)靈感來源：靈感來源于網(wǎng)絡(luò)上的一個(gè)填色小游戲。在此設(shè)計(jì)中選用的都是動(dòng)漫卡通類的圖，兒童時(shí)期，動(dòng)漫卡通類的圖對(duì)她們來說更具吸引力，而且用卡通圖讓兒童來進(jìn)行填色，最終的效果也會(huì)更加生動(dòng)有趣。背景圖的選用：背景圖的主要部分就是那些畫筆，很適合這次的主題填色游戲。3.2 設(shè)計(jì)理念設(shè)計(jì)理念：本游戲主要是想讓兒童通過對(duì)不同色彩以及身邊某些事物色彩的認(rèn)識(shí)，在此基礎(chǔ)上對(duì)不同的圖片進(jìn)行不同的色彩搭配。好讓兒童在色彩方面能更好的掌握并利用到生活中去。相信從小培養(yǎng)他們對(duì)色彩的理解跟如何去搭配那些顏色對(duì)他們將來肯定是有用的。讓他們通過該游戲培養(yǎng)對(duì)色彩搭配方面的興趣

7、，同時(shí)也培養(yǎng)他們自己的創(chuàng)新能力。通過這樣一個(gè)小游戲搭配出一套屬于自己的色彩搭配的風(fēng)格。4. 設(shè)計(jì)內(nèi)容4.1游戲的主要界面概述游戲的主要界面分別為：進(jìn)入界面、主要填色的界面、結(jié)束界面。4.2進(jìn)入界面進(jìn)入第一界面的設(shè)計(jì)：用層次豐富的色彩當(dāng)背景，這樣對(duì)兒童更具吸引力。用文本工具填寫文字，文字起引導(dǎo)作用，引導(dǎo)兒童點(diǎn)擊進(jìn)入游戲的第二界面。進(jìn)入第二界面的設(shè)計(jì)：主要通過飛動(dòng)的蝴蝶讓整個(gè)界面更豐富生動(dòng)，同樣也起到更吸引兒童的作用。游戲說明部分則可以讓兒童明白如何去玩這個(gè)填色游戲。4.3主要填色的界面主要填色界面：繪畫了4幅比較生動(dòng)有趣的圖，兒童可以通過自己在生活事物中對(duì)顏色的理解從而來選擇顏色填涂，并不斷讓圖

8、片的顏色看起來搭配得更好。4.4結(jié)束界面游戲結(jié)束的界面的設(shè)計(jì)：設(shè)置了個(gè)重播按鈕，在兒童結(jié)束游戲后還可以點(diǎn)擊重玩，而不是通過重新打開游戲來再次進(jìn)行游戲。填色盤跟畫筆：使填色畫面更加生動(dòng)有趣，利用代碼將鼠標(biāo)隱藏就只出現(xiàn)畫筆的模樣點(diǎn)擊調(diào)色盤選擇所要選的顏料對(duì)圖片進(jìn)行填色。每個(gè)小部分，組合起來就形成了個(gè)生動(dòng)有趣的填色游戲。5. 設(shè)計(jì)過程與方法5.1 進(jìn)入界面的設(shè)計(jì)與制作打開flash8.0軟件，新建一個(gè)文檔，畫布大小設(shè)置為550*400像素.設(shè)置畫布背景顏色為#CC6633.并將圖層命名為“調(diào)色盤”。點(diǎn)擊“插入”“新建元件”，類型為影片剪輯并命名為“加載背景”。進(jìn)入影片剪輯，用矩形工具繪制一個(gè)矩形，無

9、筆觸顏色，填充顏色為#339900?；氐綀?chǎng)景1，在圖層“調(diào)色盤”第一幀插入關(guān)鍵幀，將影片剪輯“加載背景”拉入到主場(chǎng)景中，調(diào)整大小跟畫布大小一樣，且剛好覆蓋住畫布背景顏色。如圖5.1所示：圖5.1再新建一個(gè)影片剪輯名為“開始界面”。在此影片剪輯中的第一幀插入關(guān)鍵幀并用靜態(tài)文本在下方輸入文字“親愛的小朋友們，自己動(dòng)手讓自己的生活更加多姿多彩，生動(dòng)有趣吧！”。在此影片剪輯的第16幀處插入關(guān)鍵幀，將此靜態(tài)文本移動(dòng)到上面剛好處位置。創(chuàng)建動(dòng)畫補(bǔ)間。插入幀延長播放時(shí)間。回到主場(chǎng)景，在圖層“調(diào)色盤”第二幀插入關(guān)鍵幀，將影片剪輯“開始界面”拉入到畫布下方。如圖5.2所示：圖5.2新建一圖層，命名為“筆”。 點(diǎn)擊

10、“插入”“新建元件”，類型為影片剪輯并命名為“畫筆”。利用“線條工具”跟“選擇工具”繪制一個(gè)畫筆，將筆頭部分跟筆桿還有中間部分分開來畫，并對(duì)起進(jìn)行色彩填充。并將筆頭部分選中也轉(zhuǎn)化成影片剪輯并命名為“筆頭”，同樣在影片剪輯“畫筆”中也選中筆頭將其影片剪輯實(shí)例名稱名為“bitou”。再新建一個(gè)影片剪輯名為“顏料”，將圖片素材導(dǎo)入影片剪輯“顏料”中，用橡皮擦工具擦掉多余部分，且用橢圓工具，筆觸顏色為無分別繪制出白、淺藍(lán)、粉紅、深藍(lán)、黃、綠、黑、紅等8種顏色。如圖5.3所示：圖5.3在圖層“筆”的第一幀插入關(guān)鍵幀，將影片剪輯“顏料”和“畫筆”分別拉入到舞臺(tái)中，并放好位置。在舞臺(tái)中將“畫筆“的實(shí)例名稱名

11、為“bi”。將“顏料”實(shí)例名為“tiaosepan”。用靜態(tài)文本輸入文字“讓你的生活更加多姿多彩”；并對(duì)其設(shè)置濾鏡投影。在此圖層第二幀插入關(guān)鍵幀，導(dǎo)入庫按鈕bubble 2 orange到畫布的右下方。如圖5.4所示：圖5.4分別在圖層“筆”和“調(diào)色盤”第三幀處插入空白關(guān)鍵幀。5.2 填色界面的設(shè)計(jì)與制作新建一圖層名為“背景圖”并將其拉直圖層“調(diào)色盤”下方。在圖層“背景 圖”第四幀處插入關(guān)鍵幀，將背景圖導(dǎo)入到舞臺(tái)。如圖5.5所示：圖5.5再新建一圖層名為“填色游戲” 在圖層“背景圖”上面。也同樣在第四幀處插入關(guān)鍵幀。用靜態(tài)文本分本輸入文字“原創(chuàng)：薛小妹”跟“填色游戲”。新建一個(gè)影片剪輯名為“蝴

12、蝶”。在此影片剪輯中導(dǎo)入蝴蝶圖片，連續(xù)插入關(guān)鍵幀，用變形工具讓蝴蝶變形從而制造蝴蝶飛的效果。回到場(chǎng)景中，同樣在圖層“填色游戲”第四幀處將蝴蝶影片剪輯拉入到合適位置。再新建一個(gè)圖層名為“翻頁”在圖層“填色游戲”上面。在第四幀處插入關(guān)鍵幀，用靜態(tài)文本分別輸入文字“開始游戲”跟“游戲說明”。新建按鈕元件名為“開始”。用矩形繪制一個(gè)按鈕。填充色隨意。回到主場(chǎng)景，將按鈕拉入2次到主場(chǎng)景，大小分別覆蓋住“開始游戲”和“游戲說明”文本。并將此按鈕元件的alpha值調(diào)至0. 如圖5.6所示：（ ）圖5.6新建一個(gè)影片剪輯名為“游戲說明”。在此影片剪輯中不斷插入關(guān)鍵幀直至最后輸完以下文本“畫筆點(diǎn)擊調(diào)色盤，選擇你

13、要的顏色，點(diǎn)擊圖中你要填涂的地方既可?！被氐街鲌?chǎng)景，在圖層“背景圖”第五幀插入關(guān)鍵幀，將影片剪輯“游戲說明”拉入至舞臺(tái)，并移至畫布右上角。如圖5.7所示：圖5.7分別在圖層“翻頁”跟“填色游戲”第五幀處插入關(guān)鍵幀。在圖層“筆”跟“調(diào)色盤”第四第五幀插入空白關(guān)鍵幀。建立一個(gè)圖形文件名為“?！?，在此元件中導(dǎo)入找好的圖片素材“牛.jpg”，將其分離并用橡皮擦工具擦掉多余部分。填充顏色為白色。將每部分分別轉(zhuǎn)化成影片剪輯。且分別命名為牛1到牛8.回到主場(chǎng)景中，在圖層“填色游戲”的第六幀處插入關(guān)鍵幀。并將圖形元件“?！崩胫廖枧_(tái)。放好位置。再將影片剪輯牛1至牛7分別拉入至舞臺(tái)。跟圖形元件“牛”很好的融合。

14、且每個(gè)影片剪輯部分的實(shí)例名稱從圖1到圖8相互對(duì)應(yīng)。如圖5.8所示：圖5.8再新建圖形元件名為“小女孩1”。在此圖形元件中導(dǎo)入相應(yīng)的圖片素材。用如上相同辦法將小女孩1的各部分填充色分別轉(zhuǎn)化為影片剪輯。并命名為女孩1至女孩12。回到主場(chǎng)景，在圖層“填色游戲”第七幀處插入關(guān)鍵幀。用相同的辦法，將圖形元件“小女孩1”和它的各個(gè)部分的影片剪輯在舞臺(tái)中很好的融合，且每個(gè)部分的影片剪輯在場(chǎng)景中的實(shí)例名稱也相互對(duì)應(yīng)的從女孩1到女孩12。如圖5.9所示：圖5.9用如上相同辦法分別新建圖形元件“兔子”和圖形元件“小女孩2”.也用如上方法將它們各部分填充色轉(zhuǎn)化為影片剪輯。分別為兔子1到兔子14.跟girl1到gir

15、l13.回到主場(chǎng)景。在圖層“填色游戲”第八幀插入關(guān)鍵幀。拉入圖形元件“兔子”跟其各個(gè)部分的影片剪輯并很好的融合。在圖層“填色游戲”第九幀處插入關(guān)鍵幀。拉入圖形元件“小女孩2”跟其各個(gè)部分的影片剪輯。并將其很好的融合。分別如圖5.10及圖5.11所示：圖5.10圖5.115.3 結(jié)束界面的設(shè)計(jì)與制作在圖層“翻頁”中。在第六幀插入關(guān)鍵幀，在畫布右下角輸入文本“下一張”，并將按鈕元件“開始”拉入到舞臺(tái)且覆蓋住文本“下一張”，調(diào)整其alpha值為0.在此圖層第七幀插入關(guān)鍵幀，用同樣的方法添加文本“上一張”并拉入透明按鈕。第八幀跟第九幀都跟第七幀一樣。在第十幀插入關(guān)鍵幀。輸入靜態(tài)文本“游戲結(jié)束咯”。設(shè)置

16、其濾鏡為投影跟發(fā)光。在下方輸入文本“重玩”，并將按鈕元件“開始”也拉入到舞臺(tái)并覆蓋在文本“重玩”上，且調(diào)整其alpha值為0。如圖5.12所示：圖5.12在圖層“筆”的第六幀到第十幀分別插入關(guān)鍵幀。在圖層“調(diào)色盤”的第六幀插入關(guān)鍵幀，插入新建元件制作8個(gè)分別名為色彩1到色彩8的8個(gè)按鈕。顏色也分別為黃、紅、黑、綠、深藍(lán)、淺藍(lán)、白、粉。回到場(chǎng)景中，在此第六幀處分別將8個(gè)按鈕拉入到舞臺(tái)。如圖5.13所示：圖5.13且按它們的色彩將它們?cè)谖枧_(tái)中的實(shí)例名稱命名為“huang、hong、hei、lu、lan、lan2、bai、fen。在此圖層第七到第十幀分別插入關(guān)鍵幀。在圖層“填色游戲”的第十幀處插入空

17、白關(guān)鍵幀。圖層“背景圖”從第六到第十幀都插入關(guān)鍵幀。5.4 代碼的設(shè)置接著導(dǎo)入聲音素材名為my_sound、my_sound2、my_sound3.接著就是主要用到的代碼來實(shí)現(xiàn)填色的功能。 在圖層“筆”上添加一圖層名為“AS”。在此圖層第二幀右擊添加動(dòng)作。代碼如下：stop();/停止/在此圖層第四幀添加動(dòng)作代碼為：stop();onMouseMove = function () this.bi._x = _xmouse;this.bi._y = _ymouse;Mouse.show();updateAfterEvent();/停止，并出現(xiàn)鼠標(biāo)/在此圖層第五幀添加動(dòng)作代碼為：stop();/停

18、止/在此圖層第六幀添加動(dòng)作代碼為：stop();tiaosepan.onPress = function() startDrag(tiaosepan);tiaosepan.onRelease = function() stopDrag();onEnterFrame = function () hong._x = tiaosepan._x-32;hong._y = tiaosepan._y-12;hei._x = tiaosepan._x+41;hei._y = tiaosepan._y+7;lu._x = tiaosepan._x+40;lu._y = tiaosepan._y-20;huan

19、g._x = tiaosepan._x+15;huang._y = tiaosepan._y-33;lan._x = tiaosepan._x-10;lan._y = tiaosepan._y-38;fen._x = tiaosepan._x-35;fen._y = tiaosepan._y-35;lan2._x = tiaosepan._x-59;lan2._y = tiaosepan._y-22;bai._x = tiaosepan._x-56;bai._y = tiaosepan._y+7;/設(shè)置這些不同顏色的按鈕的位置/onMouseMove = function () this.bi

20、._x = _xmouse;this.bi._y = _ymouse;Mouse.hide();updateAfterEvent();/隱藏鼠標(biāo)，使其變成畫筆形狀/var my_sound3:Sound = new Sound();my_sound3.attachSound("fanye");/ my_sound3聲音跟隨翻頁事件/var my_sound2:Sound = new Sound();my_sound2.attachSound("xuanse");/ my_sound2聲音跟隨選色事件/var mycolor;hong.onPress =

21、function() var my_color:Color = new Color(bi.bitou);mycolor = 0xFF0000;my_color.setRGB(mycolor);my_sound2.start();/點(diǎn)擊調(diào)色盤的“hong”顏色,將新的顏色賦值于bitou,聲音my_sound2跟隨事件/hei.onPress = function() var my_color:Color = new Color(bi.bitou);mycolor = 0x000000;my_color.setRGB(mycolor);my_sound2.start();/點(diǎn)擊調(diào)色盤的“hei”

22、顏色,將新的顏色賦值于bitou,聲音my_sound2跟隨事件/lu.onPress = function() var my_color:Color = new Color(bi.bitou);mycolor = 0x00FF00;my_color.setRGB(mycolor);my_sound2.start();/點(diǎn)擊調(diào)色盤的“l(fā)u”顏色,將新的顏色賦值于bitou,聲音my_sound2跟隨事件/huang.onPress = function() var my_color:Color = new Color(bi.bitou);mycolor = 0xFFFF00;my_color.

23、setRGB(mycolor);my_sound2.start();/點(diǎn)擊調(diào)色盤的“huang”顏色,將新的顏色賦值于bitou,聲音my_sound2跟隨事件/lan.onPress = function() var my_color:Color = new Color(bi.bitou);mycolor = 0x0033FF;my_color.setRGB(mycolor);my_sound2.start();/點(diǎn)擊調(diào)色盤的“l(fā)an”顏色,將新的顏色賦值于bitou,聲音my_sound2跟隨事件/fen.onPress = function() var my_color:Color =

24、new Color(bi.bitou);mycolor = 0xFF33FF;my_color.setRGB(mycolor);my_sound2.start();/點(diǎn)擊調(diào)色盤的“fen”顏色,將新的顏色賦值于bitou,聲音my_sound2跟隨事件/lan2.onPress = function() var my_color:Color = new Color(bi.bitou);mycolor = 0x00FFFF;my_color.setRGB(mycolor);my_sound2.start();/點(diǎn)擊調(diào)色盤的“l(fā)an2”顏色,將新的顏色賦值于bitou,聲音my_sound2跟隨事

25、件/bai.onPress = function() var my_color:Color = new Color(bi.bitou);mycolor = 0xFFFFFF;my_color.setRGB(mycolor);my_sound2.start();/點(diǎn)擊調(diào)色盤的“bai”顏色,將新的顏色賦值于bitou,聲音my_sound2跟隨事件/var my_sound:Sound = new Sound();my_sound.attachSound("tianse");for (var i = 0; i<=19; i+) this"tu"+i.

26、onPress = function() var my_color:Color = new Color(this);my_color.setRGB(mycolor);my_sound.start();/點(diǎn)擊顏料盤，將顏色賦值給被點(diǎn)中的牛的影片剪輯元件并跟隨聲音my_sound/在此圖層第七幀添加動(dòng)作代碼為：stop();for (var i = 0; i<=19; i+) this"女孩"+i.onPress = function() var my_color:Color = new Color(this);my_color.setRGB(mycolor);my_so

27、und.start();/點(diǎn)擊顏料盤，將顏色賦值給被點(diǎn)中的女孩的影片剪輯元件并跟隨聲音my_sound/在此圖層第八幀添加動(dòng)作代碼為：stop();for (var i = 0; i<=16; i+) this"兔子"+i.onPress = function() var my_color:Color = new Color(this);my_color.setRGB(mycolor);my_sound.start();/點(diǎn)擊顏料盤，將顏色賦值給被點(diǎn)中的兔子的影片剪輯元件并跟隨聲音my_sound/在此圖層第九幀添加動(dòng)作代碼為：stop();for (var i =

28、0; i<=16; i+) this"小女孩"+i.onPress = function() var my_color:Color = new Color(this);my_color.setRGB(mycolor);my_sound.start();/點(diǎn)擊顏料盤，將顏色賦值給被點(diǎn)中的小女孩的影片剪輯元件并跟隨聲音my_sound/在此圖層第十幀添加動(dòng)作代碼為：stop();onMouseMove = function () Mouse.show();updateAfterEvent();/停止；出現(xiàn)鼠標(biāo)/ 回到主場(chǎng)景，點(diǎn)擊圖層“筆”第二幀，再點(diǎn)擊庫按鈕“Enter”添加動(dòng)作代碼：on (release) gotoAndPlay(4);/點(diǎn)擊按鈕跳轉(zhuǎn)到第四幀開始播放/點(diǎn)擊圖層“翻頁”的第四幀，再點(diǎn)擊開始游戲的透明按鈕添加動(dòng)作代碼：on (release) gotoAndPlay(6);/點(diǎn)擊按鈕跳轉(zhuǎn)到第六幀開始播放/同樣在這一幀給游戲說明的透明按鈕添加動(dòng)作代碼：on (release) gotoAndPlay(5);/點(diǎn)擊按鈕跳轉(zhuǎn)到第五幀開始播放/再在此圖層的第五幀為開始游戲的透明按鈕再添加動(dòng)作代碼：on (release) g