如何还原勇者大陆的相关操作。我们首先是实现人物在地图上走动。地图场景需要变换。我们先做些准备：

资源文件，（地图文件和声音文件）  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