写一个简单的实时互动小游戏-阿里云开发者社区

开发者社区> 云计算> 正文
登录阅读全文

写一个简单的实时互动小游戏

简介: 在写之前,我们先回顾上一篇文章,从需求、架构、设计、开发上讲述并演示了搭建一个实时通信客户端的过程,并附了图片与视频。 写这篇文章的之前,第一个互动的游戏DEMO已经写好了,先附上截图 ![image.png](http://ata2-img.cn-hangzhou.img-pub.aliyun-inc.com/394256538948caab4c3e5901f4d8d3da.png)

在写之前,我们先回顾上一篇文章,从需求、架构、设计、开发上讲述并演示了搭建一个实时通信客户端的过程,并附了图片与视频。
写这篇文章的之前,第一个互动的游戏DEMO已经写好了,先附上截图
image.png

很奇怪的一张图,别问我画的是啥,这个DEMO就是将2边的动画同步。

研究下代码

核心代码其实很简单

代码结构

image.png

代码结构很简单,和前一篇改动的唯一就是CanvasScene(场景类)。

深入看一看

image.png

红框里的动画是xcode推荐的动画,就是创建无限循环的精灵。
这个精灵我称之为“创建精灵”,因为它从来不实际的渲染,而是做为内存预载,后面的复制它。
看下事件:

image.png

鼠标事件中都有调用 adaptor同步信息到对端。
实际处理本地鼠标方法

image.png

处理同步方法
image.png

看,处理鼠标的三个事件里,都是复杂了“创建精灵”并渲染。
为了区分两边的绘画,在连通时我对颜色做了一个简单处理

image.png

一个简单的多点互动小游戏就搭起来了。
视频地址
http://v.youku.com/v_show/id_XMzA4MTYzMTMxMg==.html?spm=a2h3j.8428770.3416059.1

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享: