2009年11月9日 星期一

背景圖片位移套用滑鼠在螢幕上的百分比!

#設計概念
讓圖片X軸的位移對應滑鼠在螢幕上的百分比



















(以上為動作意示圖)

#實作
在實際運算時...背景圖片是必須減去視窗寬度
剩餘的像數再去套用滑鼠在螢幕上的百分比


應此..運算公式為:
背景應到位置 =  - (圖寬-視窗寬) * (滑鼠值/視窗寬)
最後再導入位移緩衝的計算公式即可
背景目前位置 += (背景應到位置 - 背景目前位置) / 緩衝值

#程式
//----共用參數
var WMousePa = mouseX / stage.stageWidth;

var MC_MoveFPS=5;
//----監視滑鼠在視窗上的%數
stage.addEventListener(MouseEvent.MOUSE_MOVE,Fun_MouseXPa);
function Fun_MouseXPa(e:MouseEvent){
    WMousePa = mouseX / stage.stageWidth;
}
//----使背景套用函式
FollowMouse(MC1);
FollowMouse(MC2);
//----對應滑鼠在視窗上%數的監視函式
function FollowMouse(MC:MovieClip){

    MC.addEventListener(Event.ENTER_FRAME,Fun_MCFollow);
}
function Fun_MCFollow(e:Event){
    var MC = MovieClip(e.currentTarget);
    var TempGoalX = -(MC.width - stage.stageWidth) * WMousePa;
    MC.x += (TempGoalX - MC.x) / MC_MoveFPS;
}

1 則留言: