cocos2djs引擎的卡牌游戏的设计与实现客户端的设计与实现
摘 要随着移动互联网的飞速发展，手机游戏成为了越来越多的都市年轻人的娱乐方式。本次课题是基于Cocos2d-JS引擎的卡牌游戏设计与实现之客户端的设计与实现，采用了JavaScript的开发语言。JavaScript语言依赖于浏览器本身，与操作环境无关，只要计算机能运行浏览器，并支持JavaScript的浏览器，就可正确执行。JavaScript语言可以做到响应使用者的需求事件，而不需要任何的网络来回传输资料。所以当一位使用者输入一项资料时，此资料数据不用经过传给服务器（server）处理再传回来的过程，而直接可以被客户端（client）的应用程序所处理。因为Cocos2d-JS 是跨平台的游戏引擎，游戏可发布到包括Web、iOS、Android等平台。和其他类似游戏框架相比，它开发效率更高，使用上更方便简单，更能体现游戏开发的意义和价值。最终客户端实现了房间列表、卡牌商店、游戏对战等一系列场景设计。
目 录
第一章 绪论 1
1.1课题背景 1
1.2目的和意义 1
第二章 需求分析 2
2.1客户端的需求分析 2
2.2客户端的功能性需求 2
2.3客户端的非功能性需求 2
第三章 系统设计 4
3.1系统设计思想 4
3.2客户端总体设计 4
3.2.1客户端技术应用 4
3.2.2客户端详细设计 4
第四章 系统实现 7
4.1客户端运行环境 7
4.2开发工具的简介 7
4.3客户端界面效果实现及展示 7
4.3.1游戏界面部分场景展示 7
4.3.2游戏场景切换功能实现 9
4.3.3卡牌移动功能实现 10
结束语 11
致 谢 12
参考文献 13
绪论
1.1课题背景
伴随着互联网+概念的火热，细分领域的手游概念在二级市场上表现得可圈可点。《2015年16月中国游戏产业报告》显示，去年上半年中国游戏市场实际销售收入达 605.1亿元，而以手游为代表的移动游戏市场实际销售收入达209.3亿元
*好棒文|www.hbsrm.com +Q: ￥351916072$
，占游戏市场总收入34.6%，仅次于客户端游戏市场（267.1亿元）。相对于客户端游戏市场收入增速放缓的趋势，移动游戏市场同比67.2%的高增长率则显示出整体行业强劲的发展潜力。
如今移动应用层出不穷，可以用只有咱没想到的没有人家做到的来形容，在这个智能手机和平板电脑大爆炸的时代，尤其是手机，已经成为人们生活中非常重要的一部分，很大一部分人离开手机已经到没法生活的地步了，移动优先已成趋势，不管是开发什么，都以移动为主，移动应用可以极大的方便人们的生活。因此，卡牌类手游的前景十分广阔，因为越来越多的年轻人相对于选择大型的闯关类游戏，更倾向于接受回合制的手游，这样既不需要花费太多的时间，又能体会到游戏的乐趣。
1.2目的和意义
主要目的就是开发一个可以实时对战或者与电脑对战的卡牌类手游，玩家可以在短时间内快速完成游戏，不用投入太多精力，同时还可以展现自己的策略与智慧，闲暇时得以放松身心。通过项目的开发实践，学习并掌握游戏开发的基本技能以及Cocos2dJS和JavaScript等相关技术的运用。游戏和应用型软件有明显的区别，具有一定的挑战性，对个人开发能力的提高也有很大的帮助。
需求分析
2.1客户端的需求分析
游戏界面设计，以及与服务器端要有稳定的数据交互，并且综合游戏的功能性需求进行分析。客户端应该具有以下需求：
1．能够实现与服务器端的数据稳定交互传输；
2．游戏界面设计合理，严格遵循GID（Game Interface Design）设计原则；
3．游戏操作简单，容易上手。
2.2客户端的功能性需求
1．用户登录注册
用户输入账号和密码可以进入游戏界面，当然也可以注册新的账号和密码。客户端需要向服务器端发送请求验证账号和密码，如有注册，则发送新的请求将账号和密码存入数据库。
2．获取房间列表、选择房间、加入房间
用户进入房间列表界面需要获得房间列表，并且可以按照自己的想法实现选择房间，加入房间等操作。
3．实时对战
玩家进入房间后，进入游戏对战界面，需要进行选牌、放牌等操作。因此客户端需要实现玩家选牌、放牌等动态效果以及卡牌摆放的界面显示功能。
4．结束游戏获得奖励
根据具体的游戏算法和规则判定游戏的胜负平，以及需要将奖励和经验按游戏规则发放给玩家。因此客户端要向服务器端发送请求并接收到服务器端发送的数据显示在游戏界面中。
5．查看对战记录
玩家也需要了解自己的对战记录，因此客户端需要将对战记录显示在界面中，当玩家需要查看对战记录时，客户端向服务器端发送请求，最终将服务器端传输的数据显示在界面中。
2.3客户端的非功能性需求
1. 可认知性
认知是指视觉语言、视觉形象能引起用户视觉上的可识别性。界面中视觉认知过程为：视觉寻找、发现、辨别、识别、确认、记忆搜索。前三个过程的反应时间取决于游戏界面设计的合理性和可识别性。游戏界面设计中概况简练、生动鲜明的视觉语言，可以吸引用户视线和注意力。对于客户端而言，游戏界面的布局一定要美观大方，能够吸引玩家的眼球。一款成功的游戏必不可少的是游戏界面整体的布局合理，功能菜单选项设计简单醒目。针对用户而言，对于游戏的第一印象很重要，因此游戏的场景选择要格外重视。
2. 易记忆性
记忆性是指形象能长期的记忆于大脑中，并能形成一定的条件反射。记忆有三个不同过程阶段，为感觉记忆、短时记忆和长时记忆。三者相互联系，感觉记忆为操作体验提供基础，短时记忆存储材料的时间仅一分钟或更短些，长时记忆贮存信息相对来说是永久性的，是对知识的获得和保存。用户能熟练的操作界面，是因为短时记忆的信息能引起强烈的感受，自动转入长时记忆系统被存储起来。在下一次操作时，能自然的联想起用法，而不是每次都需要在大脑中拼命回忆。因此游戏界面设计需要操作简单，便于上手，界面简洁不复杂，这样才能让玩家真正体会到玩游戏的乐趣。
3. 可维护性
客户端需要与服务器端进行大量的数据交互传输，因此客户端设计过程中，保证代码的质量显得尤为重要，JavaScript语言维护起来方便，同时也需要相关的文档来保证游戏后期的维护和良好开展，以保障对《幻想杀》卡牌游戏的维护和扩展。
系统设计
3.1系统设计思想
设计一款卡牌游戏需要注意很多方面，首先要注意的是界面的布局，布局是指在一个限定面积范围内，合理安排界面各元素的位置，将凌乱的页面、混杂的内容按照整体信息的需要进行分组归纳、组织排列，使界面元素主次分明、重点突出，帮助用户便利的找到所需信息，获得流畅的视觉体验。其次，作为首要的视觉审美要素，色彩深刻地影响着用户的视觉感受和心理情绪。为使界面主题集中醒目，便于用户获取信息，在同一界面中颜色不易过多，一般以不超过7种为宜，人眼对低饱和度和低亮度的色彩不敏感，不适宜用于正文、面积小的区域，适宜作为背景或大面积区域;然后，作为游戏界面中的视觉元素，文字具备其他元素所不能取代的设计效应，在界面中不仅可以直观的传达信息，起到提示和引导的作用，也可以配合图形元素，起到避免歧义的作用。 最后，也需要考虑到各种终端设备的差异性及性能方面，以及服务端也需要保证稳定性以及一定的效率。因此本系统在设计时应满足以下几个要求：
目 录
第一章 绪论 1
1.1课题背景 1
1.2目的和意义 1
第二章 需求分析 2
2.1客户端的需求分析 2
2.2客户端的功能性需求 2
2.3客户端的非功能性需求 2
第三章 系统设计 4
3.1系统设计思想 4
3.2客户端总体设计 4
3.2.1客户端技术应用 4
3.2.2客户端详细设计 4
第四章 系统实现 7
4.1客户端运行环境 7
4.2开发工具的简介 7
4.3客户端界面效果实现及展示 7
4.3.1游戏界面部分场景展示 7
4.3.2游戏场景切换功能实现 9
4.3.3卡牌移动功能实现 10
结束语 11
致 谢 12
参考文献 13
绪论
1.1课题背景
伴随着互联网+概念的火热，细分领域的手游概念在二级市场上表现得可圈可点。《2015年16月中国游戏产业报告》显示，去年上半年中国游戏市场实际销售收入达 605.1亿元，而以手游为代表的移动游戏市场实际销售收入达209.3亿元
*好棒文|www.hbsrm.com +Q: ￥351916072$
，占游戏市场总收入34.6%，仅次于客户端游戏市场（267.1亿元）。相对于客户端游戏市场收入增速放缓的趋势，移动游戏市场同比67.2%的高增长率则显示出整体行业强劲的发展潜力。
如今移动应用层出不穷，可以用只有咱没想到的没有人家做到的来形容，在这个智能手机和平板电脑大爆炸的时代，尤其是手机，已经成为人们生活中非常重要的一部分，很大一部分人离开手机已经到没法生活的地步了，移动优先已成趋势，不管是开发什么，都以移动为主，移动应用可以极大的方便人们的生活。因此，卡牌类手游的前景十分广阔，因为越来越多的年轻人相对于选择大型的闯关类游戏，更倾向于接受回合制的手游，这样既不需要花费太多的时间，又能体会到游戏的乐趣。
1.2目的和意义
主要目的就是开发一个可以实时对战或者与电脑对战的卡牌类手游，玩家可以在短时间内快速完成游戏，不用投入太多精力，同时还可以展现自己的策略与智慧，闲暇时得以放松身心。通过项目的开发实践，学习并掌握游戏开发的基本技能以及Cocos2dJS和JavaScript等相关技术的运用。游戏和应用型软件有明显的区别，具有一定的挑战性，对个人开发能力的提高也有很大的帮助。
需求分析
2.1客户端的需求分析
游戏界面设计，以及与服务器端要有稳定的数据交互，并且综合游戏的功能性需求进行分析。客户端应该具有以下需求：
1．能够实现与服务器端的数据稳定交互传输；
2．游戏界面设计合理，严格遵循GID（Game Interface Design）设计原则；
3．游戏操作简单，容易上手。
2.2客户端的功能性需求
1．用户登录注册
用户输入账号和密码可以进入游戏界面，当然也可以注册新的账号和密码。客户端需要向服务器端发送请求验证账号和密码，如有注册，则发送新的请求将账号和密码存入数据库。
2．获取房间列表、选择房间、加入房间
用户进入房间列表界面需要获得房间列表，并且可以按照自己的想法实现选择房间，加入房间等操作。
3．实时对战
玩家进入房间后，进入游戏对战界面，需要进行选牌、放牌等操作。因此客户端需要实现玩家选牌、放牌等动态效果以及卡牌摆放的界面显示功能。
4．结束游戏获得奖励
根据具体的游戏算法和规则判定游戏的胜负平，以及需要将奖励和经验按游戏规则发放给玩家。因此客户端要向服务器端发送请求并接收到服务器端发送的数据显示在游戏界面中。
5．查看对战记录
玩家也需要了解自己的对战记录，因此客户端需要将对战记录显示在界面中，当玩家需要查看对战记录时，客户端向服务器端发送请求，最终将服务器端传输的数据显示在界面中。
2.3客户端的非功能性需求
1. 可认知性
认知是指视觉语言、视觉形象能引起用户视觉上的可识别性。界面中视觉认知过程为：视觉寻找、发现、辨别、识别、确认、记忆搜索。前三个过程的反应时间取决于游戏界面设计的合理性和可识别性。游戏界面设计中概况简练、生动鲜明的视觉语言，可以吸引用户视线和注意力。对于客户端而言，游戏界面的布局一定要美观大方，能够吸引玩家的眼球。一款成功的游戏必不可少的是游戏界面整体的布局合理，功能菜单选项设计简单醒目。针对用户而言，对于游戏的第一印象很重要，因此游戏的场景选择要格外重视。
2. 易记忆性
记忆性是指形象能长期的记忆于大脑中，并能形成一定的条件反射。记忆有三个不同过程阶段，为感觉记忆、短时记忆和长时记忆。三者相互联系，感觉记忆为操作体验提供基础，短时记忆存储材料的时间仅一分钟或更短些，长时记忆贮存信息相对来说是永久性的，是对知识的获得和保存。用户能熟练的操作界面，是因为短时记忆的信息能引起强烈的感受，自动转入长时记忆系统被存储起来。在下一次操作时，能自然的联想起用法，而不是每次都需要在大脑中拼命回忆。因此游戏界面设计需要操作简单，便于上手，界面简洁不复杂，这样才能让玩家真正体会到玩游戏的乐趣。
3. 可维护性
客户端需要与服务器端进行大量的数据交互传输，因此客户端设计过程中，保证代码的质量显得尤为重要，JavaScript语言维护起来方便，同时也需要相关的文档来保证游戏后期的维护和良好开展，以保障对《幻想杀》卡牌游戏的维护和扩展。
系统设计
3.1系统设计思想
设计一款卡牌游戏需要注意很多方面，首先要注意的是界面的布局，布局是指在一个限定面积范围内，合理安排界面各元素的位置，将凌乱的页面、混杂的内容按照整体信息的需要进行分组归纳、组织排列，使界面元素主次分明、重点突出，帮助用户便利的找到所需信息，获得流畅的视觉体验。其次，作为首要的视觉审美要素，色彩深刻地影响着用户的视觉感受和心理情绪。为使界面主题集中醒目，便于用户获取信息，在同一界面中颜色不易过多，一般以不超过7种为宜，人眼对低饱和度和低亮度的色彩不敏感，不适宜用于正文、面积小的区域，适宜作为背景或大面积区域;然后，作为游戏界面中的视觉元素，文字具备其他元素所不能取代的设计效应，在界面中不仅可以直观的传达信息，起到提示和引导的作用，也可以配合图形元素，起到避免歧义的作用。 最后，也需要考虑到各种终端设备的差异性及性能方面，以及服务端也需要保证稳定性以及一定的效率。因此本系统在设计时应满足以下几个要求：
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/wljs/502.html
