原生JS,運動的小人

2021-10-07 08:21:07 字數 541 閱讀 6813

今天突然想起來,不知道在什麼**上看的乙個純純的原生js寫的效果,運動的小人,所以在這裡給大家分享一下**:

並說明:

這不是本人寫的,而是我在瀏覽**是無意中發現的,現在已經不記得是哪個**了,但是要說明,這不是本人的**,求大神現身吧!!

先看效果圖:先是統一動作

後隨機動作:

並且滑鼠可任意拉扯小人進行拖拽,拽到最上方時,滑鼠不鬆手,即可會有兩隻小人從螢幕上方掉下來,一直是被你滑鼠託上去那只,一直是

比拖的那只大兩倍大小人!!

來看**:

1

2330

3132

3334520

521522

我還沒研究透徹!!這位大神 不會是外國人吧??

原生JS的緩衝運動

原生js實現緩衝運動 js中的緩衝運動和摩擦運動很相似,只不過區別在於緩衝運動越接近目標點速度越慢,抵達目標點的時候速度為0,停止運動。其實現過程和摩擦運動相似,其區別在於,緩衝運動的初始速度為0,而且在運動過程中,緩衝速度一直是變化的,而且這個變化是受距離的減小影響的。越接近目標點,速度越低。速度...

完美運動框架(原生js實現)

匯入js檔案,呼叫函式即可用 這個運動框架,支援多物體多樣式的鏈式運動,和多物體多樣式的同時運動 做的是緩衝運動 function startmove obj,json,fn else 4 設定緩衝運動速度 speed json attr currentvalue 8 5 處理速度,讓它始終為乙個整...

原生JS封裝運動框架

昨天我們說了一下原生js中常用的相容性寫法,今天我們來說一下運動框架.正常情況下我們要寫乙個運動的效果會用到tween.js這麼乙個外掛程式,這個東西不是一般人寫出來的,因為裡面涉及的運動效果都是經過一堆數學的函式運算出來的,我們平常人是寫不出來的,所有我們就自己封裝乙個運動框架,有什麼問題改起來也...