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. myBatis xml if、where、if-else?、foreach 心得

    MyBatis 的强大特性之一便是它的动态 SQL.如果你有使用 JDBC 或其它类似框架的经验,你就能体会到根据不同条件拼接 SQL 语句的痛苦.例如拼接时要确保不能忘记添加必要的空格,还要注意去掉 ...

  2. 用Tensorflow搭建神经网络的一般步骤

    用Tensorflow搭建神经网络的一般步骤如下: ① 导入模块 ② 创建模型变量和占位符 ③ 建立模型 ④ 定义loss函数 ⑤ 定义优化器(optimizer), 使 loss 达到最小 ⑥ 引入 ...

  3. Python3 open函数

    Python open() 方法用于打开一个文件,并返回文件对象,在对文件进行处理过程都需要使用到这个函数,如果该文件无法被打开,会抛出 OSError. 注意:使用 open() 方法一定要保证关闭 ...

  4. HTML5 Canvas绚丽的小球详解

    实例说明: 实例使用HTML5+CSS+JavaScript实现小球的运动效果 掌握Canvas的基本用法 技术要点: 从需求出发 分析Demo要实现的功能 擅于使用HTML5 Canvas 参考手册 ...

  5. Python全栈day9习题

    本内容主要为If条件语句和while循环的相关知识. 一.使用while循环输入1 2 3 4 5 6 8 9 10 i = 1 while i < 11: if i == 7: pass el ...

  6. SharePoint Framework解决方案管理参考(一)

    博客地址:http://blog.csdn.net/FoxDave 使用SPFx,你的企业可以轻松构建解决方案跟Office 365和SharePoint Online集成.SPFx解决方案基于现代w ...

  7. 20175224 2018-2019-2 《Java程序设计》第三周学习总结

    教材学习内容总结 编程语言发展的几个阶段 面向机器语言 面向过程语言 面向对象语言 封装性 继承性 多态性 类 类是Java程序的基本要素,一个Java应用程序就是由若干个类所构成的. 类是Java语 ...

  8. python模块之json_pickle_shelve

    序列化:明显是json重要,并且应用场景多. #!/usr/bin/env python # coding:utf-8 import json ## 非常重要的模块,用于不同种编程语言间交换数据. d ...

  9. mybatics问题记录

    一.Parameter 'name' not found. Available parameters are [0, 1, param1, param2]. 传入多个值时,mybatis会自动将这些值 ...

  10. ln语法

    Linux文件系统中,有所谓的链接(link),我们可以将其视为档案的别名,而链接又可分为两种 : 硬链接(hard link)与软链接(symbolic link),硬链接的意思是一个文件可以有多个 ...