如何还原勇者大陆的相关操作。我们首先是实现人物在地图上走动。地图场景需要变换。我们先做些准备:
资源文件,(地图文件和声音文件) H5。jquery.
前端测试demo计划:
草坪铺满地图。按需要加载 图片按照左边定点坐标起名。
数据: 当前地图编号:mapIndex:0 //勇者大陆
图中建筑: build:[{id:701,name:stone,pos:12.23}]
图中活物: Simon:[
currentRoleID: 801 , //当前角色
gamer:[
{
id: 801,
name: '杰克',
pos: 15.23,
moveSound: sowit.wav,
img: a.png,
direct: 0 ,
},
{
id: 802,
name: 'Tom',
pos: 15.33,
moveSound: sowit.wav,
img: b.png,
direct: 1 }
],
monster[{}], 刷怪
skill[{}] 技能效果显示
]
【主控程序如果收到A 添加技能效果 。。。 最后执行渲染程序。】 // 这个主控应该是服务器判断,如怪死了要掉东西。过多久刷怪。
渲染程序:按数据持续渲染页面东西。
控制盘:可持续输出方向 偶然输出ABCDEF
首先我写了几个button,实现控制自己走动,既然是手机版本,我们不能用右键来控制任务移动。所以最后还是会制作一个漂亮的圆盘来实现移动控制。
当移动的时候是会有脚步声的。
<div class="controlPad">
<span> <button onclick="up();" class="sexyButton">up</button></span>
<span><button onclick="down();" class="sexyButton">down</button> </span>
<span><button onclick="left();" class="sexyButton">left</button> </span>
<span><button onclick="right();" class="sexyButton">Right</button> </span>
<span><button onclick="playSoundbyName({filename:'aBird1'});" class="sexyButton">sound</button> </span>
</div>
<div class="user"></div>
然后我准备切地图。这样的一张地图。用手机屏幕要几屏。其实没法做到1:1,可能需要微调。先把内城切出来。
然后在手机上可以读取地图。可以控制人物移动测试。
https://www.iopq.net/forum.php?mod=viewthread&tid=17052327&extra=page%3D2&page=1 开发客户端资源。。。。
PentinumTools