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

🎈🎈🎈🎈年会抽奖程序，threejs+vue3 3D球体动态抽奖应用。
https://github.com/LOG1997/log-lottery

3d daisyui lottery lucky lucky-draw prizes raffle threejs vue3 vue3-typescript

Last synced: 3 months ago
JSON representation

🎈🎈🎈🎈年会抽奖程序，threejs+vue3 3D球体动态抽奖应用。

• Host: GitHub
• URL: https://github.com/LOG1997/log-lottery
• Owner: LOG1997
• License: mit
• Created: 2024-01-02T13:47:14.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-01-28T08:38:52.000Z (11 months ago)
• Last Synced: 2024-04-23T22:55:05.994Z (8 months ago)
• Topics: 3d, daisyui, lottery, lucky, lucky-draw, prizes, raffle, threejs, vue3, vue3-typescript
• Language: Vue
• Homepage: https://log1997.github.io/log-lottery/
• Size: 5.47 MB
• Stars: 36
• Watchers: 2
• Forks: 11
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-hacking-lists - LOG1997/log-lottery - 🎈🎈🎈🎈年会抽奖程序，threejs+vue3 3D球体动态抽奖应用。 (Vue)

README

        


    

        

    



# log-lottery 🚀🚀🚀🚀

[![MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/LOG1997/log-lottery)

[![github](https://img.shields.io/badge/Author-log1997-blue.svg)](https://github.com/log1997)

[![vue3](https://img.shields.io/badge/VUE-3.0-green.svg)](https://github.com/log1997)

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

## 要求

使用PC端最新版Chrome或Edge浏览器。

访问地址：

https://24years.top/log-lottery

or

 https://log1997.github.io/log-lottery/

## 功能描述

- 🕍 炫酷3D球体，年会抽奖必备，开箱即用

- 🧿 持久化存储，数据不丢失

- 🎁 奖品奖项配置

- 👱 抽奖名单设置管理

- 🛞 界面信息自定义

- 🎼 播放背景音乐

- 💾 图片、背景音乐管理，使用本地存储，有默认资源可直接使用

- 🖼️ excel表格导入人员名单、抽奖结果使用excel导出

- 🎈 可增加临时抽奖

## 详细介绍

### 配置参与人员

于人员配置管理界面下载excel模板，按要求填好数据后导入即可。

### 配置奖项

于奖项配置管理界面添加奖项后，自定义修改名称、抽取人数、是否全员参加、图片显示。

### 界面配置

可自定义配置标题、列数、卡片颜色、首页图案等。

### 图片和音乐管理

上传图片或音乐即可，数据使用indexdb在浏览器本地进行存储。

## 预览

首页

![image_home](./static/images/home.png)

![image_home_prize_list](./static//images/home_prizelist.png)

抽奖

![image_lottery](./static/images/lottery-enter.png)

![image_lottery_done](./static/images/lottery-done.png)

配置

![image_config_person_all](./static/images/config_personall.png)

![image_config_prize_list](./static/images/config_prize.png)

![image_config_view](./static/images/config-view.png)

![image_config_pattern](./static/images/config_pattern.png)

图片音乐配置

![image_config_img](./static/images/image_config.png)

![image_music](./static/images/music_music.png)

## 技术

- vue3

- threejs

- indexdb

- pinia

- daisyui

## 开发

安装依赖

```bash

pnpm i

```

开发运行

```bash

pnpm dev

```

打包

```bash

pnpm build

```

> 项目思路来源于 https://github.com/moshang-xc/lottery

## License

[MIT](http://opensource.org/licenses/MIT)

Copyright (c) 2024-present log1997