使用原生JS開發一個搶紅包的小遊戲

JoySang發表於2017-10-08

RedPacketRain

這是一款H5搶紅包小遊戲

功能比較簡單,沒有依賴任何第三方庫,純原生JS編寫

專案地址: RedPacketRain

頁面截圖

使用原生JS開發一個搶紅包的小遊戲

點選連結,使用chrome 手機模擬器模式檢視.

Import using script tag

<script type="text/javascript" src="./js/rain.min.js"></script>
<script type="text/javascript" src="./js/rainPage.min.js"></script>
複製程式碼

使用手機掃碼檢視效果

使用原生JS開發一個搶紅包的小遊戲

主要方法

Methods Options
rain.create() id(紅包ID), amount(紅包的金額)
rain.start() data(ajax請求返回的資料)
rain.stop() 無需傳參
rain.move() rains(紅包陣列)
rain.clear() 無需傳參
rain.ajax() 類似jQuery中的$.ajax

最後

你可以把程式碼下載到本地執行,如果你覺得還行,就給個Star,第一次來掘金寫文章,如有錯誤和不好的地方請指正,這樣我才能不斷的進步!明天就要上班了~~~

相關文章