使用jQuery實現(xiàn)的擲色子游戲動畫效果_jquery

實現(xiàn)原理：當(dāng)色子擲出后，通過jQuery的animate()函數(shù)改變色子位移，中間加入延時效果，并變換色子背景，最終動畫運行到隨機產(chǎn)生的點數(shù)時停止，并顯示擲出的點數(shù)。其實就是動畫過程加入多個不同圖片的幀（同flash動畫影片中的幀），幀數(shù)越多效果越好，然后逐幀運行后就形成了動畫效果。
一、準(zhǔn)備工作
我們需要準(zhǔn)備色子素材，本示例中，我采用從網(wǎng)絡(luò)上獲取到的色子素材，我們要做處理的是將6個色子圖片（1-6點），以及中間過渡效果的圖片（做運動模糊處理）放在同一張圖片上，保存為dice.png，用作色子背景圖。
載入jQuery庫，這是必須的。
代碼如下:

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com