为什么那个x 0.5 y0.5 显示出来之后小男孩走路的y轴 会往下偏
因为walkrun定义的就是两个方向运动 如果你不想让Y轴运动 可以在 walkrun参数中不传入Y 也就是只传入前两个参数就好了
我也是,你解决了吗
首先看的Qixi.js里函数实现的方法。就是先获得当前视图的大小(窗口大小因为是自适应)。
// 计算移动距离
function calculateDist(direction, proportion) {
return (direction == "x" ?
visualWidth : visualHeight) * proportion;
}
这个函数是计算当前视图(宽,高)的一半,stratRun这个函数是设置小男孩的top值和left值。根据walkRun函数来通过后来设置好的top和left值是实现移动的动画效果。
你说的小男孩往下走是因为本来小男孩的top是小于后来的设置好的top值的。所以会往下走。
原的top值是
//获取小男孩这个节点。
var $boy = $("#boy");
var boyHeight = $boy.height();
$('#boy').css({
'top': pathY- boyHeight+25,
});
现在的top是当前视图的一般
现在的top值是略微大于原小男孩的top值的 所以Y轴往下移动
可以看上传的图片 黑色的线是原top值 红色的是后来要移动到的top值 根据公式比较的话应该现有的top要大一些