走路的效果
為什么那個x 0.5 y0.5 顯示出來之后小男孩走路的y軸 ?會往下偏
慕先生2824294
2017-03-09
3 回答
舉報
0/150
提交
取消
2018-09-04
因為walkrun定義的就是兩個方向運動? 如果你不想讓Y軸運動? 可以在?walkrun參數(shù)中不傳入Y? 也就是只傳入前兩個參數(shù)就好了
2017-04-27
我也是，你解決了嗎
2017-03-13
首先看的Qixi.js里函數(shù)實現(xiàn)的方法。就是先獲得當(dāng)前視圖的大?。ù翱诖笮∫驗槭亲赃m應(yīng)）。
// 計算移動距離
function calculateDist(direction, proportion) {
? ? return (direction == "x" ?
? ? ? ? visualWidth : visualHeight) * proportion;
}
這個函數(shù)是計算當(dāng)前視圖（寬，高）的一半，stratRun這個函數(shù)是設(shè)置小男孩的top值和left值。根據(jù)walkRun函數(shù)來通過后來設(shè)置好的top和left值是實現(xiàn)移動的動畫效果。
你說的小男孩往下走是因為本來小男孩的top是小于后來的設(shè)置好的top值的。所以會往下走。
原的top值是
//獲取小男孩這個節(jié)點。
var $boy = $("#boy");
var boyHeight = $boy.height();
? ? $('#boy').css({
? ? ? 'top': pathY- boyHeight+25,
? ? ? ?});
現(xiàn)在的top是當(dāng)前視圖的一般
現(xiàn)在的top值是略微大于原小男孩的top值的 所以Y軸往下移動
可以看上傳的圖片 黑色的線是原top值 紅色的是后來要移動到的top值 根據(jù)公式比較的話應(yīng)該現(xiàn)有的top要大一些