👉 这是一个或许对你有用的社群

🐱 一对一交流/面试小册/简历优化/求职解惑,欢迎加入「芋道快速开发平台」知识星球。下面是星球提供的部分资料: 

👉这是一个或许对你有用的开源项目

国产Star破10w的开源项目,前端包括管理后台、微信小程序,后端支持单体、微服务架构

RBAC权限、数据权限、SaaS多租户、商城、支付、工作流、大屏报表、ERP、CRMAI大模型、IoT物联网等功能:

  • 多模块:https://gitee.com/zhijiantianya/ruoyi-vue-pro

  • 微服务:https://gitee.com/zhijiantianya/yudao-cloud

  • 视频教程:https://doc.iocoder.cn

【国内首批】支持 JDK17/21+SpringBoot3、JDK8/11+Spring Boot2双版本 

来源:极客之家


又快到年底了,年会抽奖总是缺少一个炫酷的抽奖系统?今天给大家推荐一款基于Three.js和Vue3开发的3D球体动态抽奖应用,支持一键部署、高度定制化,非常优秀!

简介

log-lottery是一个可配置可定制化的抽奖应用,炫酷3D球体,可用于年会抽奖等活动,支持奖品、人员、界面、图片音乐配置。

想象一下这样的场景:一个大屏幕上,一个精美的3D球体在不断旋转,球面上展示着参与者的名字,当抽当抽奖开始时,名字高速滚动最终慢慢停在获奖人姓名上……这样的抽奖环节,不仅能点燃现场气氛,还能让每位参与者感受到科技的魅力。

基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统 + 用户小程序,支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能

  • 项目地址:https://github.com/YunaiV/ruoyi-vue-pro

  • 视频教程:https://doc.iocoder.cn/video/

核心特征

炫酷的3D球体效果

log-lottery与传统抽奖软件最大的区别在于其引人注目的3D球体抽奖界面。它利用Three.js的强大能力,创造了令人惊叹的视觉体验,让抽奖过程不再是简单的随机挑选,而是变成一场视觉盛宴。

高度可定制化

这款抽奖应用提供了极其丰富的定制选项:

  • 奖品配置: 灵活添加和设置各个奖项的名称、抽取人数、是否全员参与以及显示的图片

  • 人员管理: 支持Excel模板导入参与者信息,大大简化了大量人员的录入过程

  • 界面个性化: 可自定义标题、列数、卡片颜色、首页图案等

  • 背景音乐与图片: 支持上传自定义背景图片和音乐,营造贴合活动主题的氛围

数据本地化存储

采用IndexedDB技术,所有数据(包括配置、人员信息和抽奖结果)都存储在浏览器本地,既保证了数据安全,又减少了对服务器的依赖。

跨平台兼容性

项目使用PC端最新版Chrome或Edge浏览器可以获得最佳体验。

基于 Spring Cloud Alibaba + Gateway + Nacos + RocketMQ + Vue & Element 实现的后台管理系统 + 用户小程序,支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能

  • 项目地址:https://github.com/YunaiV/yudao-cloud

  • 视频教程:https://doc.iocoder.cn/video/

部署使用

本地部署

如果你希望在本地环境运行log-lottery,只需几步简单操作:

  • 克隆项目

git clone https://github.com/LOG1997/log-lottery.git
  • 安装依赖

pnpm i  # 或者 npm install
  • 开发运行

pnpm dev  # 或者 npm run dev
  • 构建生产版本

pnpm build  # 或者 npm run build

如果想要直接通过HTML文件运行,可以使用特殊构建命令:

pnpm build:file

然后在生成的dist目录中直接打开index.html即可。

基本使用流程

  • 配置参与人员: 在人员配置管理界面下载Excel模板,填写数据后导入

  • 设置奖项: 在奖项配置界面添加奖项,定义名称、抽取人数和相关图片

  • 调整界面: 根据活动主题定制界面颜色、标题等视觉元素

  • 上传素材: 根据需要上传背景图片和音乐

  • 开始抽奖: 进入抽奖界面,点击开始,享受震撼的3D抽奖过程

界面预览

首页

home
home
home_prize_list
home_prize_list

抽奖

lottery
lottery
lottery_done
lottery_done

配置

config_person_all
config_person_all
config_prize_list
config_prize_list
config_view
config_view
config_pattern
config_pattern

图片音乐配置

config_img
config_img
music
music

开源地址

https://github.com/LOG1997/log-lottery


欢迎加入我的知识星球,全面提升技术能力。

👉 加入方式,长按”或“扫描”下方二维码噢

星球的内容包括:项目实战、面试招聘、源码解析、学习路线。

文章有帮助的话,在看,转发吧。
谢谢支持哟 (*^__^*)
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐