Flash教程——脸谱连连看实现

要准备怎么的 算法构思 呢？
界面生成 连接算法
界面生成
界面生成 连接算法
界面生成
连连看游戏界面设计算法分析
在设计“连连看”游戏时，我们把所有图形（36个）按如图所示的方法 排列，即把图形安排到8行×8列的表格中，四周有一排空格。把图形块做成 按钮，这样，游戏操作者点击图形块时，就能触发事件。再定义一组二维数 组与按钮的位置相对应，只要数组元素的值相同就代表图形相同。这样，要 判断二块图形是否相同，只要比较二维数组元素的值是否相同。
退 出 模 块
结 束
模 块
游戏修改
作者：
And you?
2014.03.31
Mark
排列成按钮 矩阵
Action Script
算法实现核心代码
n = 6; //方格个数 mmap = new Array(n+2); //二维数组给方格赋值1-n平方 p1 = new Array(0, 0); p2 = new Array(0, 0); z1 = new Array(0, 0); z2 = new Array(0, 0); for (var a = 0; a<n+2; a++) { mmap[a] = new Array(n+2); for (var b = 0; b<n+2; b++) { if (a>0 & a<=n & b>0 & b<=n) { mmap[a][b] = int(tt/2)%8+1; tt++; } else { mmap[a][b] = 0; } } } } for (var a = 0; a<5*n*n; a++) { tx1 = random(n)+1; tx2 = random(n)+1; ty1 = random(n)+1; ty2 = random(n)+1; tempn = mmap[tx1][ty1]; mmap[tx1][ty1] = mmap[tx2][ty2]; mmap[tx2][ty2] = tempn; } _root.createEmptyMovieClip("gameboard", 10); _root.createEmptyMovieClip("linkmc", 11); _root["linkmc"].onEnterFrame = function() { this._alpha -= 2;
产生随机数并把影片剪 辑的游戏素材绑定
素材处理
1. 背景图片 2. 脸谱卡通图片 3. 音乐选取
游戏制作
游戏元件制作 游戏制作： 游戏界面制作
各界面按钮元件 各界面图形元件 元件制作： 各界面影片元件 各界面按钮 脸谱元件
游戏框架
游戏框架
开 始 模wk.baidu.com块
反 馈 模 块
音 频 模 块
计 分 模 块
• 2.连连看游戏的几种可以消去情况 • （1）要消去的两个图案相邻，如图15.2(a)所示。 • （2）要消去的两个图案在同一直线上，如图 15.2(b)所示。 • （3）要消去的两个图案不在同一直线上，如图 15.2(c)、（d）所示。
算法分析
那么， 当我们决定制作一个连连看Flash游戏时，
产生随机数并把影片剪 辑的游戏素材绑定
界面生成示例
脸谱连连看游戏界面程序，如下图所示。
连接算法
界面生成 连接算法
连接算法
连连看游戏连接算法算法分析
在设计“连连看”游戏时，我们把所有图形（36个）按如图所示的方法 排列，即把图形安排到8行×8列的表格中，四周有一排空格。把图形块做成 按钮，这样，游戏操作者点击图形块时，就能触发事件。再定义一组二维数 组与按钮的位置相对应，只要数组元素的值相同就代表图形相同。这样，要 判断二块图形是否相同，只要比较二维数组元素的值是否相同。
排列成按钮 矩阵
• 连连看游戏界面设计还要考虑3个问题： • （1）图形块上的数字必须是必须是成对出 现的； • （2）图形块上的数字是随机的； • （3）图形块的相同数字的位置是随机的。
Action Script
算法实现核心代码
n = 6; //方格个数 mmap = new Array(n+2); //二维数组给方格赋值1-n平方 p1 = new Array(0, 0); p2 = new Array(0, 0); z1 = new Array(0, 0); z2 = new Array(0, 0); for (var a = 0; a<n+2; a++) { mmap[a] = new Array(n+2); for (var b = 0; b<n+2; b++) { if (a>0 & a<=n & b>0 & b<=n) { mmap[a][b] = int(tt/2)%8+1; tt++; } else { mmap[a][b] = 0; } } } } for (var a = 0; a<5*n*n; a++) { tx1 = random(n)+1; tx2 = random(n)+1; ty1 = random(n)+1; ty2 = random(n)+1; tempn = mmap[tx1][ty1]; mmap[tx1][ty1] = mmap[tx2][ty2]; mmap[tx2][ty2] = tempn; } _root.createEmptyMovieClip("gameboard", 10); _root.createEmptyMovieClip("linkmc", 11); _root["linkmc"].onEnterFrame = function() { this._alpha -= 2;
开发工具
•Flash CS4 •Photoshop CS4 •Action Script 2.0
设计步骤
游戏构思 游戏成型
素材处理
游戏制作
游戏修改
连连看游戏规则
• 1.连连看游戏的基本规则 • （1）选择一对内容相同的图案进行连线，但此连 线不能穿跨其他图案； • （2）连线的转折点不能多于两个，如符合规定则 消除此对图案。