首页 > Web开发 > 详细

你画我猜---websocket

时间:2015-11-05 10:46:46      阅读:872      评论:0      收藏:0      [点我收藏+]

前段时间接触了websocket,具体的就不介绍了,他就是与后台建立长连接,完成信息的发送与接受,有兴趣看我之前的blog或者google一下!之前完成了单聊与多聊的功能,分别实用tomcat7和tomcat8实现!那时候再想做个你画我猜的小游戏!终于抽出时间做了一个,有点简陋,看效果(代码是在在tomcat8的单聊与群聊基础上添加的)

技术分享

要选择对放姓名,才可以绘制,对方实事显示,但是有个问题,对方的画板,不连续,因为不是以直线的方式绘制,而是已点的方式绘制(其实就是(x-1,y-1)lineTo(x,y)),传过去的是个坐标,现在就只想到这个方法

<span style="font-size:14px;">                                var coordArry = o.data.split("_");
				var x = coordArry[0];
				var y = coordArry[1];
				oGC.lineWidth = 1;	
				oGC.moveTo(x-1,y-1);
				oGC.lineTo(x,y);
				oGC.stroke();</span>
使用的是HTML5 的canvas,绘制直线的代码如下:

<span style="font-size:14px;">var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.moveTo(10,10);
cxt.lineTo(150,50);
cxt.lineTo(10,50);
cxt.stroke();</span>
关于这个可以去W3C去学,那里看起来简单,但是非常的基础,非常的重要

你画我猜就是把本地画笔的实是坐标发送给对方,然后根据坐标再绘制出来,思路很简单,就是如何处理这些坐标

代码没有什么改变,就是后台加了个类型,前台加个判断,就ok了,代码不要钱了这次,上传到GITHUB了!

对于以上提到的问题,以后有时间再改,马上双十一了,天天加班啊。,。。。。

版权声明:本文为博主原创文章,未经博主允许不得转载。

你画我猜---websocket

原文:http://blog.csdn.net/qqhjqs/article/details/49648361

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!