🎲 Lottery.js 开源的 JavaScript 抽奖小应用

[unstop]

Lottery.js

📖 简介

Lottery.js 是一个简单的抽奖小应用，主要特征有：

• ✨ 界面好看
• 🍀 接口简单
• 😎 开箱即用

👀 预览

🔗 链接

LiveDemo: https://meetmore.github.io/lottery.js/

GitHub: https://github.com/meetmore/lottery.js/

💡 缘起

该功能源自 多会 为活动提供的现场抽奖大屏，如果你不仅需要一个抽奖页面，还需要活动报名、售票、现场签到等功能的话，欢迎 注册体验多会。

[NekoTora]

😘👍

[assad]

😙

[garth]

在手机上看效果不太好

[unstop]

@garth 刚刚试了一下，确实有些问题…

主要考虑的应用场景是在电脑上用浏览器开全屏展示，因此没有对手机做专门的兼容。

pull requests are welcome :)

[levon]

mark

[lauix]

还好吧，一般般。

bug 挺多的。

[kurtrossel]

Richard 什么背景，每次都是他中奖？

[unstop]

@lauix 具体遇到了什么 bug ？

[levon]

@kurtrossel Boss，说明可以做手脚，好东西，哈哈

[unstop]

@kurtrossel 在录制 gif 的时候为了保证效果所以钦定了由 Richard 来拿这个奖。

[TangMonk]

美洽该升级了啊

[torbrowserbridge]

人再多点，UI 怎么处理的？

[unstop]

@torbrowserbridge 有一个自动调整头像大小的选项（ fitsize ），如果打开之后会自动缩小头像尺寸，来尽可能将所有头像展示在同一屏。

[nimingyonghu]

不错 赞一个.
但是有一点感觉很奇怪,就是感觉移动速度有点慢了,不知道速度可以设置不啊?如果只是 demo 里的速度的话,感觉手速快的人甚至可以在白圈停在某个人头像上时秒按 STOP.

另外,个人建议能否加个特效,比如白圈转动的时候,出现个遮罩什么的,只有白圈选中的人是高亮那种...

[unstop]

@nimingyonghu 很棒的想法。

刚刚加上了速度配置项和高亮效果。

[extzhou]

感觉可以借鉴过来 通过微信签到 拿到微信头像做抽奖，成功的推送模板消息到微信，另外也同样关心 @torbrowserbridge 说的头像超出一屏时候怎么处理的问题。

[unstop]

@extzhou 实际上如果是生产级别的使用可以考虑用多会的签到系统，或者用多会的微信群抽奖功能。

上面有提到，头像会自动 resize。

> 有一个自动调整头像大小的选项（ fitsize ），如果打开之后会自动缩小头像尺寸，来尽可能将所有头像展示在同一屏。

[dyxang]

如果没有头像只有名字怎么办？那显示的是什么？

[unstop]

@dyxang 目前来说，头像是必填的…

[kokdemo]

@unstop 网站的 navbar 里 点 logo 回不到主页……