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

前言

又到了一年一度的公司年会季,是不是已经开始为抽奖环节发愁了?用Excel做随机滚动?界面简陋,还容易卡顿;下载专业软件?操作复杂,还要担心兼容性和安全问题;找在线服务?不是要注册登录,就是弹窗广告满天飞,甚至偷偷收集名单数据。别担心,今天我要给大家介绍一个超级炫酷的抽奖程序——Log-Lottery!有了它,保证你的年会抽奖环节成为全场焦点!

image_lottery

1 什么是Log-Lottery?

Log-Lottery可不是普通的抽奖程序,它是一个基于Three.js和Vue 3打造的3D球体抽奖应用。想象一下,一个炫酷的3D球体在大屏幕上旋转,抽奖过程变得如此生动有趣,是不是已经让你心动了?让我们来看看它的几大亮点:

  1. 炫酷视觉效果:3D球体抽奖,让你的年会瞬间高大上。
  2. 高度可定制:从奖品到参与者,从界面到音乐,都可以自由配置。
  3. 本地数据存储:使用IndexedDB,保证数据安全不丢失。
  4. Excel导入导出:轻松管理参与者名单和抽奖结果。
  5. 开源免费:完全开源,你可以自由使用,甚至二次开发。

image_home_prize_list

2 Windows部署安装Log-Lottery

Linux、Windows、MacOS系统Docker安装教程:https://www.cpolar.com/blog/docker-installation-linux-windows-macos

本教程将在Windows上操作演示。使用Docker方式一键部署Log-Lottery,如果还没有安装Docker的小伙伴,可以先访问上面链接进行安装一下。

打开终端,粘贴这行一键部署脚本

docker run -d -p 6719:6719 --name log-lottery fooololo/log-lottery:latest

image-20251226161959309

部署成功后打开浏览器访问localhost:6719,就能看到我们抽奖的页面啦!

image-20251226160153776

3 简单使用Log-Lottery

首先我们可以自定义各种奖项,想抽什么都可以

image-20251226160248780

接着人员管理这里可以用Excel导入,轻松管理大量参与者

image-20251226161121755

还可以根据公司风格,自定义界面颜色和样式。

image-20251226161134976

最后选择合适的音乐,烘托抽奖氛围。

image-20251226161156738

回到主页就可以参加抽奖啦

image-20251226161208426

这个3D的效果视觉效果超赞!

image-20251226161228497

4 穿透Log-Lottery以支持公网访问

虽然Log-Lottery已经非常强大了,但如果你想要更进一步,让远程的朋友也能参与到你的年会抽奖环节中来,那就需要一个神器——cpolar!cpolar可以帮助你快速生成一个临时的公网地址,让你的本地项目轻松被外界访问。

4.1 什么是cpolar?

image-20250910114418412

  • cpolar 是一款内网穿透工具,可以将你在局域网内运行的服务(如本地 Web 服务器、SSH、远程桌面等)通过一条安全加密的中间隧道映射至公网,让外部设备无需配置路由器即可访问。
  • 广泛支持 Windows、macOS、Linux、树莓派、群晖 NAS 等平台,并提供一键安装脚本方便部署。

4.2 下载cpolar

打开cpolar官网的下载页面:https://www.cpolar.com/download
点击立即下载 64-bit按钮,下载cpoalr的安装包:

image-20251127181954268

下来下来是一个压缩包,解压后执行目录种的应用程序,一路默认安装即可,安装完成后,打开cmd窗口输入如下命令确认安装:

cpolar version

image-20250815171446129

出现如上版本即代表安装成功!

4.3 注册及登录cpolar web ui管理界面

注册完成后,在浏览器中输入如下地址访问 web ui管理界面 :

http://localhost:9200

image-20251127182014230

如果还没有账号,点击下方免费注册即可注册账号。输入刚才注册好的cpolar账号登录即可进入后台页面:

image-20251127182048248

4.4 穿透Log-Lottery项目的WebUI界面

登录cpolar web UI管理界面后,点击左侧仪表盘的隧道管理——创建隧道:

  • 隧道名称:可自定义,本例使用了:Lottery,注意不要与已有的隧道名称重复
  • 协议:http
  • 本地地址:6719
  • 域名类型:我为了长期使用所以选择二级子域名,如果只是测试可以选择随机隧道
  • 地区:选择China Top

image-20251226161814365

然后我们需要保留一下二级子域名,登录cpolar官网,点击预留,选择保留二级子域名,地区选择china top,名称自定义,点击保留

image-20251226161726888

保留成功后把这个子域名复制下来

image-20251226161741610

回到cpolar配置界面,粘贴到域名上,点击创建:

image-20251226161759226

创建成功后,打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了两个公网地址,接下来就可以在其他电脑或者移动端设备(异地)上,使用任意一个地址在浏览器中访问即可。

image-20251226161901465

随便复制打开一个,都能进入到我们的log-lottery当中啦

image-20251226161916884

现在就可以进行随时随地抽奖了!可以把这个分享给年会上的工作人员使用啦~

image-20251226161944760

结尾

通过以上步骤,你已经成功将Log-Lottery部署到本地,并且通过cpolar实现了远程访问和分享。是不是觉得年会抽奖环节变得更加有趣了呢?如果你还没有注册cpolar,强烈建议你试试看!它不仅免费提供基础功能,还有更多高级特性等你来发现。

最后,别忘了关注我的博客,获取更多好玩的开源项目和技术教程哦!祝你的年会顺利进行,大家玩得开心!🎉✨


希望这篇文章能帮助你在公司年会上大放异彩,让同事们刮目相看。如果有任何问题或建议,欢迎在评论区留言交流!😊

Share:

发表回复

目录

On Key

推荐文章