大家好,我是 Java陈序员。
临近年底,又到了喜闻乐见的年会活动。但对于策划部门来说,每年都会为年会抽奖环节用什么工具发愁?用 Excel 随机抽奖太枯燥,花钱买商业软件又不划算。
今天,给大家安利一款免费开源的 3D 抽奖神器,炫酷球体抽奖效果直接拉满活动氛围,自定义配置更是精准适配各类年会、团建场景!
项目介绍
log-lottery —— 一个可配置可定制化的抽奖应用,炫酷 3D 球体,可用于年会抽奖等活动,支持奖品、人员、界面、图片音乐配置。
功能特色:
- 炫酷 3D 球体效果:采用 Threejs 实现的 3D 球体抽奖动画,视觉效果突出,适合年会等活动氛围
- 灵活抽奖机制:支持设置单次抽取人数、是否全员参与(已中奖者可再次参与),满足不同场景需求
- 人员管理:支持 Excel 模板导入导出人员名单,可记录部门、身份等信息,支持批量操作
- 奖品配置:自定义奖品名称、数量、图片展示,可调整奖项顺序,支持标记已抽取状态
- 界面定制:可配置标题、列数、卡片颜色/大小、文字颜色/大小、高亮颜色等样式,支持自定义首页高亮图案,提供默认图案重置功能,支持 17 列默认布局
- 音乐管理:支持上传背景音乐并形成播放列表,左键点击播放/暂停,右键切换下一首
- 本地持久化:使用 IndexDB 在浏览器本地存储所有配置数据,无需服务器支持
技术栈:Vue3、Threejs、IndexDB、Pinia、DaisyUI
快速上手
log-lottery 支持使用 Docker 部署,可使用 Docker 快速部署。
1、克隆或下载项目源码
git clone https://github.com/LOG1997/log-lottery.git
2、构建镜像
docker build -t log-lottery .
3、运行容器
docker run -d -p 5188:80 log-lottery
4、浏览器访问
http://{IP/域名}:5188
功能体验
- 首页
- 抽奖
- 人员列表
- 中奖人员
- 奖品配置
- 界面配置
- 图片管理
- 音乐管理
- 操作说明
本地开发
1、克隆或下载项目源码
git clone https://github.com/LOG1997/log-lottery.git
2、进入项目根目录安装依赖
cd log-lottery
pnpm install
3、运行启动
pnpm run dev
4、浏览器访问
http://localhost:6719/
5、打包部署
pnpm run build
无论是年会抽奖、团建互动,还是门店促销抽奖,log-lottery 都能轻松适配。赶紧收藏起来,在今年的年会活动中使用起来吧!
项目地址:https://github.com/LOG1997/log-lottery
最后
推荐的开源项目已经收录到 GitHub 项目,欢迎 Star:
https://github.com/chenyl8848/great-open-source-project
或者访问网站,进行在线浏览:
https://chencoding.top:8090/#/
大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!