 |
教程: Flash教程-Flash游戏实例教程-俄罗斯方块 |
 |
|
|
| 教程: Flash教程-Flash游戏实例教程-俄罗斯方块 |
|
|
|
|
http://www.flash8.net/upload/2004/6/15/20046159502441.swf
俄罗斯方块是一款经典的小游戏，本例利用ActionScript将其在Flash中实现出来。游戏中共有7种形状的方块，它们出现并下落的顺序是随机的，与传统的俄罗斯方块一样，这里也有下一个要下落的方块的提示。当前方块停止下落时，判断得分，继续出现下一个方块。此外，还可以通过单击按钮调节方块下落速度。
制作方法分析
制作方块游戏要求的方面比较多，下面对重要的部分予以介绍。
1. 随机产生方块
要随机产生方块自然要用到随机数，这里在每种形状方块的影片剪辑的链接标识符中加入代表方块形状的序号，根据产生的随机数决定产生哪种形状的方块。由于既要产生当前方块，又要产生下一个要下落的方块，因此需要使用两个变量来存放随机数。
2. 对方块进行控制
方块在下落过程中可以进行左移、右移、加速下落和旋转，这些都可以通过键盘进行控制。由于方块在EnterFrame事件中下落，会造成速度快得无法接受的结果，因此在EnterFrame事件中使用一个变量进行计数，当计数变量达到某一值时才令方块下落。这样出使得可以通过调整计数变量的最大值来控制方块的下落速度。
3. 方块停止检测
当方块下落（或左移、右移）到边界或其他方块位置，不能再移动时，方块停止运动。这就需要对方块应该在何处停止进行判断。由于在一行填满时需要清除该行方块，因此在方块停止下落时应该使用独立的方块单元代替当前方块。为了更便于对一行是否填满进行检测，定义了一个二维数组，数组的每个元素代表游戏界面中一个特定的位置，因此只需要判断对应于某位置的数组元素的值就可以知道该位置是否有方块存在。无论是在方块停止检测还是在是否得分的计算上，这个数组都发挥了巨大的作用。
4. 得分计算
和传统的俄罗斯方块一样，如果一次清除的行数越多，得分就应该越高。这个比较容易，只需在已经得分的情况下再进行一次得分判断，以此类推，每次得分判断成功都可以得到更高的分数。在得分的情况下需要做两件事情，一是清除得分行的方块，二是将该行以上的方块都向下移动一行的距离。当然，在清除和移动方块位置的同时需要相应地改变数组元素的值。
制作过程
下面首先制作游戏中需要用到的方块。
（1）按【Ctrl F8】键创建一个名为“方块”的影片剪辑元件并进入编辑。
（2）使用文本工具绘制一个10×10的矩形，其笔触颜色为#333333，填充颜色为#999999，将其左上角对齐元件中心。
（3）创建影片剪辑元件“形状1”~“形状7”，分别使用与步骤（2）中相同的笔触颜色和填充颜色绘制不同形状的方块，其中构成这些方块的小方块的大小都为10×10。
（4）在“库”面板的元件“方块”上单击鼠标右键，在弹出的快捷菜单中选择“链接”命令，打开“链接属性”对话框，为其添加链接，并将链接标识符设置为“square”。
（5）单击 按钮完成设置。
（6）在“库”面板的元件“形状1”上单击鼠标右键，在弹出的快捷菜单中选择“链接”命令，在打开的“链接属性”对话框中为其添加链接，将其链接标识符设置为“shape1”。
（7）按照与步骤（6）相似的方法将元件“形状1”~“形状7”的链接标识符设置为“shape1”~“shape7”。
1.2.2 制作按钮
该游戏用到的按钮主要有：控制方块下落速度的按钮，跳出游戏的按钮和重新开始游戏的按钮。
（1）按【Ctrl F8】键创建一个名为“加速”的按钮元件并进入编辑。
（2）在按钮的“弹起”帧绘制一个黄色三角形，然后在“指针经过”帧插入一个关键帧，将三角形的颜色改成红色。
（3）创建一个名为“减速”的按钮元件并进入编辑。
（4）在按钮的“弹起”帧和“指针经过”帧绘制图形。
（5）创建一个名为“跳出”的按钮元件并进入编辑。
（6）在元件“跳出”的“弹起”、“指针经过”和“点击”帧插入关键帧，并绘制图形。
（7）创建一个名为“重新开始-按钮”的按钮元件，设计其“弹起”、“指针经过”和“点击”帧。
（8）创建一个名为“重新开始-剪辑”的影片剪辑元件，将按钮元件“重新开始-按钮”拖放到其元件中心。
1.2.3 设计界面
下面为方块游戏设计界面。
（1）创建一个影片剪辑元件“水平边界”，在其中绘制一条长度为240px的水平直线，将其对齐元件中心。
（2）创建一个影片剪辑元件“竖直边界”，在其中绘制一条长度为400px的竖直直线，将其对齐元件中心。
（3）创建一个影片剪辑元件“界面”，使用矩形工具绘制一个240×400的渐变色矩形。
（4）使用矩形工具绘制一个160×300的白色矩形，将其放置到渐变色矩形中。
（5）选中白色矩形，按【Delete】键将其删除，使渐变色矩形呈挖空状态。
（6）新建一个图层，在其中添加制作好的按钮。
（7）再添加两个动态文本框。
（8）将显示为“4”的动态文本变量设置为“v”。
（9）将显示为“00000”的动态文本变量设置为“score”。
（10）回到主场景，将背景大小设置为240×400，背景颜色设置为#CCCCCC。
（11）在第2帧插入空白关键帧，将元件“水平边界”拖放到场景中，将其实例命名为“base”。
（12）将元件“竖直边界”拖出两个到场景中，将左边的实例命名为“left”，将右边的实例命名为“right”。其中，实例“left”的x坐标为35，实例“right”的x坐标为205。
（13）将元件“界面”拖放到第2帧的场景中，在“属性”面板中将其实例命名为“top”。
（14）在第3帧插入空白关键帧，将元件“重新开始-剪辑”拖放到场景中。
1.2.4 添加程序代码
该游戏用到的代码稍稍有些复杂，下面进行逐一添加。
（1）选中主时间轴中的第1帧，按【F9】键打开其“动作”面板，在其中添加如下代码：
function hitothers(xx, yy, num, rot) {
switch (num)
[1] [2] [3] 下一页
|
|
| 教程录入：admin 责任编辑：admin |
|
|
上一篇教程： 教程: Flash教程-Flash游戏实例教程-Flash游戏开发实例系列：打小狗
下一篇教程： 教程: Flash教程-Flash游戏实例教程-沧海一滴水 |
|
|
|
|
|
|
|
| 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |
|
|
|
|
|
