摘要：
本文介紹一種12宮格抽獎，這種抽獎方式是九宮格抽獎的演變，只不過開始播放的時候是隨機方式，不是順時針播放了。 1.需求 先看看高保，如下圖1 圖1 用戶點擊"立即抽獎"后12個獎品隨機高亮 請求接口，待所有產品都高亮后，根據接口結果，固定在抽中獎品上 最后彈出中獎結果彈框 2.思路 2.1 高亮 實 閱讀全文
posted @ 2022-08-12 14:15
nd
閱讀(614)
評論(0)
推薦(0)
摘要：
1. 需求 開寶箱在一些商家營銷活動中也很常見，這個需求簡單，產品經理說就是做個動畫就好，那我們就可以自由發揮了。高保圖如下圖1. 圖1 開局一張圖，剩下的全靠自己編了，動作怎么動，先看看UI給的素材，看米下鍋。一張關閉的箱子圖片，如下圖2 圖2 一張打開的箱子，如下圖3 圖3 一張獎品背景圖片，是 閱讀全文
posted @ 2022-08-12 14:15
nd
閱讀(1346)
評論(0)
推薦(0)
摘要：
本文介紹九宮格抽獎功能的實現。 1.需求 功能很簡單，來看看高保截圖，如下圖1 圖1 需求的功能點如下： 用戶點擊抽獎，九宮格四周的圖片順時針依次閃爍，空轉幾圈。 請求接口，等接口有返回后最后對應的獎品閃爍，其他獎品不閃爍。 登錄后，正中間的抽獎這個小方格點亮，未登錄是灰色，這一點和抽獎無關，本文不 閱讀全文
posted @ 2022-08-12 14:14
nd
閱讀(913)
評論(0)
推薦(0)
摘要：
1. 需求 上次講到lao虎機抽獎，通過jquery.animate修改background-prosition-y來修改背景圖片實現上下滾動動畫，本文介紹一種左右滾動的動畫，原理是一樣的，這里通過修改background-prosition-x來實現動畫，同時也要注意獎品圖片的尺寸問題，這里姑且叫 閱讀全文
posted @ 2022-08-12 14:14
nd
閱讀(1850)
評論(1)
推薦(2)
摘要：
本文介紹一個lao虎機抽獎動畫的實現，lao虎機抽獎在各類商家營銷活動中非常常見，這里主要介紹動畫的實現過程，其他細節不做詳細分析。 ps：lao虎機是敏感詞，博客園的富文本和markdown編輯器都限制不允許出現，所以文章中的“老”字用拼音代替。 1. 需求 UI給到的藍湖如下截圖1 圖1 三欄圖 閱讀全文
posted @ 2022-08-12 14:13
nd
閱讀(277)
評論(0)
推薦(0)
摘要：
1.需求 抽獎是各類營銷活動中最常見的一種形式，本產品需求大致如下：轉盤周圍跑馬燈交替閃爍，點擊抽獎，大轉盤旋轉，調用接口獲取抽獎結果，大轉盤指針指向對應的獎品。高保如下圖1 圖1-高保 2.整體思路 2.1跑馬燈 本需求要求跑馬燈交替閃爍，那四周的跑馬燈就不能是死的圖片了，要用動畫來實現，并且第奇 閱讀全文
posted @ 2022-08-12 14:12
nd
閱讀(876)
評論(0)
推薦(0)
浙公網安備 33010602011771號