news 2026/1/11 4:47:49

年会抽奖还在PPT?使用极空间NAS打造科技感爆棚的3D动态抽奖项目

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
年会抽奖还在PPT?使用极空间NAS打造科技感爆棚的3D动态抽奖项目

年会抽奖还在PPT?使用极空间NAS打造科技感爆棚的3D动态抽奖项目

哈喽小伙伴们好,我是Stark-C~

时间过得真快!这不,又到年底了!而在这岁末的热闹氛围中,最让人期待的,莫过于公司一年一度的年会了。抽奖作为年会的重头戏之一,可以说是所有人最期待的节目。

传统的抽奖环节总是老一套,要么形式单一、缺乏惊喜感,要么操作复杂、效率低下,本来是大家最期待的项目,结束之后总感觉不够尽兴,缺点什么。

所以今天为大家分享一个可以通过NAS部署在本地的科技感爆棚的3D动态抽奖项目『log-lottery』,它拥有炫酷的视觉效果和高度的可配置性,可以为我们带来耳目一新的抽奖体验。

话不多说,开始~

关于log-lottery

🔺log-lottery是咱们一位国人大佬基于 Vue3 和 Three.js 等技术开发的开源 3D 球体动态抽奖应用,拥有炫酷的画面,具备高度可配置可定制化,不仅操作简单,而且我们可以随时根据需求,轻松调整抽奖的细节,可以说是专为各种抽奖场景量身打造的宝藏工具。

项目Github主页:https://github.com/LOG1997/log-lottery

项目亮点:

  • 炫酷 3D 球体效果:抽奖过程以动态的 3D 球体展示,增强视觉冲击力。

  • 本地持久化存储:所有配置和数据都保存在本地,无需担心隐私问题。

  • 多维度配置:支持奖品、人员、界面和图片音乐的详细设置。

  • Excel 导入导出:可以方便地通过 Excel 表格管理参与名单和导出抽奖结果。

  • 多语言支持:内置国际化功能,适应不同地区的用户。

  • Docker 部署:提供容器化支持,便于快速部署和运行。

log-lottery部署

🔺作者虽说给到了构建Docker镜像的Dockerfile,但是他并没有打包成品镜像。所以我也是借花献佛,自己构建了一个公开的镜像提供给大家使用。大家放心拉取,保证是作者源代码构建,没加任何后门,况且我也没那个本事~

🔺项目本身部署起来非常的简单,我们在极空间NAS上直接以Compose的方式构建。打开极空间NAS的“Docker”应用,点击【Compose】 > 【新增项目】。

🔺在新增项目页面自定义项目名称,输入以下 Docker Compose 配置信息后点“创建”按钮:

services: log-lottery: image: stark324/log-lottery:latest container_name: log-lottery ports: - "9279:80" # 项目Web页面打开端口,本地不冲突即可 restart: unless-stopped

以上代码需要修改的就只是端口映射部分,镜像的拉取需要自行解决网络问题,粘贴到自己的NAS这边之前建议使用AI工具优化一下,以防止格式问题造成的部署失败。

🔺部署过程还是很快的,看到容器显示“运行中”就说明项目已经可以使用了。

log-lottery体验

🔺今天的这个项目打开方式比较特别,如何你以常规的【IP:端口号】的方式打开,大概率会出现上图中的情景。

🔺所以它正确的打开方式应该是【IP:端口号/log-lottery/】,可以看到它的首页面还是非常简洁的,同时首页也是抽奖活动的主要入口,包括活动标题、参与人员概览和奖项列表等选项。我们这里可以通过点击按钮快速进入配置界面。

🔺在配置页面这里需要先设置人员配置。项目贴心的给到了一个Excel模板,我们直接将模版下载到本地,然后填写好我们这边的人员信息并重新导入就可以了,非常方便!(我这里演示就直接使用了作者项目默认模版中的人员~)

🔺在奖项配置这里可以自动以添加奖项,名称、抽奖人数和相关图片,图片可以设置成奖品的图片,不过有一个比较不好的地方就是需要我们提前在图片管理中上传图片才可以。

🔺在全局配置这里可以根据自己的需求,设置主标题,人员排列列数,主题或者背景图片相关。

🔺当然还可以设置抽奖界面的背景音乐,作者已经在项目中预置了11首音乐,可以拿来即用。

🔺最后的成品界面还是很惊艳的,图中其实不管是图片还是背景其实都是动态展示的,并且还可以点击右侧边的播放按钮播放预设的音乐,点击下方的“进入抽奖”按钮即可一键进入抽奖环节。

🔺抽奖的界面是个大大的动态旋转的3D球体,实际的展示效果非常炫酷,在配上后台的背景音乐,在年会上的氛围感绝对拉满,直接点“开始”按钮即可正式抽奖!

🔺抽奖的时候3D球体会快速旋转,同时右上角还会显示当前抽奖的类别,点击“抽取幸运儿”,3D球体就会停止转动。

🔺同时显示出中奖者的卡片。然后点“继续”,开始进行下一个奖项,以此类推。

🔺最后所有的中奖人员都可以在后台设置中看到。

PS:别问我可不可以内定,我也在研究这个,毕竟公司每年的年会都是我在安排~~

最后

今天的这个项目还是很Nice的,它不仅适用于普通年会,包括一些社群互动,商业活动也都用的上。通过这个项目,传统单调乏味的抽奖瞬间变得炫酷有趣,3D 动态效果和高度可配置性让每一次抽奖都充满惊喜。而且通过NAS部署在本地之后,还能获得高度的定制自由,最重要的是,抽奖环节所有的数据都在本地,也确保了公司信息的绝对私密与安全,有需要的小伙伴赶快动手部署体验吧!

目前年终大促正在火热进行中,极空间NAS不管是新品还是之前在售的畅销型号都有专属的优惠,并且还能叠加国补、平台优惠等福利,享受180天换新以及2年质保服务 ,更有抽奖、晒单等活动,喜欢的小伙伴赶快冲吧!

好了,以上就是今天给大家分享的内容,我是爱分享的Stark-C,如果今天的内容对你有帮助请记得收藏,顺便点点关注,咱们下期再见!谢谢大家~

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2025/12/28 20:50:12

Android USB相机开发实战:从零构建OTG摄像头集成方案

Android USB相机开发实战:从零构建OTG摄像头集成方案 【免费下载链接】Android-USB-OTG-Camera 项目地址: https://gitcode.com/gh_mirrors/an/Android-USB-OTG-Camera 在移动设备功能日益丰富的今天,Android USB相机开发为开发者提供了突破设备…

作者头像 李华
网站建设 2026/1/2 20:54:13

Simple Live:全平台直播聚合神器,打造你的专属观影空间

还在为切换不同直播平台而烦恼吗?是否厌倦了在手机、电脑和电视之间来回折腾的观看体验?Simple Live 正是为你量身打造的解决方案!这款基于 Flutter 开发的跨平台直播聚合工具,让你在任何设备上都能享受虎牙、斗鱼、哔哩哔哩、抖音…

作者头像 李华
网站建设 2026/1/7 17:56:18

5分钟搞定乱码难题:ConvertToUTF8插件完全指南

还在为打开文件时看到一堆乱码而头疼吗?🤯 特别是处理中文、日文、韩文等非UTF-8编码的文件时,这个问题尤为突出。ConvertToUTF8正是为解决这个痛点而生的Sublime Text插件,它能智能检测并转换各种字符编码,让乱码问题…

作者头像 李华
网站建设 2026/1/7 18:15:19

OWASP DependencyCheck深度解析:构建企业级软件供应链安全防护体系

在现代软件开发的生命周期中,开源组件的安全风险已成为企业面临的重要挑战。OWASP DependencyCheck作为一款专业的软件成分分析工具,通过自动化检测依赖中的已知问题,为开发团队提供可靠的供应链安全保障。 【免费下载链接】DependencyCheck …

作者头像 李华
网站建设 2026/1/9 12:43:23

2026亚洲艺术电影节「乡土纪事单元」评委亮相!

在高速流动的全球化时代,总有人俯身倾听土地的声音。 2026亚洲艺术电影节设立「乡土纪事单元」, 聚焦村庄、方言、家族与风物—— 那些朴素影像里,藏着一个民族最深的呼吸。 三位来自中国与印度的艺术家以美术、表演和镜头, 回望故…

作者头像 李华
网站建设 2026/1/8 23:12:44

水泥搅拌机数据采集远程监控系统方案

随着国家大规模基础设施建设的不断推进,水泥搅拌机作为关键施工设备,其市场需求呈现出持续增长的趋势。然而,这一增长态势也给设备制造商带来了运维服务上的巨大挑战。由于水泥搅拌机项目遍布全国各地,设备分布广泛且分散&#xf…

作者头像 李华