Flash与Java Servlet结合实现网上对战
作者联系方法：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！
返回类别: Flash教程
上一教程: FlashMX 视频教程(42)-制作按钮
下一教程: Flash 8 中文版视频教程(新功能体验)
您可以阅读与"Flash与Java Servlet结合实现网上对战"相关的教程:
· Flash与Photoshop结合实现镜头推拉效果动画
· Flash MX 2004 Media组件实现多首mp3连放
· Flash实现简朴的走步动画效果
· Flash中百叶窗效果的实现
· FLASH中实现眨眼睛的动画效果
|
首页
会员中心
