·您的位置: 首页 » 资源教程 » 创意设计 » Flash » Flash与Java Servlet结合实现网上对战

Flash与Java Servlet结合实现网上对战

类别: Flash教程  评论数:0 总得分:0

  作者联系方式:QQ:4077130 E-mail:xiake1860@ncepubj.edu.cn

  用Flash制作的游戏网上有很多,但鲜有可以支持网间对战的游戏。要实现网上对战,就必须要有后台服务器的支持。本文就通过一个简单的实例

  来探讨一下如何通过Flash与Java Servlet的结合实现网间对站。需要注意的是,本文读者需要有一定的Flash与Java Servlet编程知识。

  游戏运行画面如下:

点击这里下载源文件

  在“Servlet地址”中填入你的Servletr的影射地址,然后“输入名字”中填一个名字(必须),点击“开始”运行。

  你用方向键可以控制写有名字的小车(实例名为"car")在舞台运动,如果有多人登陆,你就可以看到别的小车在运动。

  分析:

  对于自己小车的控制可以通过flash前台来实现,要在舞台上看到别人的小车运动,就需要从后台Servlet上下载别人小车的相关数据(name,xPos,yPos)。为了让别人也能看到我的小车,我也必须把小车的数据发到Servlet上,以供别人读取。我们通过LoadVars对象将相关数据发到服务器,服务器将所有的信息写入一个XML文档,我们将些文档加载到XML对象中,通过解析它,获得所有的小车信息,然后根据这些信息,在舞台上绘制小车。我们得到的XML文档形式如下:

<players>

<player name="BBYY" xPos="309.95" yPos="214.95"/>

<player name="BiTao" xPos="200.0" yPos="100.0"/>

</players>

  实现:

  1.新建Flash文档,新建一个电影剪辑,取名为“car”,也就是我们要控制的小车,在里边画一个小车图(为他简便我画了一个圆)。画好这后,打开影片库,找到这个剪辑,右击它的名字,选择“链接”,在“标识符”中填入“car”,并勾选 “为动作脚本导出”和“在第一帧导出”。

  2.从组件面板中,拖两个TextInput组件到舞台,分别将实例命名为“nameInput”,“urlInput”,用来输名字和服务器地址。再拖一个Button组件到舞台,命名为“submitBT”,用来开始游戏。从影片库里,拖一个"car"到舞台中央,命名为"car",就是我们要控制的小车。

  3.打开动作面板,我们先来实现对小车的控制。(此处代码只为解释,具体见源文件)

  要对键盘监听,需要建一个监听器对象,var listenerKey:Object=new Object();

  然后,添加一个监听事件

listenerKey.onKeyDown=function(){
if(_root.started){ //_root.started 为全局变量,初始为false,当点击“submitBT”时,设其为true,即游戏开始
var m:MovieClip=_root.car;
var speed=3; //小车运动速度
if(Key.isDown(Key.LEFT)){
m._x-=speed;
}
if(Key.isDown(Key.RIGHT)){
m._x+=speed;
}
if(Key.isDown(Key.UP)){
m._y-=speed;
}
if(Key.isDown(Key.DOWN)){
m._y+=speed;
}
}
}

  为Key添加监听器:

Key.addEventListener(listenerKey);

  运行影片,小车会随按键运动。

  4。为了能够和服务器进行交互,需要建立两个对象。

var send_lv:LoadVars=new LoadVars();//用来向服务器发送数据

var get_lv:XML=new LoadVars();//用来从服务器加载数据,加载类型为XML文档

  5。为了不断地刷新服务器,输入以下语句:

_root.onEnterFrame=function(){
if(_root.started){
if(_root.get_lv.loaded){ //如果上次数据加载成功的话
_root.send_lv.xPos=_root.car._x;
_root.send_lv.yPos=_root.car._y; //将小车的坐标付给发送对象
_root.send_lv.sendAndLoad(url_service,_root.get_lv,"GET"); //将数据发送到服务器,并用“get_lv”来接受返回数据
}
}
}

  6。当 “get_lv”加载成功后,我们需要对它进行解析,并根据得到的数据将服务器上所有的小车在舞台上绘制出来。

get_lv.onLoad=function(ok:Boolean){
if(ok){
var nodes=get_lv.firstChild.childNodes;//"nodes" 里存储了从服务器上取得的所有小车的信息
var len_nodes:Number=nodes.length;
var len_players:Number=_root.players.length;//“_root.players” 是一个数组,里面储存了所有已经在舞台上绘出的小车名字
trace(len_nodes);

var i=j=0;
for(i=0;i<len_nodes;i++){
var addNew:Boolean=false;
for(j=0;j<len_players;j++){
if(_root.players[j]==nodes[i].attributes.name){
j=len_players+1;
}
if(j==(len_players-1))addNew=true;
}
if(addNew){ //上面的代码用来判断是否有新的小车加入;如果有的话,我们要根据它的名字,将它绘出来
_root.players.push(nodes[i].attributes.name);//将新小车的名字加入数组
_root.attachMovie("car",nodes[i].attributes.name,_root.getNextHighestDepth());//将新小车绘出
_root[nodes[i].attributes.name].name.text=nodes[i].attributes.name;//设置小车名字
}
_root[nodes[i].attributes.name]._x=nodes[i].attributes.xPos;
_root[nodes[i].attributes.name]._y=nodes[i].attributes.yPos;//根据名字刷新舞台上小车的位置。

}

}

  7.为"submintBT"加入动作:

listenerBt.click=function(){

if(!(_root.nameInput.text=="")){

_root.started=true;
_root.send_lv.xPos=_root.car._x;
_root.send_lv.yPos=_root.car._y;
_root.send_lv.name=_root.nameInput.text;

if(_root.urlInput.text!=""){
_root.url_service=_root.urlInput.text;
}

_root.players.push(_root.nameInput.text);
_root.car.name.text=_root.nameInput.text;
}

}
submitBt.addEventListener("click",listenerBt);

  OK了,前台就做好了!下面来看如何来编写Servlet.

  8。我们需要一个Pos类来描绘小车的位置,一个Player类来代表小车,一个Service类来接收请求并输出XML文档。前两个类就不一一介绍了,我们只来看一下Service如何接受请求,并绘出XML文档。其代码如下:

import java.io.*;
import java.util.*;
import javax.servlet.*;
import javax.servlet.http.*;



public class Service extends HttpServlet{

public void doGet(HttpServletRequest request,
HttpServletResponse response)
throws IOException,ServletException{

PrintWriter out = response.getWriter();


//建立一个全局对象来存储所有信息
Hashtable players=(Hashtable)(this.getServletContext().getAttribute("players"));
try{

if(players==null){
players=new Hashtable();
this.getServletContext().setAttribute("players",players);
}

}catch(Exception e){
out.println(e.toString());
}


String player_name=request.getParameter("name");
String x=request.getParameter("xPos");
String y=request.getParameter("yPos");//从请求者处获得数据
Pos newPos=new Pos(Double.parseDouble(x),Double.parseDouble(y));
if(players.containsKey(player_name)){//如果不是新的请求者,将它的Pos加入;否则新建一个请求对象
Player player=(Player)(players.get(player_name));
player.addPos(newPos);
if(player.getPath().size()>100){player.getPath().remove(0);}
}else{
Player newPlayer=new Player(player_name);

newPlayer.addPos(newPos);
players.put(player_name,newPlayer);
}
Vector allPlayers=new Vector(players.values());


//将所有请求者的最新位置以XML形式输出
response.setContentType("text/xml");
out.print("<players>");
for(int i=0;i<allPlayers.size();i++){
Player p=(Player)(allPlayers.get(i));
out.print("<player ");
out.print("name=""+p.getName()+"" ");
out.print("xPos=""+p.getCurrentPos().getX()+"" ");
out.print("yPos=""+p.getCurrentPos().getY()+"">");
out.print("</player>");
}
out.print("</players>");

}
}

  9。将所有.java文件编译成.class文件,并在你的服务器上配置好,为"Service"进立一个映射,你运行时要添入的URL地址,就是此映射地址。运行你的.swf文件,OK!



-= 资 源 教 程 =-
文 章 搜 索
关键词:
类型:
范围:
纯粹空间 softpure.com
Copyright © 2006-2008 暖阳制作 版权所有
QQ: 15242663 (拒绝闲聊)  Email: faisun@sina.com
 纯粹空间 - 韩国酷站|酷站欣赏|教程大全|资源下载|免费博客|美女壁纸|设计素材|技术论坛   Valid XHTML 1.0 Transitional
百度搜索 谷歌搜索 Alexa搜索 | 粤ICP备19116064号-1