基于three.js的酷炫年会抽奖 作于2017-01-05

【起】

快到年会了,hr找到我说帮忙做一个酷炫的年会抽奖呗,随便从网上下载一个然后改改就行,脑袋一热就答应了。

在网上看了一圈,都是各种简陋丑的抽奖,以前也做过手机转盘抽奖,但是不适合年会抽奖。

于是想到了three.js的一个demo,搞了两个晚上做好了,效果如下。


【效果】

1.表格

01.gif


2.球体

02.gif


3.螺旋体

03.gif


4.方格

04.gif



你看到了各种旋转,各种放大缩小。


【动作】

1.开始抽奖

随机一种效果,然后闪烁中奖者

05.gif


2.停止抽奖

确定中奖者,居中显示,左侧列表显示,记录数据库

06.gif



【数据库表】

1.记录年会-用户

多个部门企业使用的时候只需要导入用户

2.记录中奖名单

包括年会,中奖者,奖别


【接口】

1.获取年会用户

2.获取中奖用户

3.添加中奖用户


【实例】

http://insistime.com/lottery?id=1


http://uikoo9.com/
更多精彩内容

求打赏(长按图片即可识别)~
微信 捐助列表:http://uikoo9.com/donate/

阅读:4625