※ 引述《etrexetrex (moonet)》之銘言：
: ※ 引述《powergo (秘密)》之銘言：
: : 想請問各位高手 有寫過下面這個圖片拖曳的效果嗎
: : 試了幾種方式 感覺都不太像
: : http://musi.cig.com.cn/index.html#/europe/
: 圖片移動的原理
: 變數：
: 圖片起點
: 滑鼠起點
: 滑鼠終點
: 滑鼠事件：控制起點與終點
: 滑鼠按下事件
: {
: 圖片起點 = 圖片目前座標
: 滑鼠起點 = 滑鼠目前座標
: 註冊滑鼠移動事件
: }
: 滑鼠放開事件
: {
: 移除滑鼠移動事件
: }
: 滑鼠移動事件
: {
: 滑鼠終點 = 滑鼠目前座標
: }
: 影格事件：控制圖片座標
: 影格事件
: {
: var 滑鼠移動量 = 滑鼠終點 - 滑鼠起點
: var 圖片終點 = 圖片起點 + 滑鼠移動量
: 圖片座標 += (圖片終點 - 圖片起點) * 移動係數
: }
: 沒測過
感謝 我好像少算一個變數 就是圖片前作標 我沒有給圖片目前作標 只有給滑鼠
難怪寫起來很難 但是我少一個變數 還是有出來 另外
圖片座標 += (圖片終點 - 圖片起點) * 移動係數 圖片終點 還要*一個小於1的系數
才有他那個慢慢停止的感覺
現在用到 不知道怎麼設定範圍 不要讓照片超過固定一個上下左右的範圍
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.26.163.101