好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

html5游戏开发-零基础开发RPG游戏-开源讲座(三)-卷轴&对话实现......

了解上两篇的内容请点击:

html5游戏开发-零基础开发RPG游戏-开源讲座(一)

http://HdhCmsTesthtml5cn.org/article-1737-1.html

html5游戏开发-零基础开发RPG游戏-开源讲座(二)-跑起来吧英雄

http://HdhCmsTesthtml5cn.org/article-1738-1.html

前两篇,RPG的开发已经实现了添加地图和添加游戏人物,本篇来实现地图的卷轴滚动和人物对话的实现,效果如下




本次开发,更新了一下库件至1.3,请点击下面的链接,下载库件1.3版以上版本

http://code.google测试数据/p/legendforhtml5programming/downloads/list

地图的滚动

关于地图的滚动原理,可以参照下图




按照上图说明,实现地图滚动,只需要先把即将出现的地图(图中黄色部分)画上,然后滚动地图,待地图滚动完毕之后,将屏幕之外的部分(图中绿色部分)移除

首先要添加一个变量来控制地图是否滚动

//地图滚动
var mapmove = false;

查看更多关于html5游戏开发-零基础开发RPG游戏-开源讲座(三)-卷轴&对话实现......的详细内容...

  阅读:50次