demo:https://gatomis.github.io/lottery-web/
İndir:https://github.com/GAtomis/lottery-web
Hediye Detayları
/** * 奖品设置 * type: 唯一标识，0是默认特别奖的占位符，其它奖品不可使用 * count: 奖品数量 * title: 奖品描述 * text: 奖品标题 * img: 图片地址 * ROTATE_TIME:转的球速度越大越慢 * circle:旋转圈数最好8*x倍数 * enter: //抽奖进行时音乐 * awards: //颁奖音乐 */ { type: 1, count: 1, text: "一等奖 ", title: "价值5999元", img: "./img/huawei.png", enter: "1st-lottery",//抽奖进行时音乐 awards: "1st-BJ-BGM",//颁奖音乐 ROTATE_TIME: 20000, circle: 8 * 6 },Çekme Kodu/** * @description: 不能说的秘密 * @param {*} nowItem 当前奖品 * @param {*} basicData 当前奖池人员 * @return {*} * @Date: 2022-01-13 15:13:31 */ function setSecret(nowItem,basicData) { if (nowItem.type != 4) { const excludeId = excludeUser.map(item => item[0]) basicData.leftUsers = basicData.leftUsers.filter(human => !excludeId.includes(human[0])) // console.log(basicData.leftUsers); } }sayfa mantığı
- Çekiliş => ödül havuzu kişisi için mevcut ödülü çek, çekiliş tekrar yapıldığında son çekilişin sonucu önbelleğe kaydedilecek ve şans Kullanıcısı ve sol Kullanıcı güncellenecektir
- Piyangoyu yeniden çizin => o anda çekilen kişileri leftUser'a geri atın (bu orijinal yazardan farklıdır, orijinal yazar yeniden çekilişten hemen önce kişileri doğrudan silmiştir), hala insanları çekilişten önce çekmek mümkündür. yeniden beraberlik (mevcut tur)
- Ödül modu => mevcut ödülün ödül modu bgm'sini gerçekleştirin
- reset => tüm koşullardan bağımsız olarak sayfa sıfırlama (orijinalden farklı)
- Ödül havuzu her sıfırlandığında havuzun sırası bozulacak ve rastgele algoritma optimize edilecektir.
Kendiniz değiştirin (kendi ikincil geliştirmenizi gerektirir)
- Kart ekran numarası ,adı ve müzikleri (index.js)
- Rengi Kontrol Et (index.css)
- Kart Arka Planı (index.css)
