0-设计思路:

  你画我猜顾名思义,有一个人画,一个人猜,两个思路:

  1)一个中央服务器,中转数据,两个client端:,a画对应点的数据通过服务器发给客户端b,b通过这些数据进行绘画,换颜色人,等等,这种东西可以通过类似处理命令的方式用正则提取参数;

  2)两个用户一个做服务端,一个做客户端,直接通信,a发送数据给b,然后b通过数据进行绘画;

1-技术准备:

  1)用Java做绘图,详细方法请参见上一篇博客;

  2)用java做socket字符窜传输;

  3)正则表达式;自己了解一下

2-具体实现:

  设计一个用于绘图的画板功能,1)可以控制画板是否可以编辑(只有画的一端可以编辑),2)可以实现绘图功能,3)内部实现socket的发送

  代码如下:

package socket;

import java.awt.Canvas;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.event.MouseEvent;
import java.awt.event.MouseMotionListener;
import java.io.*;
import java.net.Socket; import javax.swing.JFrame; public class DrawPanel extends Canvas{
Bean lastbean=null;
boolean startdraw=false;
Socket client=null;
BufferedReader is =null;//input from client
PrintWriter os=null;
public void setClient(Socket s) {
this.client=s;
try {
is = new BufferedReader(new InputStreamReader(client.getInputStream()));
os=new PrintWriter(client.getOutputStream());
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
public DrawPanel(Boolean candraw) {
DrawPanel that=this;
MouseMotionListener mml=new MouseMotionListener() {
@Override
public void mouseDragged(MouseEvent e) {
// TODO Auto-generated method stub
int x=e.getX();
int y=e.getY();
if(that.client!=null) {
os.println(""+x+","+y);
os.flush();
}
that.draw(x, y);;
}
@Override
public void mouseMoved(MouseEvent e) {
// TODO Auto-generated method stub
} };
this.setPreferredSize(new Dimension(300,300));
if(candraw) {
this.addMouseMotionListener(mml);
} }
public void draw(int x,int y) {
this.lastbean=new Bean(x,y);
this.repaint();
}
public void paint(java.awt.Graphics g) {
}
public void update(java.awt.Graphics g) {
//g.clearRect(0, 0, 300, 300);
/*if(list.isEmpty()) {
}else{*/
int x=this.lastbean.getX()-4;
int y=this.lastbean.getY()-4;
System.out.println("-----------------");
g.setColor(Color.black);
g.fillOval(x, y, 8, 8);
//} }
public static void main(String[] args) {
// TODO Auto-generated method stub
JFrame j=new JFrame();
j.add(new DrawPanel(true));
j.pack();
j.setVisible(true);
j.setResizable(false);
} }

  设计一个数据bean其实可有可无,起到一个封装数据的作用,编译传输;代码如下:

package socket;

public class Bean {
private int x;
private int y;
public Bean() { }
public Bean(int x,int y) {
this.x=x;
this.y=y;
}
public int getX() {
return x;
}
public void setX(int x) {
this.x = x;
}
public int getY() {
return y;
}
public void setY(int y) {
this.y = y;
} }

设计server端,在此我用的是画的人做server端)server端的画板是可编辑的:

代码如下:

package socket;
import java.io.IOException;
import java.net.ServerSocket;
import java.net.Socket; import javax.swing.JFrame;
public class Server{
DrawPanel dp=new DrawPanel(true);
public Server() {
boolean listenSuccess=false;
int nowport=6000;
ServerSocket server=null;
Socket client=null;
while(!listenSuccess) {
try {
System.out.println("listensing on port:"+nowport);
server=new ServerSocket(nowport);
System.out.println("I'm success listening on port ---->"+nowport);
listenSuccess=true;
} catch (IOException e) {
System.out.println("filed listensing on port:"+nowport);
nowport++;
}
}
try {
client=server.accept();//先实验一次坚挺
dp.setClient(client);
JFrame j=new JFrame();
j.add(dp);
j.pack();
j.setVisible(true);
j.setResizable(false);
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
public static void main(String[] a) {
new Server();
}
}

最后是clent端:

package socket;

import java.io.IOException;
import java.io.*;
import java.net.Socket;
import java.net.UnknownHostException;
import java.util.regex.Matcher;
import java.util.regex.Pattern; import javax.swing.JFrame; public class Client {
DrawPanel dp=new DrawPanel(false);
Socket client=null;
public Client() {
String pattern="([0-9]*),([0-9]*)";//[\\u4e00-\\u9fa5]*
Pattern r = Pattern.compile(pattern);
try {
client=new Socket("127.0.0.1",6000);
JFrame j=new JFrame();
j.add(dp);
j.pack();
j.setVisible(true);
j.setResizable(false);
PrintWriter os=new PrintWriter(client.getOutputStream());
BufferedReader is=new BufferedReader(new InputStreamReader(client.getInputStream()));//由client对象构造一个输入流
while(true) {
String s=is.readLine();
Matcher m = r.matcher(s);
if(m.find()) {
System.out.println("0"+m.group(0));
System.out.println("1"+m.group(1));
System.out.println("2"+m.group(2));
int x=Integer.parseInt(m.group(1));
int y=Integer.parseInt(m.group(2));
dp.draw(x, y); } }
} catch (UnknownHostException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} }
public static void main(String[] a) {
new Client();
}
}

OK,最后演示一下结果吧;

很简陋对不对,因为篇幅有限,所以就先做到这里上面提供了优化的思路,看完代码自己优化一下吧!!!!

java 你画我猜 了解一下的更多相关文章

  1. Node学习笔记(三):基于socket.io web版你画我猜(一)

    经过惨淡的面试,也是知道了自己的不足,刚好最近在学习node,心中便有了做一个web版的你画我猜的想法 首先说下思路,在做准备工作的时候,有两个大概的思路: 1.规定一块div,捕捉鼠标事件,动态生成 ...

  2. Vue+WebSocket+ES6+Canvas 制作「你画我猜」小游戏

    Vue+WebSocket+ES6+Canvas 制作「你画我猜」小游戏 转载 来源:jrainlau 链接:https://segmentfault.com/a/1190000005804860 项 ...

  3. Java编写画图板程序细节-保存已画图形

    没有Java编写画图板程序细节-保存已画图形   一.为何我们要保存画图板上已画图形呢? 有很多人会问,为什么我们一定要保存画图板上已经画好了的图形呢?原因很简单.当我们在画图板上画完自己想画的图形后 ...

  4. Java实现画八卦

    八卦是由多个圆叠加而成,如果我们让每个圆都有自己的颜色,那么具体结构便一目了然,如下图所示: 显然只要令对应的圆颜色相同,就能达到我们预期的效果. 用Java就能轻松画出来: import java. ...

  5. java GUI画满天星

    import java.awt.Color; import java.awt.Graphics; import java.awt.Image; import javax.swing.ImageIcon ...

  6. 用JAVA自己画一张二维码

    我们都知道,最近2年移动支付在中国堪称新四大发明之一. 二维码无处不在,特别是最近的支付宝扫码领红包,微信,qq,到处在发,阿里有点攻占腾讯移动支付市场的势头啊~博主忽然就对二维码是怎么画的有了点好奇 ...

  7. java动态画圈圈。运用多线程,绘图

    总结:只是意外的收获吧.之前一篇是老师教的,一个点,从底层开始升起,到鼠标按下的地方开始画圈圈, 现在改变了一下,因为点上升的一个循环和画圈的循环是分开的 现在让点点自己跑,并且边跑边画圈.而且在fo ...

  8. [Java画图]画函数图像

    利用Graphics类画任意显式函数图像,只需修改代码中的F()函数即可,另外调整timesx和timesy参数来分方向放大或缩小图像.需要重定义坐标系. package test; import j ...

  9. Node学习笔记(三):基于socket.io web版你画我猜(二)

    上一篇基础实现的功能是客户端canvas作图,导出dataURL从而实现图片信息推送,下面具体讲下服务端的配置及客户端的配置同步 首先先画一个流程图,讲下大概思路 <canvas id=&quo ...

随机推荐

  1. R语言实战基本方法

    R语言的主要功能包括数据统计分析方法和数据可视化,数据分析在这一章中主要学习创建基本图形和基本数据分析 一 基本图形 1条形图 barplot(height)  //添加一个条形图,height是一个 ...

  2. SSH整合后tomcat启动报错SEVERE: Exception starting filter struts2 java.lang.NoClassDefFoundError: org/objectweb/asm/ClassVisitor

    错误信息:  SEVERE: Exception starting filter struts2 java.lang.NoClassDefFoundError: org/objectweb/asm/C ...

  3. centos7 下 安装部署nginx

    centos7 下 安装部署nginx 1.nginx安装依赖于三个包,注意安装顺序 a.SSL功能需要openssl库,直接通过yum安装: #yum install openssl b.gzip模 ...

  4. Excel身份证验证,身份证校验公式

    =IF(LEN(Q4)=0,"空",IF(LEN(Q4)=15,"老号",IF(LEN(Q4)<>18,"位数不对",IF(CH ...

  5. IntelliJ IDEA 使用教程(2019图文版) -- 从入门到上瘾

    IntelliJ IDEA 使用教程(2019图文版) -- 从入门到上瘾   前言:IntelliJ IDEA 如果说IntelliJ IDEA是一款现代化智能开发工具的话,Eclipse则称得上是 ...

  6. ORACLE一个TNS配置错误

    oracle tns配置文件格式如下 RSXT = (DESCRIPTION = (ADDRESS_LIST = (ADDRESS = (PROTOCOL = TCP)(HOST = 10.26.3. ...

  7. java常用类( 下 )

  8. python web架构初步认识

    ---恢复内容开始--- #主入口,Python解释器从这开始执行:if __name__ == '__main__': run() 内部执行过程: #引用socket模块 import socket ...

  9. php优秀框架codeigniter学习系列——CI_Controller分析

    该类是一个超级大的父类,它将在 CodeIgniter.php 中实例化化过的类,通通加载成它的类成员变量,所以可以方便的进行各种操作.各种应用控制器类,都会继承 CI_Controller 类. _ ...

  10. 浏览器兼容性汇总--JavaScript篇

    目录 JavaScript中的兼容性汇总 1.        HTML对象获取问题 2.        const问题 3.        event.x与event.y问题 4.        wi ...