抽奖游戏
精心打造的抽奖游戏
包含，转盘，九宫格，老虎机三种模式，高颜值，高清晰度。每个玩法，两套主题。 极大的方便有这方面需求的用户，免费开发的苦恼。快来试试吧！
特别注意
特别提醒：游戏用到的素材请自行从我官网下载到本地， 使用自己服务器连接资源。严禁默认使用我个人的服务器资源。 请不要赠我的服务器带宽，我穷！而且一年后要到期了。
素材我已经提供为高清且是ai源文件，没有我个人水印，好人做到底了我。
再次提醒：不要直接连接我服务器任何资源，请下到本地!!! 素材下载点我
🎉目录导航
👉转盘抽奖
转盘抽奖专有属性
| 属性名称 | 类型 | 可选值 | 默认值 | 说明 |
|---|---|---|---|---|
| turns | Number | - | 2 | 转的圈数 |
tm-choujiang></tm-choujiang>
1
2
2
<script>
export default {
data() {
return {
},
methods: {
}
}
</script>
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
👉老虎机抽奖
<tm-choujiangGame ></tm-choujiangGame>
1
2
2
<script>
export default {
data() {
return {
},
methods: {
}
}
</script>
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
👉九宫格抽奖
<tm-choujiangGrid ></tm-choujiangGrid>
1
2
2
<script>
export default {
data() {
return {
},
methods: {
}
}
</script>
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
九宫格式专有属性
| 属性名称 | 类型 | 可选值 | 默认值 | 说明 |
|---|---|---|---|---|
| turns | Number | - | 2 | 转的圈数 |
| specify | Number | - | null | 为整数时，即可指定奖品，始终中奖保持在这个位置。 |
👉共有props属性表
为了极大的简化开发游戏和提高 效率 三个游戏的属性相同。很nice吧。
提醒
duration单位为ms
在转盘中，是指转盘的总用时.时间越长，转的越慢。
在九宫格和老虎机中，时间越大，动画越慢，越小动画越快。
各自的默认值：转盘3000，老虎机150，宫格100 ，单位ms
| 属性名称 | 类型 | 可选值 | 默认值 | 说明 |
|---|---|---|---|---|
| theme-index | Number | 0/1 | 0 | 主题索引，我已内置两套皮肤，你也可以自己设计皮肤 |
| theme-list | Array | [] | [] | 已内置两主题，通过索引选择即可，格式下见下方 |
| disabled | Boolean | ture/false | false | 是否禁用 |
| duration | Number | - | 3000 | 注意这个是控制游戏快慢节奏的选项，单位毫秒。转盘默认：3000，老虎机默认 150，宫格默认100 |
| list | Array | - | [] | 奖品数据，格式见下方 |
list数组对象格式 一定记得所有奖品加一起概率要=100即可。比如我只有3个奖品。九宫格和转盘有8-9个格子 我要怎么弄？很简单，把奖品重复即可哈。
[
{
name: '1', //奖品名称
gailv: 30, //概率，所有奖品概率+一起要==100
id: 1, //奖奖品id.
//奖品图片 。
img: 'https://jx2d.cn/yuwuimages/choujiangGrid_1_1.png'
}
]
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
theme-list主题数组对象格式 一定记得所有奖品加一起概率要=100即可。比如我只有3个奖品。九宫格和转盘有8-9个格子 我要怎么弄？很简单，把奖品重复即可哈。
//下面是老虎机和转盘的主题皮肤格式数据。
[
{
//背景
bg: 'https://jx2d.cn/yuwuimages/choujiangGame_1.png?k=9',
//把手或者指针
point: 'https://jx2d.cn/yuwuimages/choujiangGame_1_0.png',
//底座或者吐票纸张
dizuo: 'https://jx2d.cn/yuwuimages/choujiangGame_2_1.png'
}
]
//下面是九宫格的皮肤格式
[
{
//背景
bg: 'https://jx2d.cn/yuwuimages/choujiangGame_1.png?k=9',
//中间开始的按钮。
point: 'https://jx2d.cn/yuwuimages/choujiangGame_1_0.png'
}
]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
👉事件
| 事件名称 | 返回参数 | 返参类型 | 说明 |
|---|---|---|---|
| @start | - | - | 游戏开始时触发 |
| @end | 中奖数据 | Object、Array | 游戏结束后触发 |
中奖数据格式
转盘和九宫格为Object:{index:奖品在数组中的索引,data:奖品数据}。
老虎机的为数组格式Array,长度为四个:
[{index:奖品在数组中的索引,data:奖品数据}]
1
2
3
4
5
2
3
4
5
👉更新日志
2021年8月20日14:8:5 初始版本。