HTML5游戏开发实战：扑克翻牌相关内容，含德州扑克游戏编程吗？

，数量超过1则说明已翻了两张牌，不能再翻牌，从而退出翻牌。

若翻动了两张牌，检测是否相同。

创建一个名为functionselectCard的东西，它的用途是将翻牌功能完成实现。

变量$fcard，等于，通过选择器选择的，类名为“card – flipped”的元素集合。

//翻了两张牌后退出翻牌

if($fcard.length> 1)

return;

将“this”指代的对象，添加“card – flipped”这个类名。

//若翻动了两张牌，检测一致性

var ，$fcards ，通过选取 ，(“.card – flipped”) ，所得到。

if($fcards.length== 2)

setTimeout( function( ) {

{检查模式（$fcards）；}, 700)。

//检测2张牌是否一致

functioncheckPattern( cards)

使变量pattern1等于经$(cards)获取的数据里“pattern”对应的值，此为第一张牌的牌面数据。

宣告一个名为varpattern2的变量，将通过jQuery方法选取cards元素并调用其data方法获取的，名为pattern的数据，赋值给varpattern2变量，此数据即为第二张牌的牌面数据。

($(cards)).removeClass(“card-flipped”)，以此来删除“card-flipped”类别。

if(pattern1==pattern2)

给名为“cards”的元素添加“card – removed”类，以此达成透明效果。

让变量$ fcards等于选取的类名为“card – removed”的元素集合。

if($ fcards.length== 24)

alert( “恭喜你成功了！”)；

succcess= true;

至此，完成扑克翻牌游戏。

04

参考书籍

HTML5网页游戏设计从基础到开发（第2版·微课视频版）

推荐编辑：11个游戏实战的案例，给出视频，给出源代码，给出教学课件，给出教学大纲，给出扩展案例。

技术背景

HyperText Markup Language 5 的缩写是 HTML5，HTML5 技术把 HTML4.01 的相关标准结合起来，还对其加以革新，这符合现代网络发展要求，HTML5 是互联网的下一代标准，它是构建和呈现互联网内容的一种语言方式，被当作是互联网的核心技术之一，HTML5 在 2014 年 10 月由万维网联盟也就是 W3C 完成标准制定，它目前仍处于完善之中。然而，HTML5引发了业内广泛兴趣，Chrome支持HTML5技术，Firefox支持HTML5技术，Opera支持HTML5技术，Safari支持HTML5技术，新Edge浏览器率先实现100%支持HTML5。

这本书的作者，从事HTML5网页设计教学这事已经很久了，同时也长久进行应用开发工作，在长时间的工作里头，在长时间的学习当中，积累了好多经验，也有不少教训，他能够明白，在学习编程时，需要怎样的书，才可以提升HTML5开发能力，能以最少的时间投入，收获最快的实际应用效果。

本书主要内容

本书分为基础篇和实战篇。

基础篇把第1章到第6章涵盖在内，着重对HTML5的基础知识以及相关新技术予以讲解，像是Java、通过Canvas API进行画图、CSS3，还有jQuery以及其使用技巧。

实战篇涵盖第7至17章，综合运用先前技术，进行经典的、众人皆知的游戏开发，像人物拼图、扑克翻牌、推箱子、五子棋、黑白棋、俄罗斯方块、贪吃蛇、雷电飞机射击、Flappy Bird、中国象棋。凭借本书德信竞技，读者会学习怎样借助HTML5以及Java、CSS3来制作交互式游戏、平台类游戏，学会网页游戏设计。

本书特点

(1)在内容方面表现得极为全面，代码具备通用性。本书当中，所有案例的源代码都有着很强的通用性，这方便了读者能够直接将其应用于大部分游戏的开发工作之中。

(2)理论得以夯实着，案例是丰富的。每一款游戏的案例，都提供着详细的设计思路，有着关键技术的分析，还有具体的解决步骤方案，此案例的实用性是很强的。