Web小游戏“纸牌对对碰”的算法分析
吴 强
（武汉城市职业学院 湖北·武汉 430064）
摘 要 本文通过制作Web小游戏“纸牌对对碰”，研究Web小游戏的制作方法，使高校相关专业的学生更好的理解Web前端技术。
关键词 Web前端技术 Web小游戏 算法 纸牌对对碰
随着信息技术的发展，越来越多的高校开设了网页制作，Web前端技术是网页制作的基础，HTML、DIV+CSS、Java Script是Web前端开发的三大最核心技术。制作网页小游戏可以使学生更好的理解Web前端技术，下面介绍Web小游戏“纸牌对对碰”的制作方法。
纸牌对对碰是一款考验游戏者记忆力的游戏，点击牌可以翻牌观察牌后的图形，如果连续点击了两张图形一样的牌，两张牌消失，当清空了所有纸牌过关。整个程序应该分成布局、翻牌两个部份。
1 游戏布局
游戏布局的核心是数据，首先要考虑要总共有多少张牌，有多少不同的图形牌，几行几列，如4行10列共有40张牌，有5种不同的图案，每种图案有8张牌。
（1）可以建立一个一维数组，用1至5表示不同的图形用一个循环给数组赋值：
（2）再利用随机交换的方法打乱牌的顺序：for(i=0;i＜=39;i++){
j=Math.floor(Math.random()*40);//随机取数单元的一个下标
（3）利用CSS设置外框的样式：
t=arr[i];arr[i]=arr[j];arr[j]=t;}//交换两数组下标变量的值
结构的维持对于功能的发挥至关重要，在周围神经再生的进程中，首先最重要的就是轴突再生通道以及微环境的建立。3D打印技术已在血管［32］、骨修复材料［33］和软骨修复材料［34］等多个领域取得了成功，目前刘小林团队［35］运用猪去细胞神经细胞外基质成分制作水凝胶来修复大鼠坐骨神经缺损，取得了与去细胞神经移植物非常接近的实验效果，其研究成果极大的促进了3D打印神经修复材料的进步。若3D打印的周围神经可以克服目前管腔中空神经导管的不足，在精细结构和成分上与正常神经更为接近，必将推动周围损伤修复材料的进一步发展。
（5）使用JavaScript生成纸牌并定位纸牌：
注：每张牌48X65像素，牌的背面及各种牌的图形顺序排列在p.png文件中，网页的布局方法有很多，牌可以顺序排列，但是这个方法消除牌时后面的牌会自动前移，因此我们采用绝对定位的方法布局。
三种刺激类型所诱发的脑电成分(N1、P2、N2和P3)的潜伏期均不具有显著的组间主效应，以下主要呈现在不同刺激条件下ERPs成分在波幅方面的组间差异。
与风力发电、潮汐能发电等方式相比，火力发电过程伴随有更加复杂的能量转化，使得能源利用率低且污染严重.在这样的背景下，教师就可以提出这样一个问题：怎样才能简化能量转化环节，将化学能直接转化成为电能呢？结合之前的学习内容可以知道，通过氧化还原反应过程，化学能可以直接转化成为电能，这样的只是引入方式能让学生产生更多的思考与共鸣，对知识的理解也更加深刻.
2 翻牌
点击翻牌时，如果连续两张牌的图形一样时消除两张图片，可以用一个变量记录上一次翻牌的编号bha，并赋初始值为-1，选择牌有两种情况，一种是两次选择的牌图案不一样，只用将这次选择牌的编号赋值给bha；另一种情况是两张牌的图案相同，清除两张牌并清0数组相应的值，并测试数组的下标变量是否都被清0，都被清0时过关。
(4)胴体由预冷池依次滑出，由后区相关实验责任人对每组胴体进行分割，要求每组分割的产品种类相同，价格相同。并且要求对实验鸡只的分割安排工作要做到专人专职。即相同的工作必须同一个人做，比如：链条割翅割腿、大胸分级修剪、剔骨切块等。同时，专人对所有的实验数据进行汇总分析工作，统计不同只重对产品出成和综合售价的影响。
通过这个案例分析，让学生更好的理解并使用JavaScript网页前台根据数据自动布局的方法，深入理解HTML、DIV+CSS、Java Script三者之间的关系，进一步提高对Web前端技术的学习兴趣。
中图分类号： G862.5
文献标识码： A
标签：Web前端技术论文; Web小游戏论文; 算法论文; 纸牌对对碰论文; 武汉城市职业学院论文;