大家好,我是 Java陳序員。
臨近年底,又到了喜聞樂見的年會活動。但對於策劃部門來説,每年都會為年會抽獎環節用什麼工具發愁?用 Excel 隨機抽獎太枯燥,花錢買商業軟件又不划算。
今天,給大家安利一款免費開源的 3D 抽獎神器,炫酷球體抽獎效果直接拉滿活動氛圍,自定義配置更是精準適配各類年會、團建場景!
關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。
項目介紹
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/#/

我創建了一個開源項目交流羣,方便大家在羣裏交流、討論開源項目。
但是任何人在羣裏打任何廣告,都會被 T 掉。
如果你對這個交流羣感興趣或者在使用開源項目中遇到問題,可以通過如下方式進羣:
關注微信公眾號:【Java陳序員】,回覆【開源項目交流羣】進羣,或者通過公眾號下方的菜單添加個人微信,並備註【開源項目交流羣】,通過後拉你進羣。
大家的點贊、收藏和評論都是對作者的支持,如文章對你有幫助還請點贊轉發支持下,謝謝!