博客 / 詳情

返回

年會抽獎不用愁!這款開源 3D 抽獎工具,顏值與實用雙在線!

大家好,我是 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陳序員】,回覆【開源項目交流羣】進羣,或者通過公眾號下方的菜單添加個人微信,並備註【開源項目交流羣】,通過後拉你進羣

大家的點贊、收藏和評論都是對作者的支持,如文章對你有幫助還請點贊轉發支持下,謝謝!


user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.