基于web的纸钞连连看游戏的设计与实现

《 基于web的纸钞连连看游戏的设计与实现》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、基于WEB的纸钞连连看游戏的设计与实现基于WEB的纸钞连连看游戏的设计与实现基于WEB的纸钞连连看游戏的设计与实现基于WEB的纸钞连连看游戏的设计与实现基于WEB的纸钞连连看游戏的设计与实现基于WEB的纸钞连连看游戏的设计与实现基于WEB的纸钞连连看游戏的设计与实现基于WEB的纸钞连连看游戏的设计与实现基于WEB的纸钞连连看游戏的设计与实现136福建电脑2010年第9期基于WEB的纸钞连连看游戏的设计与实现郭毅棋(厦门城市职业学院福建厦门361008)【摘要】:采用目前流行的JSp结合AJAX技术,设计

2、实现基于WEB的纸钞连连看游戏.该游戏以在线方式运行,无需下载安装.AJAX使客户端能在后台访问服务器并可按需求取回数据,从而避免了整个页面的刷新,增强了用户体验.【关键词】:AJA)(WEB游戏连连看0.引言网页游戏又称WEB游戏或无端网游.其采HjB/S模式设计实现.优点在于不需要下载客户端.直接打开浏览器登陆网站就可以游戏.由于AJAX技术的出现.网页游戏的技术实现更变得容易.完全基于浏览器的互动式游戏变得完全可以实现『11.本文将详细阐述如何设计并实现一个纸钞连连看的网页游戏.主要采用JSP结合

3、AJAX技术.在网页布局与设计上使用DIV+CSS标准化技术1.系统架构及关键技术1.1系统架构系统采用目前成熟的三层B/S架构,如图1所示.(1)表示层:表示层提供游戏玩家可操作性的界面.采用DIV+CSS实现定位布局.通过AJAX异步传输操作数据至服务器.根据反馈动态更新网页的局部信息.(2)游戏逻辑层:游戏逻辑层负责游戏逻辑的运算与处理.随机生成游戏地图,从客户端接受数据,处理运算,返回数据给客户端,并提交部分需要处理的数据到数据持久层等.(3)持久层:持久层负责数据存储,访问和优化.封装了对数据

4、库访问的细节.主要实现数据库的数据CURD操作(删除,新增,更新,查找),并向游戏逻辑层公开接口完成数据库的存取与管理[21.I游戏界_由Ilasmf.p~-+cssI’AJAX滞’llnmIw}lf服务lWEB服务器ItI‘数据库服务数杯[竺]图1WEBGAME三层架构1.2关键技术(1)JSPJSP是基于JAVA的技术,是J2EE平台的一部分.它具备了JAVA语言所有的优点.同时拥有强大的服务器端动态网页技术功能.它以其跨平台的特性,在众多动态WEB应用程序设计语言中异军突起.是目前最流行,应用最广

5、泛的软件开发技术之一.(2)AJAXAJAX是异步Javascript和XMLfAsynchronousJavascriptandXML)I~,O英文缩写.AJAX作为一种综合性的应用技术.其核心理念在于使用XMLHttpRequest对象发送异步请求与传统的WEB应用不同之处在于它在用户和服务器之间引入了～个中间媒介.从而改变了同步交互过程中的”处理一等待一处理一等待n模式.AJAX的原则是”按需取数据”.可以最大程度的减少冗余请求.减轻服务器的负担.且在不重新载入整个页面的情况下.用JavaScri

6、pt操作DOM更新页面,带来更好的用户体验(3)DIV+CSSDIV+CSS是目前实现WEB标准所使用的主流方式.用于实现布局定位及各种表现.DIV的功能仅仅用于将一段信息给标记起来.但并不定义信息的样式,而由CSS来完成.如需修改页面布局或更换页面配色方案.只修改相应的CSS文件即可.DIV与CSS的结合,使Web界面更加丰富多彩.有效地改善了用户界面的显示效果2.游戏的设计与实现2.1游戏设计本游戏的规则是:选择一对相同纸钞的正反面两张图片,如符合规定则消除此对图片而得分.每一局里玩家需要在规定的时

7、间内消除所有的纸钞图片.当完成任务后.方能进行下一关.系统记录玩家点击图片的次数及所用的时间.游戏结束后会以玩家的得分多寡来决定是否登录排行榜总体流程设计如图2所示.游戏规则简单容易上手.融知识性与趣味性于一体.2010年第9期福建电脑137图2游戏总体流程2.2关键技术实现(1)游戏初始化在本系统中.每张纸钞图片都有唯一的编号.编号策略为正面图片使用正整数表示.反面图片使用负整数表示.正反面一一对应.互为相反数.用二维数组来表示游戏地图,随机生成.关键代码如下:publicclassInitlnsto

8、nce0fintnlp【MAxxⅡMAXⅥ//地图数组MAXX行MAX’I’列,存储纸钞图片for(Juti=0;i<MAXX;i++)[//U3始化纸钞对for(intj--0;j<MAX3t;j_j+2){httlemp=randomO%MAxN;,/随机生成MAxN以内整数map[i][jJ=temp;mp[IJb+l】=一temp’,//保证纸钞图片成对)lfor(inti=O;i<IEVEL;i++){//将纸钞