前面的話 　　緩沖運動指的是減速運動，減速到0的時候，元素正好停在目標點。而彈性運動同樣是減速運動，但元素並不是直接停在目標點，而是在目標點附近彈幾下再停止。本文將以一種新的思路來詳細介紹緩沖運動和彈性運動 緩沖運動 　　在變速運動中，曾經用物理學的知識實現過緩沖運動。緩沖運動實際上 ...

前面的話 　　碰撞可以分為碰壁和互碰兩種形式，上篇介紹了碰壁運動，本文將從淺入深地介紹碰撞運動的互碰形式 碰撞檢測 　　對於互碰形式的碰撞運動來說，首先要解決的是碰撞檢測。對於矩形元素的碰撞檢測前面的博文已經詳細介紹過，下面主要介紹圓形元素的碰撞檢測 　　矩形元素的碰撞檢測利用九宮格 ...

前面的話 　　除了拖拽以外，運動也是javascript動畫的一個基本操作。通過CSS屬性transition和animation可以實現運動。但是，要進行更精細地操作，javascript運動是必不可少的。本文將詳細介紹javascript運動 簡單運動 　　讓一個元素在頁面中運動 ...

前面的話 　　前面介紹過勻速運動的實現及注意事項，本文在勻速運動的基礎上，更進一步，實現各種變速運動，包括加速運動、減速運動、緩沖運動、重力運動和彈性運動 准備工作 勻速運動 　　在原生javascript中實現運動的主要工具是定時器，通過設置固定的間隔時間，使元素在確定的間隔時間 ...

前面的話 　　上一篇介紹了變速運動，但只實現了直線運動。如果元素的left和top同時運動，並遵循不同的曲線公式，則會進行不同形式的曲線運動。本文將詳細介紹圓周運動、鍾擺運動、拋物線運動和流體運動這四種曲線運動形式 圓周運動 　　圓周運動可能是最好理解的曲線運動 ...

前面的話 　　在運動系列中，前面分別介紹了勻速運動、變速運動和曲線運動。下面介紹一種特殊的運動形式——抖動 原理介紹 　　抖動其實是往復運動的一種特殊形式，只不過往復運動是一種無摩擦力的無限運動，且以速度為參照依據；而抖動以位置作為參照依據，最終停在起始點 　　在網頁中最常見的一種 ...

前面的話 　　運動除了直線運動和曲線運動兩種運動形式外，還有一種運動形式是鼠標跟隨運動，而這種跟隨運動需要用到三角函數的相關內容或者需要進行比例運算。本文將以幾個小實例來介紹鼠標跟隨運動的相關內容 眼球轉動 　　在很多網頁中，都存在着跟隨運動，比如眼球轉動。鼠標在網頁中移動時，眼球 ...

前面的話 　　一般地，不同的運動形式會產生不同的軌跡。但僅憑肉眼去識別運動軌跡，其實並不是很直觀。因此，在頁面中顯示運動軌跡，是一個重要的問題。物體初始態時，受到外力大小不同，則初速度不同。如何在網頁中模擬投擲效果，也需要解決。接下來，將詳細介紹軌跡和投擲 運動軌跡 　　元素在運動 ...