搖錢樹項目

用到了：

1.jquery（js庫）

2.hilo.js(游戲框架)

3.tida.js（淘寶相關api--要在淘寶中實現搖一搖功能）

4.原生陀螺儀（因為要在微信中實現搖一搖功能）

5.靜態(tài)文件資源預加載

項目組成部分：

1.搖錢樹 2.搖一搖按鈕 3.樹下禮包 4.游戲標題 5.樹上的紅包和金幣 6.音樂 7.獲獎記錄 7.活動規(guī)則（活動說明/玩法介紹） 8.紅包雨下落 9.地上紅包 10. 獲獎/失敗層 11.玩法介紹 12.進入項目loading

各個組成部分的邏輯：

1.搖錢樹：是一張靜態(tài)圖

2.搖一搖按鈕：1）晃動手機手機會左右搖擺動效 2）長按會有左右搖擺動效

3.樹下禮包：一張靜態(tài)圖

4.游戲標題：當頁面沒有任何操作時，字浮在樹的頂部位置，當晃動手機或者點擊搖一搖按鈕，游戲標題從樹頂位置向上移出

5.樹上的紅包和金幣：坐標是固定的，紅包和金幣都是勻速隨風搖動，當晃動手機或者長按搖一搖按鈕紅包和金幣搖晃劇烈

6.音樂：進入項目直接播放，可以暫?；蚴窃俅尾シ?/h5>

7.活動規(guī)則：一個彈層效果，包含兩個類目（活動說明/玩法介紹）左右進行切換

8.紅包雨下落：正常情況下沒有這個效果，只有執(zhí)行搖一搖動作（晃動手機/長按按鈕）時，從樹上會隨機生成紅包和金幣，通過改變其y軸坐標，營造下雨的效果

9.地上紅包：正常情況下地上沒有紅包，只有執(zhí)行搖一搖動作（晃動手機/長按按鈕）時，紅包雨效果+地上紅包結合=看起來的確和現實生活中的場景差不多

10.獲獎/失敗層：當搖一搖完畢之后展現給用戶的結果層

11.玩法介紹：只有用戶是首次進入才會彈出

12.進入項目loading：每次進入都觸發(fā)