免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享

第十课:综合实例--打字游戏

本文来自:★flash之路-flash技术交流★ 转帖请注明出处! 作者:网雨霏霏 您是第4146个浏览者

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
flashroad友情提示:
“点评”不是“回帖”!
第十课:综合实例--打字游戏
本话的内容是制作一个打字小游戏。将前面介绍的文本与字符串的内容综合在一起。
先看效果:



操作步骤:

一、我们需要一个爆炸的效果当做打中字母时的击中效果。
1、按Ctrl+F8键新建一个影片剪辑元件,命名为“爆炸”。“确定”后就会自动进入其编辑窗口。使用圆形工具绘制一个红色的正圆。在其属性面板将宽高设置为5。在第5帧插入空白关键帧。使用钢笔工具制作出一个很简单的爆炸效果:
第24话:系统的讲解AS之十~~~~综合实例--打字游戏 - flashaera - flash天地

然后建立形状补间。打开库面板,在爆炸元件上点右键,点击“链接”,在出现的对话框中单击“为ActionScript导出”后为该元件输入标识符“bz”.:
第24话:系统的讲解AS之十~~~~综合实例--打字游戏 - flashaera - flash天地
2、导入一个爆炸声的音乐文件到库中,在库中音乐文件上点右键-属性。取消“使用导入品质”上的钩。压缩选择mp3,在库中右击该音乐元件,“链接”,为该元件输入标识符“bzs”.。
3、回到爆炸元件编辑窗口,新建一层,在第3帧插入关键帧(这里是要导入爆炸声,在第几帧插入根据声音的长短来定,如果声音长那么就在第1帧就导入。)点右键,打开帧动作面板,输入:


var bd:Sound = new Sound();
bd.attachSound("bzs");
bd.start();

提示:
关于声音的应用,前面我已经讲了很多。代码不明白的朋友,请打开本系列教程的8、9、10三话参考。

4、在第5帧插入关键帧,在帧动作面板中输入:
this.removeMovieClip(this);
将爆炸元件移除。

二、再建一个影片剪辑元件,取名为“大炮”。
为了方便起见,我们可以从网络上找一张大炮的图片,也可以自已画一个,我这个是自已画的。注意中心点(十字)的位置在大炮的后半部位。注意十字的位置,大炮将以这一点作为旋转的基点:



三、新建一个透明按钮(本系列教程第九话中已介绍过,我把截图直接拿来帮助大家回忆一下第24话:系统的讲解AS之十~~~~综合实例--打字游戏 - flashaera - flash天地):

四、回到主场景。
1、绘制背景:
首先使用矩形工具绘制一个渐变色,然后填满整个画布,当做背景层。为了后续操作不至于影响到该背景,请在图层面板中锁定该层:
2、新建一个图层。使用文本工具,按照下图的模样制作文本框:


说明:
1、设置、重玩;字母、中文;慢速、中速、快速;确定这几个文本都要做成按钮元件(从库中将前面我们制作好的透明按钮直接拖到舞台上覆盖这几个文字即可。操作后,会出现图示的透明效果)
2、当前设置、命中率、得分这三个设置为“静态文本”
3、还有四个文本框需要设置为“动态文本”。就是图中的四个虚线框。
4、我们需要给“动态文本”和按钮元件分别命名:
命中率、得分两者下方的动态文本框:
mzl_txt ,df_txt
剩余的两个动态文本分别命名为:
yysz_txt,sdsz_txt   【语言设置 速度设置】

设置,重玩:sz_btn,cw_btn
字母,中文,慢速,中速,快速,确定:zm_btn,zw_btn,ms_btn,zs_btn,ks_btn,qd_btn

3、还是在该层上进行操作。在第3帧插入关键帧。然后在第2帧插入空白关键帧,并将“大炮”元件从库中拖入,调整其大小、位置,并在属性面板中命名为dp_mc


4、现在来写代码。
本帖隐藏的内容需要回复才可以浏览
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.

友情提示:单击下列任意一个表情,即可瞬间自动回复本帖!

好贴......
郁闷......
开心......
擦汗......
鄙视......
狂怒
谢谢
爱你呦
拜托了
嗯嗯
OMG
求关注
伤心......
无奈.....
无奈.....
无奈.....
无奈.....
无奈.....
哈哈哈
NO
OK
what
我来了

最近访问本帖者列表:

迷彩不流泪
访问时间:2020-02-19 00:06

打赏

取消

感谢您的支持,我会继续努力的!

扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by 爱秀代码,分享从这里开始,精彩与您同在

点评
B Color Smilies

您还可以输入:个字符
X

X

 

B Color Image Link Quote Code Smilies
高级模式 | 发新话题

您需要登录后才可以回帖 登录|立即注册

快速
返回顶部
返回首页