制作一个简单的Flash文字组合游戏
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
制作一个简单的Flash文字组合游戏
作者：佚名文章来源：原创点击数：862 更新时间：2012-3-26 1:36:16
如何制作一个简单的文字组合游戏？来源：51xflash收藏整理| 作者：未知| 发表时间：2008-09-10 | 点击：次
如何制作一个简单的文字组合游戏？效果如图1所示。
图1 效果演示
解决思路
首先利用条件语句判断性别，在as中加入设计好的故事情节，然后把各个文本连接起来，组成一个固定
的故事情节。
具体步骤
1，运行flash mx，文档属性默认。
2，绘制一个与场景大小的矩形，填充适当的颜色。
可以适当的添加修饰边框。
如图2所示。
图2 绘制背景
3，利用工具栏中的文本工具，输入静态文本，分别为“您的网名”，“您的性别”，“男\女”“你网友的名字”，“另一个网友的名字”，“最喜爱的城市”，“最喜欢的一首歌”，“OK”，“如有雷同，纯属巧合”等静态文本。
注意此处所输入的文本类型都是静态文本，字号16像素，颜色自选。
并且每一句话都是单独文本。
如图3所示。
图3 输入静态文本
4，【窗口】|【对齐】，打开对齐面板。
取消“相对于舞台”，选中部分要排列的文本，利用面板中的“垂直水平间隔”和“水平平均间隔”来排列文本，使之对齐。
如图4所示。
图4 排列文本
5，中工具栏里面的文本工具，然后在下面的属性面板中选择文本类型为输入文本，字号同样是16像素，颜色为深蓝色，黑体。
参数设置完成以后在场景中单击，创建一个输入文本。
并选中属性面板中的“在文本周围显示边框”按钮。
6，拷贝并复制5个同样的输入文本。
设置文本的长度以及排列位置。
利用步骤4或者使用【查看】|【标尺】，利用标尺来进行整齐排列。
如图5所示。
图5 输入文本
7，利用鼠标选择第1个输入文本，在下面的属性面板中输入实例名称为“wangming”。
如图6所示。
图6 设置输入文本实例名
8，第3个，第4个，第5个和第6个输入文本按照步骤7的方法来设置。
实例名称分别为“wangyou1”，“wangyou2”，“chengshi”和“gequ”。
9，特殊的地方在第2个输入文本，也就是“您的性别”这一项。
因为在这个文本中我们只限制输入“男”或者“女”两个字，所以我们先选中这个输入文本，在下面的属性面板中的变量框中输入此文本变量：xin gbie。
如图7所示。
图7 设置变量
10，然后单击变量框右边的“字符”按钮，打开“字符选项”面板，选择“仅”，在下面输入“男女”。
意思是说在这个输入文本框中只允许用户输入“男”或者“女”，而不允许输入其他字符。
如图8所示。
图8 设置字符选项
11，利用文本工具在场景的右侧创建一个大的文本框，文本类型为动态文本，实例名称为“gushi”。
具体参数如图9所示。
图9 设置gushi动态文本参数
12，好了，绘制工作全部完成。
下面我们要创建一个按钮，并添加as语句。
13，选中我们创建的静态文本“OK”，鼠标右键“转化为元件”，类型选择按钮，确定。
双击场景区中的按钮“OK”，进入按钮编辑区。
14，在按钮的时间线的第4帧插入一个关键帧，绘制与文字边框等大的矩形，颜色随意。
如图1 0所示。
图10 绘制按钮反映区
15，回到主场景，选中按钮，打开AS面板。
添加如下语句：
on(press){if(xingbie=="男"){
gushi.text="\r"+" 一个风轻云淡的秋日，"+wangming.text+"（你）和"+wangyou1.text+"从喧哮的"+che ngshi.text+"这个城市来到郊外一个幽静的小树林里。
"+"\n"+
" 天是那么的蓝，你们躺在草地上，仰望着天空，尽情享受着大自然……"
+"\n"+" 这时从远处飘来一阵悠扬的歌声，那是以前"+wangyou2.text+"常常唱给你听的"+gequ.text+"，你渐渐的沉醉在那美妙的歌声中，眼前浮现出"+wangyou2.text+"的影子，嘴里情不自禁的轻轻叫出了"
+wangyou2.text+"的名字……"+"\n"+" 突然一阵乌鸦的叫声把你从梦幻中惊醒，你扭头一看，"+wang you1.text+"不知道什么时候已经不见踪影了！！！";}
else{gushi.text="\r"+" 黄昏，"+wangming.text+"（你）独自漫步在"+chengshi.text+"的小巷，天空开始下起了淅淅沥沥的小雨，你轻轻哼着"+gequ.text+"这首歌，任清凉的小雨滴落在你的脸上……"+"\n"
+" 雨开始下大了，"+wangyou1.text+"撑着一把淡紫色的雨伞悄然出现在你的面前，你欣然跑过去，小鸟般依偎在"+wangyou1.text+"的怀里。
这时，又一把淡紫色的雨伞出现在你眼帘，原来是"+wangyou2. text+",你无所适从地看看"+wangyou1.text+"又看看"+wangyou2.text+","+wangyou1.text+"和"+wangyou2.tex t+"相对望了一眼，两把淡紫色不约而同从你眼前消失，你站在雨中，成了一只落汤鸡……";}
}
这段AS的解释如下：
on(press){if(xingbie=="男"){ //当按钮单击的时候，判断条件，这个条件是xingbie文本框中输入的是否是
“男”，如果是的话，就执行下面的语句。
gushi.text="\r"+"……. //在gushi文本框中显示下面的文字。
这些文字是由输入文本框中的文字和as里面的文字组成的。
else{gushi.text="\r"+"….. //else是与if联用的。
当按钮单击时，上面的条件不满足，也就是xingbie文本框中输入的不是“男”，那么执行else下面的语句。
当然就是女了，因为只有两个选择。
先是另外一个故事。
16，保存，测试。
发给你的朋友试试吧。
请参考源文件“文字游戏”。
注意——在制作过程中一定要注意文本框的类型，当你输入不了文字的时候，就意味着你的文本框的类型不是输入文本。
提示——第5步骤中，一定要注意文字的颜色不要与背景色相同。
虽然我们只创建了一个文本框，并没有写入文字，但是文本框属性中的字体颜色决定了用户输入文字的颜色。
试一试——这是一个精心编辑的两个故事，朋友们也可以换一下故事的各个组成因素，组成一个捧腹大笑的小故事。
特别说明
我们通过这个事例，了解了许多关于文本框的知识。
在例子中我们应用了文本框的所有类型，并且了解了一个简单的判断语句的执行顺序。
在as中， gushi是动态文本框的对象名，gushi.text是这个对象的te xt属性。
"\r" //是一个特殊的字符，表示一个换行动作。
可以得到一个空行。
"\n" //也是一个特殊的字符，可以使光标转到下一行。
+ //字符串连接符。
一，在制作过程中还要注意几个问题：
1，如果无法输出故事，那么首先看你得as是否添加到按钮上。
然后再看一下各个文本的类型和名称是否正确。
2，除了“xingbie”文本的字符选择为“仅”以外，其他文本的字符选择都是“无”，因为这你制作的效果是否
成功。
3，无法输入字符的情况很可能你的文本颜色设置与背景色相同。
4，一定要分清给文本命名实例名和变量名的区别。
本例中出来xingbie文本添加的是变量名以外，其余的文本都是用了实例名。
二，动态文本显示文字还有另外一种方法。
上例中是使用动态文本实例名来显示文字的，我们还可以利用动态文本的变量名来实现。
首先，取消动态文本gushi的实例名，在变量框中写入“gushi”，这个名字就是他的变量名。
然后修改按钮上的as语句，
on(press){if(xingbie=="男"){
gushi.text="\r"+" 一个风轻云淡的秋日……
改为：
on(press){if(xingbie=="男"){
gushi="\r"+" 一个风轻云淡的秋日…….
去掉了gushi后面的文本格式。
我们发布测试一下吧。
效果是一样的。
三，利用动态文本调用text文件容，可以实现flash动画再不修改源文件的基础上动态的控制动画显示的问题。
这个功能是常用的，下面我们就来介绍一下。
首先，利用文本工具在场景建立一个动态文本。
在下面的变量框中写入他的变量名称为“z”。
然后在时间线的第1帧加入as：
loadVariablesNum("z.txt", 0);//载入外部名字叫text.txt的文本文件,加载级别为0
注意：在实际应用中，一定要改变家在文本的层级别，不然他会把场景中的物体遮盖的。
保存。
在这个flash的同一文件夹下，我们建立一个*.text文本文件，命名为“z”。
在里面输入：z=欢迎光临我要学flash！然后选择另存为，在最下面的编码中选择UTP-8，确认。
测试一下，外部的文本就加载在FLASH中了。
四，在所调入的文本中，如何创建internet超级连接？也就是说，flash中显示的调用文本可以单击打开一个网页。
下面我们来试着做一下。
在text文本中，我们在文本中添加：
txt=<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<a href=".qt211./">我要学flash </a>
</body>
</html>
请参看文件夹load。
相关问题
动态文本如何改变部分文字属性？
大家都知道在使用动态文本的时候,要想改变调用的文本颜色和字体的大小.只能通过改变
动态文本框的属性来改变.这种方法在改动的时候整个调用进来的文本全部容全部都随着变了。
(这是废话).那么能不能只改变几个文自的颜色和大小呢？答案是肯定的，
现在就进入正题了.使用html语言编写就可以了。
首先，打开你的FLASH MX,建立一个多行动态文本框，变量名称为test。
如图11所示。
图11 设置文本变量
因为我们要调用的是html，所以选择属性面板中的“将文本呈现为HTML”按钮。
如图12所示。
图12 设置文本参数
然后，在帧中加入AS语句：
eCodepage = true; //解读中文文本
loadVariablesNum("test.txt", 0);//加载文本
上面的test.txt就是你要调用的txt文件名称。
新建一个txt格式的文本文档在里面写
test=<body>
<a href=".qt211./"><font color="#FF0000" size="20">我要学flash</font></a> <br>
<a href=".qt211./index.asp"><font color="#0000FF" size="15">我要学flash</font></a> </body>
好了，保存测试。