制作一個(gè)簡(jiǎn)單的Flash文字組合游戲

1、制作一個(gè)簡(jiǎn)單的Flash文字組合游戲作者：佚名 文章來(lái)源：原創(chuàng) 點(diǎn)擊數(shù)：862 更新時(shí)間：2012-3-26 1:36:16 如何制作一個(gè)簡(jiǎn)單的文字組合游戲？來(lái)源：51xflash收藏整理 | 作者：未知 | 發(fā)表時(shí)間：2008-09-10 | 點(diǎn)擊：   次如何制作一個(gè)簡(jiǎn)單的文字組合游戲？效果如圖1所示。 圖1      效果演示 解決思路 首先利用條件語(yǔ)句判斷性別，在as中加入設(shè)計(jì)好的故事情節(jié)，然后把各個(gè)文本連接起來(lái)，組成一個(gè)固定的故事情節(jié)。 具體步驟 1，  運(yùn)行flash mx，文檔屬性

2、默認(rèn)。 2，  繪制一個(gè)與場(chǎng)景大小的矩形，填充適當(dāng)?shù)念伾?。可以適當(dāng)?shù)奶砑有揎椷吙?。如圖2所示。 圖2    繪制背景 3，  利用工具欄中的文本工具，輸入靜態(tài)文本，分別為“您的網(wǎng)名”，“您的性別”，“男女”“你網(wǎng)友的名字”，“另一個(gè)網(wǎng)友的名字”，“最喜愛(ài)的城市”，“最喜歡的一首歌”，“OK”，“如有雷同，純屬巧合”等靜態(tài)文本。注意此處所輸入的文本類型都是靜態(tài)文本，字號(hào)16像素，顏色自選。并且每一句話都是單獨(dú)文本。如圖3所示。 圖3    輸入靜態(tài)文本 4，【窗口】|【對(duì)齊】，

3、打開(kāi)對(duì)齊面板。取消“相對(duì)于舞臺(tái)”，選中部分要排列的文本，利用面板中的“垂直水平間隔”和“水平平均間隔”來(lái)排列文本，使之對(duì)齊。如圖4所示。 圖4   排列文本 5，  中工具欄里面的文本工具，然后在下面的屬性面板中選擇文本類型為輸入文本，字號(hào)同樣是16像素，顏色為深藍(lán)色，黑體。參數(shù)設(shè)置完成以后在場(chǎng)景中單擊，創(chuàng)建一個(gè)輸入文本。并選中屬性面板中的“在文本周圍顯示邊框”按鈕。 6，  拷貝并復(fù)制5個(gè)同樣的輸入文本。設(shè)置文本的長(zhǎng)度以及排列位置。利用步驟4或者使用【查看】|【標(biāo)尺】，利用標(biāo)尺來(lái)進(jìn)行整齊排列。如圖5所示。 圖5 

4、  輸入文本 7，  利用鼠標(biāo)選擇第1個(gè)輸入文本，在下面的屬性面板中輸入實(shí)例名稱為“wangming”。如圖6所示。 圖6   設(shè)置輸入文本實(shí)例名 8，  第3個(gè)，第4個(gè)，第5個(gè)和第6個(gè)輸入文本按照步驟7的方法來(lái)設(shè)置。實(shí)例名稱分別為“wangyou1”，“wangyou2”，“chengshi”和“gequ”。 9，  特殊的地方在第2個(gè)輸入文本，也就是“您的性別”這一項(xiàng)。因?yàn)樵谶@個(gè)文本中我們只限制輸入“男”或者“女”兩個(gè)字，所以我們先選中這個(gè)輸入文本，在下面的屬性面板中的變量框中輸入

5、此文本變量：xingbie。如圖7所示。 圖7   設(shè)置變量 10，              然后單擊變量框右邊的“字符”按鈕，打開(kāi)“字符選項(xiàng)”面板，選擇“僅”，在下面輸入“男女”。意思是說(shuō)在這個(gè)輸入文本框中只允許用戶輸入“男”或者“女”，而不允許輸入其他字符。如圖8所示。 圖8  設(shè)置字符選項(xiàng) 11，        

6、0;     利用文本工具在場(chǎng)景的右側(cè)創(chuàng)建一個(gè)大的文本框，文本類型為動(dòng)態(tài)文本，實(shí)例名稱為“gushi”。具體參數(shù)如圖9所示。 圖9      設(shè)置gushi動(dòng)態(tài)文本參數(shù) 12，              好了，繪制工作全部完成。下面我們要?jiǎng)?chuàng)建一個(gè)按鈕，并添加as語(yǔ)句。 13，      &

7、#160;       選中我們創(chuàng)建的靜態(tài)文本“OK”，鼠標(biāo)右鍵“轉(zhuǎn)化為元件”，類型選擇按鈕，確定。雙擊場(chǎng)景區(qū)中的按鈕“OK”，進(jìn)入按鈕編輯區(qū)。 14，              在按鈕的時(shí)間線的第4幀插入一個(gè)關(guān)鍵幀，繪制與文字邊框等大的矩形，顏色隨意。如圖10所示。 圖10    繪制按鈕反映區(qū) 15，   

8、0;          回到主場(chǎng)景，選中按鈕，打開(kāi)AS面板。添加如下語(yǔ)句： on(press)if(xingbie="男")        gushi.text="r"+"  一個(gè)風(fēng)輕云淡的秋日，"+wangming.text+"（你）和"+wangyou1.text+"從喧哮的"+chengshi.text

9、+"這個(gè)城市來(lái)到郊外一個(gè)幽靜的小樹(shù)林里。"+"n"+        "  天是那么的藍(lán)，你們躺在草地上，仰望著天空，盡情享受著大自然"        +"n"+"  這時(shí)從遠(yuǎn)處飄來(lái)一陣悠揚(yáng)的歌聲，那是以前"+wangyou2.text+"常常唱給你聽(tīng)的"+gequ.text+"，你漸漸的沉

10、醉在那美妙的歌聲中，眼前浮現(xiàn)出"+wangyou2.text+"的影子，嘴里情不自禁的輕輕叫出了"        +wangyou2.text+"的名字"+"n"+"  突然一陣烏鴉的叫聲把你從夢(mèng)幻中驚醒，你扭頭一看，"+wangyou1.text+"不知道什么時(shí)候已經(jīng)不見(jiàn)蹤影了！"        elsegushi.text=

11、"r"+"  黃昏，"+wangming.text+"（你）獨(dú)自漫步在"+chengshi.text+"的小巷，天空開(kāi)始下起了淅淅瀝瀝的小雨，你輕輕哼著"+gequ.text+"這首歌，任清涼的小雨滴落在你的臉上"+"n"        +"  雨開(kāi)始下大了，"+wangyou1.text+"撐著一把淡紫色的雨傘悄然出現(xiàn)在你的面前，你欣然

12、跑過(guò)去，小鳥般依偎在"+wangyou1.text+"的懷里。這時(shí)，又一把淡紫色的雨傘出現(xiàn)在你眼簾，原來(lái)是"+wangyou2.text+",你無(wú)所適從地看看"+wangyou1.text+"又看看"+wangyou2.text+","+wangyou1.text+"和"+wangyou2.text+"相對(duì)望了一眼，兩把淡紫色不約而同從你眼前消失，你站在雨中，成了一只落湯雞"   這段AS的解釋如下： on(press)if(xingbie="男

13、")  /當(dāng)按鈕單擊的時(shí)候，判斷條件，這個(gè)條件是xingbie文本框中輸入的是否是“男”，如果是的話，就執(zhí)行下面的語(yǔ)句。 gushi.text="r"+".       /在gushi文本框中顯示下面的文字。這些文字是由輸入文本框中的文字和as里面的文字組成的。 elsegushi.text="r"+".      /else是與if聯(lián)用的。當(dāng)按鈕單擊時(shí)，上面的條件不滿足，也就

14、是xingbie文本框中輸入的不是“男”，那么執(zhí)行else下面的語(yǔ)句。當(dāng)然就是女了，因?yàn)橹挥袃蓚€(gè)選擇。先是另外一個(gè)故事。 16，保存，測(cè)試。發(fā)給你的朋友試試吧。請(qǐng)參考源文件“文字游戲”。 注  意 在制作過(guò)程中一定要注意文本框的類型，當(dāng)你輸入不了文字的時(shí)候，就意味著你的文本框的類型不是輸入文本。 提  示 第5步驟中，一定要注意文字的顏色不要與背景色相同。雖然我們只創(chuàng)建了一個(gè)文本框，并沒(méi)有寫入文字，但是文本框?qū)傩灾械淖煮w顏色決定了用戶輸入文字的顏色。 試一試 這是一個(gè)精心編輯的兩個(gè)故事，朋友們也可以換一下故事的各個(gè)組成因素，

15、組成一個(gè)捧腹大笑的小故事。 特別說(shuō)明我們通過(guò)這個(gè)事例，了解了許多關(guān)于文本框的知識(shí)。在例子中我們應(yīng)用了文本框的所有類型，并且了解了一個(gè)簡(jiǎn)單的判斷語(yǔ)句的執(zhí)行順序。在as中， gushi是動(dòng)態(tài)文本框的對(duì)象名，gushi.text是這個(gè)對(duì)象的text屬性。  "r"  /是一個(gè)特殊的字符，表示一個(gè)換行動(dòng)作。可以得到一個(gè)空行。  "n"  /也是一個(gè)特殊的字符，可以使光標(biāo)轉(zhuǎn)到下一行。  +   /字符串連接符。 一，在制作過(guò)程中還要注意幾個(gè)問(wèn)題： 1，&#

16、160; 如果無(wú)法輸出故事，那么首先看你得as是否添加到按鈕上。然后再看一下各個(gè)文本的類型和名稱是否正確。 2，  除了“xingbie”文本的字符選擇為“僅”以外，其他文本的字符選擇都是“無(wú)”，因?yàn)檫@你制作的效果是否成功。 3，  無(wú)法輸入字符的情況很可能你的文本顏色設(shè)置與背景色相同。 4，  一定要分清給文本命名實(shí)例名和變量名的區(qū)別。本例中出來(lái)xingbie文本添加的是變量名以外，其余的文本都是用了實(shí)例名。 二，動(dòng)態(tài)文本顯示文字還有另外一種方法。上例中是使用動(dòng)態(tài)文本實(shí)例名來(lái)顯示文字的，我們還可以利用動(dòng)態(tài)文本的變量名來(lái)實(shí)現(xiàn)

17、。     首先，取消動(dòng)態(tài)文本gushi的實(shí)例名，在變量框中寫入“gushi”，這個(gè)名字就是他的變量名。然后修改按鈕上的as語(yǔ)句， on(press)if(xingbie="男")        gushi.text="r"+"  一個(gè)風(fēng)輕云淡的秋日 改為： on(press)if(xingbie="男")        gus

18、hi="r"+"  一個(gè)風(fēng)輕云淡的秋日. 去掉了gushi后面的文本格式。我們發(fā)布測(cè)試一下吧。效果是一樣的。 三，利用動(dòng)態(tài)文本調(diào)用text文件內(nèi)容，可以實(shí)現(xiàn)flash動(dòng)畫再不修改源文件的基礎(chǔ)上動(dòng)態(tài)的控制動(dòng)畫顯示的問(wèn)題。這個(gè)功能是常用的，下面我們就來(lái)介紹一下。 首先，利用文本工具在場(chǎng)景建立一個(gè)動(dòng)態(tài)文本。在下面的變量框中寫入他的變量名稱為“z”。然后在時(shí)間線的第1幀加入as： loadVariablesNum("z.txt", 0);/載入外部名字叫text.txt的文本文件,加載級(jí)別為0 注意：在實(shí)際應(yīng)用中，一定要改

19、變家在文本的層級(jí)別，不然他會(huì)把場(chǎng)景中的物體遮蓋的。 保存。在這個(gè)flash的同一文件夾下，我們建立一個(gè)*.text文本文件，命名為“z”。在里面輸入：z=歡迎光臨我要學(xué)flash！然后選擇另存為，在最下面的編碼中選擇UTP-8，確認(rèn)。 測(cè)試一下，外部的文本就加載在FLASH中了。 四，在所調(diào)入的文本中，如何創(chuàng)建internet超級(jí)連接？也就是說(shuō)，flash中顯示的調(diào)用文本可以單擊打開(kāi)一個(gè)網(wǎng)頁(yè)。下面我們來(lái)試著做一下。在text文本中，我們?cè)谖谋局刑砑樱?txt=<!DOCTYPE HTML PUBLIC "-/W3C/DTD HTML

20、60;4.01 Transitional/EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body> <a href=" </body> </html> 請(qǐng)參看文件夾load。 相關(guān)問(wèn)題動(dòng)態(tài)文本如何改變部分文