微信平台益智类游戏的设计

微信平台益智类游戏的设计

摘要本人写该论文的构思便是站在一个软件开发

者的角度来思考的，从项目的需求，分析，设计，一直到实现，走的就是软件工程的体系那一套。无论是游戏的需求，还是游戏的分析，游戏的设计以及游戏的实现开发，都经过了精细的讨论与思考。整个软件的开发过程思路明确，条理清晰。

关键词】微信游戏开发技术

1前言文章主要叙述了微信平台游戏的设计与实现，当然里面

也有到了一些java 的框架，如hibernate ，还有一些关键性的技术如css，jquery 等，尤其是jquery ，这个神奇的东西可以

让JSP页面变得炫酷起来。另外还有java流的应用，java语

言的开发，mysql 数据库的应用，xml 和json 的?稻莞袷降拇?

递。这些技术每一个看似比较容易，其实用到实际的开发当中还是相当有用的，我的游戏模块基本上用到了上述所说的每一个技术。所以权当熟悉这些技术，也是让人受益匪浅。

至于java 语言和微信平台的特点我在此就不赘述了，在此简

单介绍下JSP向传统的html 中加入java程序片段和JSP标签，就可以构成JSP网页java程序片段就可以操纵数据库，

重定向或者实现建立动态网站所需要的功能。所有的程序操作都在服务器端执行。

2益智类游戏的设计

JSP就根本来说就是一个简化的servlet设计，也是在服

务器端执行，web服务器在遇到访问JSP页面的请求时，首先执行其中的程序段，然后将执行结果连通JSP中的html代

码一起返回给客户端。JSP®常很少进行数据处理，只是用

来实现网页的静态化处理，不会进行业务处理。大型的web 开发都需要JSP与servlet进行配合才能完成，JSP具备java

技术的简单易用，完全的面向对象的特点。

Picword.java 封装了游戏的基本单位，因为游戏本身为疯

狂猜图类的游戏，所以图文必须给封装成类。Gamer.java这

个封装了游戏者的游戏状态，记录了游戏者的玩游戏的临时状态，里面可以存一些用户的基本信息和当前游戏状态，如积分情况和过关情况。Picworddao.java 这个dao 类很明显是与数据库进行交互的类，里面封装了一个sessionfactory 对象，可以产生session对象，来利用hibernate对数据库进行操作，或者从数据中取出自己想要的数据或者向数据库中存入数据。GameServlet.java这个类是个servlet,圭寸装了对游戏发来

的请求的响应，接收了game.jsp发来的json数据包，然后对

其进行处理以后，从数据库里调用一些新的数据过来，再向

jsp 页面发送一些json 数据包，继而圭装成消息的响应。当

用户点击菜单中的“微游戏”后，可以向用户发送一个

newsmessage 消息，里面有两个 url 参数，一个是存放图片

路径的，一个是存放点击后转移的网址。点击进入的页面为

game.jsp ，里面用到了很多css 的框架代码，比如图片和按钮 的设置位置与钻石和关数， 的 margin ， padding 还有 left ，

right ，up ，down ， relative ，

absolutely 等参数可以控制好一个元素的位置和显示。

既然是 jsp 页面，服务器这边必然会有一个 servlet 来处

理从 jsp 这边传来的消息。然后在服务器这边编写了一个

servlet ，类名为gameServlet 。首先会在数据库中创建一个新

表为 picword ，存图片的有关信息，如图片路径，图片的猜 图答案等，还有一个表为 gamer ，字段有图片的url ，图片的

猜图答案，过关数，钻石数，以及用户的基本信息如用户

openid 以及昵称。

数据库表创建好，现在需要从数据库中取出数据并且传

给game.jsp.这样可以利用ajax ,直接从jsp 页面调用从数据

function (data ){})url 要填写服务器的 servlet ， function 为 对传递过来的数据进行的处理的方法。

面对游戏功能进行详解：

确定功能：在点击“确定”的时候，首先要判断用户的

都用到了 css 的样式显示。Css 中 库取来的数据。这可以用到 jquery 的一个方法 $.get (url ，

输入与正确答案是否一致，如果一致则进入下一关，并且钻

石数加三，如果不一致则提示答案错误，继续答题！于是在

点击确定按钮的时候需要 onclick=“queding ()”， queding () 函数先判断如果答案正确， 就用 $.ge (t )方法访问到数据库， 从数据库里取出新的图片消息，然后一个一个替代掉

game.jsp 还有图片的类别属性。替换可以用

jquery 的css ()方法， 可以

设置。 提示功能：提示是从当前的答案空格中跳出一个正确答

案的字，利用jquery 的each ()方法，遍历每个猜图的字，

分容易实现。不过前提也是要访问到数据库的数据，同样 要用$.get ()方法访问数据库，从表 gamer 当中读取当前的 游戏状态，得到想要的答案和钻石数。并且由于游戏设定， 在提示一个字后会减少 10 个钻石。于是会在访问数据库的 同时，更改钻石数目减 10 。

除错功能：在下面的猜图的字中，如果要除掉一个错误

的答案的字，便需要减少 10 个钻石。为了实现这个功能， 必须同样的访问数据库，用each()方法遍历每个猜图的字， 直到找到一个错误的答案的字，便将它设为不可见。并且由 于游戏设定，在提示一个字后会减少 10 个钻石。于是会在 访问数据库的同时，更改钻石数目减 10.提示和除错功能每 次点击都会弹出一个对话框，确认是否要扣掉十个钻石。

3 总结 本文主要讲述了项目的总体概况，项目的产品简介，运

行环境和约定。以及本人在项目做的主要功能实现，系统功 能实现。本人写该论文的构思便是站在一个软件开发者的角 度来思考的，从项目的需求，分析，设计，一直到实现，走 的就是软件工程的体系那一套。无论是游戏的需求，还是游 戏的分析，游戏的设计以及游戏的实现开发，都经过了精细 的讨论与思考。整个软件的开发过程思路明确，条理清晰。

作者单位 上海交通大学 上海市 200433 中的图片，猜的字，并且钻石数加三，关数加一，

把对应的字消除后在上面的空白处显示出来，这个用

jquery