Yılbaşı günü piyango tarzı çekiliş sistemi yapmak istermisiniz para vermeyin?
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)

1. Kart ekran numarası ,adı ve müzikleri (index.js)
2. Rengi Kontrol Et (index.css)
3. Kart Arka Planı (index.css)