game-sheep
v0.0.15
Published
``` npm install game-sheep ```
Downloads
5
Readme
game-sheep
游戏
安装
npm install game-sheep使用
必须开启 "enableSkia": "true"- json
{
"usingComponents": {
"game": "game-sheep/index"
}
}- mini.project.json
{
"node_modules_es6_whitelist": [
"common-game"
]
}- js
Page({
data: {
gameSource: {
baseOps: {
noAutoInit: false,//不自动渲染,如果不自动渲染，需要手动调用initGame()渲染，参数传递gameSource.baseOps.posOps参数
autoStart: !false,//是否自动开始游戏
iconPool: 8,//从items中筛选出要渲染种类个数
isCenter: !true,//卡片是否居中显示 可能会受offsetPos影响
offsetPos: {//卡片容器偏移坐标 可能会受isCenter影响
x: 44,
y: 373
},
up3Pos: {//上移三个元素坐标
x: 200,
y: 600
},
bottomPos: {//底部容器坐标
x: 0,
y: 804
},
single: {//单个格子尺寸
width: 94,
height: 99
},
/* posOps: {//随机生成坐标，如果没有此配置，使用gameSource.pos坐标数据
level: 3,//对应关卡 1:(4*4)2:(5*5)3:(6*6)4:(7*7)5:(8*8)
total: 60,//当前关卡卡片总数量，必须为3的倍数，否则为死局
} */
},
posOtherOps: {// pos相关的一些配置
before: {//在pos底层生成的元素
singleCountRange: { min: 2, max: 3 },//每个层级的元素个数【随机生成】
level: 1,
totalCount: 18,//总个数 必须是3的倍数，否则会死局
},
// after: {//在pos底层生成的元素
// singleCountRange: { min: 5, max: 10 },//每个层级的元素个数【随机生成】
// totalCount: 10,//总个数 必须是3的倍数，否则会死局
// }
},
pos: [
/* [
[94, 0], [188, 0], [282, 0], [376, 0], [470, 0],
[94, 99], [188, 99], [282, 99], [376, 99], [470, 99],
[94, 198], [188, 198], [282, 198], [376, 198], [470, 198],
[94, 297], [188, 297], [282, 297], [376, 297], [470, 297],
[94, 418], [188, 418], [282, 418], [376, 418], [470, 418],
],
[
[94, 46], [188, 46], [282, 46], [376, 46], [470, 46],
[47, 139], [522, 139],
[47, 238], [522, 238],
[94, 326], [188, 326], [282, 326], [376, 326], [470, 326],
[47, 465], [141, 465], [235, 465], [329, 465], [423, 465], [517, 465],
], */
[
[47, 93], [523, 93],
[47, 186], [523, 186],
],
[
[0, 139], [569, 139],
],
],
refreshAni: {//刷新动画
srcArr: [
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN013zYxcS1FJvns5RjH2_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00000.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01qU8ahY1FJvnr0Wgde_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00001.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01Z0Gejw1FJvnhyt4ON_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00002.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01wBHEk91FJvnnu6HoJ_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00003.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01PtbIBP1FJvnumqNqS_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00004.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01UqJbg31FJvnuCjiZR_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00005.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01cNkBlN1FJvntXYFzw_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00006.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN0154nKoc1FJvnnu50qi_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00007.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01uGetWj1FJvnqgh6yh_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00008.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN0126MLN61FJvnuCkBel_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00009.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01cc16nz1FJvnnu6ccY_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00010.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01bLGyvr1FJvntXZjU7_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00011.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN0196qXq91FJvnvpVNnT_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00012.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01sLETBi1FJvnobDzH3_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00013.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01HzJK9M1FJvnvpTdfw_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00014.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01qaXA4b1FJvnumq7En_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00015.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01SirXxw1FJvnxPd2g2_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00016.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01FgiPSN1FJvnmgNqYU_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00017.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01ltJnPF1FJvnobGfax_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00018.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01Ifz2Yz1FJvnumqeVk_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00019.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01LQuFRJ1FJvntXYWfV_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00020.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01Bs8DDa1FJvnsPDwVm_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00021.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01crsjah1FJvnmgOml7_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00022.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01oMrFi81FJvnwLpt0G_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00023.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01ksBdCV1FJvnyEd4pi_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00024.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01K6tSS21FJvntXYOLk_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00025.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN012zuenG1FJvntXa8Tw_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00026.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01NUOnc81FJvnyEdc62_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00027.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01fGPOov1FJvntXXO0X_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00028.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01SVBW741FJvntXZ85r_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00029.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01ld3PNw1FJvnyEfxbS_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00030.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01oLtVfa1FJvnump2jW_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00031.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01LV7S1x1FJvnqi4JOn_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00032.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01yMBpDJ1FJvnqi6OJ3_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00033.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN014uIk8Z1FJvnxPf3R9_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00034.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01Cm1meW1FJvntXZ3xn_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00035.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01zVJWCd1FJvnwLpDTn_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00036.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01YQPWD81FJvnsPEDA1_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00037.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01VM7Ws81FJvnqgguYK_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00038.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01YeRhkU1FJvnsPE0gv_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00039.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01WFojfF1FJvnvpWizr_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00040.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01OFkNzP1FJvnqi4mWh_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00041.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01eKpx6c1FJvnhytwX6_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00042.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01vpjb7E1FJvnyEeUA9_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00043.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01HMstGS1FJvnyEfYg9_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00044.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN012da6qr1FJvnmgNmRW_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00045.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01RJ1Rr71FJvnyEeHht_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00046.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN017LfkfH1FJvnnu6YXR_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00047.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01TwiIrp1FJvnsPDk5F_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00048.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01ifyRBk1FJvnuCmOxU_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00049.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01QJ79ME1FJvnmgNVp1_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00050.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01kvaI961FJvns5Ss2z_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00051.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01j9HOHZ1FJvnumrrPV_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00052.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01rI8ySH1FJvnqi6G1P_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00053.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN017OYrHf1FJvnobEnF5_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00054.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01QG1jyd1FJvnhyy2DJ_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00055.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01yO6LfX1FJvnqi7SqF_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00056.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN018TAr2Z1FJvnuClKSm_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00057.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN014A9gcO1FJvntXbbzN_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00058.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN015bmaJm1FJvnuCmfcQ_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00059.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN014txMwV1FJvnobGbVW_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00060.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01VHi74T1FJvnhywDut_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00061.png", "width": "713", "height": "714" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01mzyQKx1FJvnnu50wy_!!1080040467.png", afterLoad: true, "name": "水花旋涡_00062.png", "width": "713", "height": "714" },
],
type: "animate",//标识为动画
imgType: "max",//标识为大图
width: "44919",//大图宽度
height: "714",//大图高度
fWidth: 713,//一帧宽度
fHeight: 714,//一帧高度
count: 63,//总共帧数
boomSpeed: 1,//播放速度
loop: !true,//是否循环
offset: { x: 0, y: 0 },//坐标偏移量
},
items: [
{
"src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01dOPSnP1FJvnnmNais_!!1080040467.png",
val: 1,//卡片分数
"probability": "1",//卡片生成概率
"disableImg": {//卡片对应灰色图片
"src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN015iIDTn1FJvngrM6uZ_!!1080040467.png",
},
// 爆炸动画序列帧
boomObj: {
src: "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01MtDRK01FJvny73GkA_!!1080040467.png",
afterLoad: true,
type: "animate",//标识为动画
imgType: "max",//标识为大图
width: "900",//大图宽度
height: "1200",//大图高度
fWidth: 300,//一帧宽度
fHeight: 300,//一帧高度
count: 11,//总共帧数
boomSpeed: 0.5,//播放速度
loop: !true,//是否循环
},
// 合并消除动画
fadeObj: {
srcArr: [
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01viNQvZ1FJvnvpn6pz_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00000.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01gsUDGq1FJvntXvt4o_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00001.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01Zs5gy01FJvnuD8pCN_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00002.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01Lu1tXR1FJvnsPapsn_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00003.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01hSIi3l1FJvnobelsX_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00004.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01SmSM5E1FJvnunCbdo_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00005.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01lQXMfr1FJvnqh2Sh8_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00006.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01ftW45d1FJvnvppvWh_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00007.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN017awAa21FJvnxQ2U64_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00008.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01ofRE6K1FJvnvppK5r_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00009.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01bMEMeA1FJvntXxA6N_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00010.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN016gzjMV1FJvnxQ3DqH_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00011.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01AZSc3f1FJvnobccnp_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00012.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN017QBcBp1FJvnr0vnFL_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00013.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN016YZCIT1FJvnwMEadR_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00014.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01MEa8nK1FJvnuD9E9a_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00015.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01ELj7QZ1FJvnsPaALH_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00016.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01FtOhvR1FJvnmgmcM9_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00017.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01gdXGbQ1FJvnqiUDwD_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00018.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01j5OAm01FJvntXvLph_!!1080040467.png", afterLoad: true, "name": "粒子消失4_00019.png", "width": "518", "height": "469" },
],
type: "animate",//标识为动画
imgType: "max",//标识为大图
width: "10360",//大图宽度
height: "469",//大图高度
fWidth: 518,//一帧宽度
fHeight: 469,//一帧高度
count: 20,//总共帧数
boomSpeed: 0.4,//播放速度
loop: !true,//是否循环
offset: { x: 13, y: -80 },
},
},
{
"src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01nx2hby1FJvnlMjoFQ_!!1080040467.png",
"probability": "1",//卡片生成概率
val: 1,//卡片分数
"disableImg": {//卡片对应灰色图片
"src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01js6On81FJvnooPJjz_!!1080040467.png",
},
// 爆炸动画序列帧
boomObj: {
src: "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01MtDRK01FJvny73GkA_!!1080040467.png",
afterLoad: true,
type: "animate",//标识为动画
imgType: "max",//标识为大图
width: "900",//大图宽度
height: "1200",//大图高度
fWidth: 300,//一帧宽度
fHeight: 300,//一帧高度
count: 11,//总共帧数
boomSpeed: 0.5,//播放速度
loop: !true,//是否循环
},
// 合并消除动画
fadeObj: {
srcArr: [
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01G81CVm1FJvnr1fmd0_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00000.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01y0kfEA1FJvns6de3A_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00001.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN017BZm501FJvnmhTS3O_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00002.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN015zlMOB1FJvntYiMGM_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00003.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN017P55lk1FJvnqhvF0L_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00004.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01oInNpy1FJvnqjG1TB_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00005.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01W89fX81FJvnwMzvCK_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00006.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN012akEpL1FJvnyFm6TV_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00007.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01ALYZSs1FJvnnvHC7h_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00008.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01RNUQEM1FJvnwMxuRF_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00009.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01lXBofk1FJvnwN1b7k_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00010.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01a0YhQ01FJvnsQNub9_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00011.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01d7ECBL1FJvnwN07hD_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00012.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01znEPjb1FJvnvqZJPQ_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00013.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01JSPrB71FJvnocMoXi_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00014.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01mGkQRS1FJvnr1iX7Z_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00015.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01WZFvMR1FJvnocNLq1_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00016.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01Q0lvi61FJvntYih52_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00017.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01KWLPPY1FJvntYhxM9_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00018.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01TGQpEj1FJvnuo15kn_!!1080040467.png", afterLoad: true, "name": "粒子消失3_00019.png", "width": "518", "height": "469" },
],
type: "animate",//标识为动画
imgType: "max",//标识为大图
width: "10360",//大图宽度
height: "469",//大图高度
fWidth: 518,//一帧宽度
fHeight: 469,//一帧高度
count: 20,//总共帧数
boomSpeed: 0.4,//播放速度
loop: !true,//是否循环
offset: { x: 13, y: -80 },
},
},
{
"src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01TV684n1FJvnmWhV0W_!!1080040467.png",
"probability": "1",//卡片生成概率
val: 1,//卡片分数
"disableImg": {//卡片对应灰色图片
"src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01dXOrmp1FJvnlMjk56_!!1080040467.png",
},
// 爆炸动画序列帧
boomObj: {
src: "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01MtDRK01FJvny73GkA_!!1080040467.png",
afterLoad: true,
type: "animate",//标识为动画
imgType: "max",//标识为大图
width: "900",//大图宽度
height: "1200",//大图高度
fWidth: 300,//一帧宽度
fHeight: 300,//一帧高度
count: 11,//总共帧数
boomSpeed: 0.5,//播放速度
loop: !true,//是否循环
},
// 合并消除动画
fadeObj: {
srcArr: [
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01FcI3Qo1FJvnr23Y69_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00000.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN017oqNQJ1FJvnnvcslh_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00001.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN017we3RF1FJvnqiICYj_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00002.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01wuZmEP1FJvntZ98z5_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00003.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01BP3Yb51FJvnsQohMT_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00004.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN018bmdnZ1FJvnvqzMKb_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00005.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01MQ9vva1FJvntZ7Orh_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00006.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01QrUVpg1FJvnxRDKMu_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00007.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN015t0Syp1FJvnsQquWr_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00008.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01vqUHad1FJvnsQnYei_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00009.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN013UL9Fc1FJvnuoQKk9_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00010.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01UmtFkx1FJvntZ6OX9_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00011.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN0109qhIO1FJvnmhvJJ9_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00012.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01YluvGI1FJvnwNOUjM_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00013.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01mn7iR91FJvnqiIsB1_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00014.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01HJZKtG1FJvni0WqRt_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00015.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01rvqJ641FJvnvr0pqh_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00016.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01OQVXjB1FJvnxRF8fF_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00017.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01DPu0L31FJvnqjdJsJ_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00018.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01sadNLM1FJvnwNSBPC_!!1080040467.png", afterLoad: true, "name": "粒子消失5_00019.png", "width": "518", "height": "469" },
],
type: "animate",//标识为动画
imgType: "max",//标识为大图
width: "10360",//大图宽度
height: "469",//大图高度
fWidth: 518,//一帧宽度
fHeight: 469,//一帧高度
count: 20,//总共帧数
boomSpeed: 0.4,//播放速度
loop: !true,//是否循环
offset: { x: 13, y: -80 },
},
},
{
"src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01ZIHn4u1FJvnnBbyIF_!!1080040467.png",
"probability": "1",//卡片生成概率
val: 1,//卡片分数
"disableImg": {//卡片对应灰色图片
"src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01tYRHaT1FJvnpKvV5w_!!1080040467.png",
},
// 爆炸动画序列帧
boomObj: {
src: "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01MtDRK01FJvny73GkA_!!1080040467.png",
afterLoad: true,
type: "animate",//标识为动画
imgType: "max",//标识为大图
width: "900",//大图宽度
height: "1200",//大图高度
fWidth: 300,//一帧宽度
fHeight: 300,//一帧高度
count: 11,//总共帧数
boomSpeed: 0.5,//播放速度
loop: !true,//是否循环
},
// 合并消除动画
fadeObj: {
srcArr: [
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01ofitxR1FJvnnwWXGQ_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00000.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01ep28mu1FJvnqkV1dp_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00001.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01iCuNPD1FJvnwOIYCB_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00002.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01IMVHDZ1FJvni1N0ca_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00003.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01MBDpT01FJvnqjB3C2_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00004.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01vPipaG1FJvns7uKBl_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00005.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN010bvEHW1FJvnyH1Zu2_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00006.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01i7wCN91FJvnupLGPI_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00007.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01T57YlO1FJvnuFCuug_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00008.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01m7Na9G1FJvnr2zPuj_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00009.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01u2b9Rq1FJvnyH4rcR_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00010.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01e69AQS1FJvnuFCVxw_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00011.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01RzehvF1FJvnuFDvJS_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00012.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01Go86LK1FJvns7s71O_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00013.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01EhYOOY1FJvnuFB6fw_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00014.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN019fDiq41FJvns7sNfd_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00015.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01nBz6qy1FJvnnwXTUR_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00016.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01BP7Iiq1FJvns7uSX2_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00017.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01Mv1r5H1FJvnwOKMUS_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00018.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01Lwbmzx1FJvnyH2Npv_!!1080040467.png", afterLoad: true, "name": "粒子消失1_00019.png", "width": "518", "height": "469" },
],
type: "animate",//标识为动画
imgType: "max",//标识为大图
width: "10360",//大图宽度
height: "469",//大图高度
fWidth: 518,//一帧宽度
fHeight: 469,//一帧高度
count: 20,//总共帧数
boomSpeed: 0.4,//播放速度
loop: !true,//是否循环
offset: { x: 13, y: -80 },
},
},
{
"src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01PB0lHc1FJvnhY0sAy_!!1080040467.png",
"probability": "1",//卡片生成概率
val: 1,//卡片分数
"disableImg": {//卡片对应灰色图片
"src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01RG9Ip11FJvnooOqeD_!!1080040467.png",
},
// 爆炸动画序列帧
boomObj: {
src: "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01MtDRK01FJvny73GkA_!!1080040467.png",
afterLoad: true,
type: "animate",//标识为动画
imgType: "max",//标识为大图
width: "900",//大图宽度
height: "1200",//大图高度
fWidth: 300,//一帧宽度
fHeight: 300,//一帧高度
count: 11,//总共帧数
boomSpeed: 0.5,//播放速度
loop: !true,//是否循环
},
// 合并消除动画
fadeObj: {
srcArr: [
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01023f7m1FJvni0hFdk_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00000.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01U6h2N81FJvnyGNdBe_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00001.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01Exq4Iy1FJvnuEUg5f_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00002.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01PRCTyM1FJvni0iWdC_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00003.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01cI8ipV1FJvnvrAuEd_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00004.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01hqBQbL1FJvnr2IRxi_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00005.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01cLmAyg1FJvnnvtKKU_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00006.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN014L1Eqv1FJvnqjq0TB_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00007.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01nQtKEz1FJvnuodUW9_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00008.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN019lEjRN1FJvnxRPHG8_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00009.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01guWm3c1FJvnyGNA7r_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00010.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01tTJR7T1FJvnuEXMMx_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00011.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01K9jbMN1FJvnyGO2CH_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00012.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN013hRojJ1FJvnxRP4n4_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00013.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01vse2nz1FJvns7ER3d_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00014.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01IVylkp1FJvnvrCNk1_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00015.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01TPSf231FJvnuEWDiY_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00016.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01YeBD4O1FJvnuEXxo2_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00017.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01hbrFq01FJvntZJ9PN_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00018.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01PALTYW1FJvnqjnvaK_!!1080040467.png", afterLoad: true, "name": "粒子消失2_00019.png", "width": "518", "height": "469" },
],
type: "animate",//标识为动画
imgType: "max",//标识为大图
width: "10360",//大图宽度
height: "469",//大图高度
fWidth: 518,//一帧宽度
fHeight: 469,//一帧高度
count: 20,//总共帧数
boomSpeed: 0.4,//播放速度
loop: !true,//是否循环
offset: { x: 13, y: -80 },
},
},
{
"src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01lX8rKl1FJvnnBbpz9_!!1080040467.png",
"probability": "1",//卡片生成概率
val: 1,//卡片分数
"disableImg": {//卡片对应灰色图片
"src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01nIiaNU1FJvnjeEnZ0_!!1080040467.png",
},
// 爆炸动画序列帧
boomObj: {
src: "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01MtDRK01FJvny73GkA_!!1080040467.png",
afterLoad: true,
type: "animate",//标识为动画
imgType: "max",//标识为大图
width: "900",//大图宽度
height: "1200",//大图高度
fWidth: 300,//一帧宽度
fHeight: 300,//一帧高度
count: 11,//总共帧数
boomSpeed: 0.5,//播放速度
loop: !true,//是否循环
},
// 合并消除动画
fadeObj: {
srcArr: [
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01kGmHyA1FJvnuozeAY_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00000.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01mUeBRR1FJvnodKINc_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00001.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01DdJnRx1FJvnxRmhpu_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00002.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01sF3Ozl1FJvnmiSbtK_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00003.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01THO7hk1FJvnuEtJZI_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00004.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01j0FBnc1FJvnodLR5E_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00005.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01q3cPmy1FJvnxRmVNa_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00006.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01jXtmlM1FJvni14oar_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00007.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01T2eWy61FJvnr2eoAX_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00008.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01YXoFXH1FJvnsRQ5j0_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00009.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01gYlXW51FJvnsRRV19_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00010.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01KkmqVV1FJvnmiRXMf_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00011.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01OZTNBj1FJvni16lB6_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00012.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN017PJBGH1FJvnqisaWG_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00013.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN019Je2mN1FJvnsRQ9tX_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00014.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01QDIQba1FJvnodNB9s_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00015.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01cAcAxS1FJvnwO1ECs_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00016.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN013F9Qb31FJvnr2fLQC_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00017.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01oDGhNt1FJvnnwGYTD_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00018.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01rFpHzN1FJvnqkA0yl_!!1080040467.png", afterLoad: true, "name": "粒子消失6_00019.png", "width": "518", "height": "469" },
],
type: "animate",//标识为动画
imgType: "max",//标识为大图
width: "10360",//大图宽度
height: "469",//大图高度
fWidth: 518,//一帧宽度
fHeight: 469,//一帧高度
count: 20,//总共帧数
boomSpeed: 0.4,//播放速度
loop: !true,//是否循环
offset: { x: 13, y: -80 },
},
},
{
"src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN0109bKXR1FJvnnmMvAY_!!1080040467.png",
"probability": "1",//卡片生成概率
val: 1,//卡片分数
"disableImg": {//卡片对应灰色图片
"src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01zssaau1FJvnqQ7C2a_!!1080040467.png",
},
// 爆炸动画序列帧
boomObj: {
src: "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01MtDRK01FJvny73GkA_!!1080040467.png",
afterLoad: true,
type: "animate",//标识为动画
imgType: "max",//标识为大图
width: "900",//大图宽度
height: "1200",//大图高度
fWidth: 300,//一帧宽度
fHeight: 300,//一帧高度
count: 11,//总共帧数
boomSpeed: 0.5,//播放速度
loop: !true,//是否循环
},
// 合并消除动画
fadeObj: {
srcArr: [
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01RzoMiD1FJvnnwKRyc_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00000.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01Q3yYwW1FJvnqkGFzs_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00001.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01taArlm1FJvnxRqnrS_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00002.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01XYnXtP1FJvnwO7TFr_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00003.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN015AyWJ71FJvnwO6bBT_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00004.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01hCZZAy1FJvnqkI4Gz_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00005.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01UcOb1t1FJvnsRVrZW_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00006.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01bc7Gy71FJvnqkI8RM_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00007.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN015wlc3w1FJvntZn5ln_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00008.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN016V0Ltr1FJvnmiZK6G_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00009.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01g5zI1R1FJvns7glUS_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00010.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01vMlkXP1FJvnvrgnCe_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00011.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01VvFQ181FJvnsRW43b_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00012.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01s1OFWv1FJvni1AWOt_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00013.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN010NwtR21FJvnxRuQPD_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00014.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01yWNmfk1FJvnxRs0je_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00015.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01PDii971FJvnr2jZje_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00016.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN015Fl7C31FJvnup6lMV_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00017.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01qOdV721FJvnsRU3ON_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00018.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01OcOxFz1FJvnsRUn70_!!1080040467.png", afterLoad: true, "name": "粒子消失7_00019.png", "width": "518", "height": "469" },
],
type: "animate",//标识为动画
imgType: "max",//标识为大图
width: "10360",//大图宽度
height: "469",//大图高度
fWidth: 518,//一帧宽度
fHeight: 469,//一帧高度
count: 20,//总共帧数
boomSpeed: 0.4,//播放速度
loop: !true,//是否循环
offset: { x: 13, y: -80 },
},
},
{
"src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01e722yx1FJvnrFNPHn_!!1080040467.png",
"probability": "1",//卡片生成概率
val: 1,//卡片分数
"disableImg": {//卡片对应灰色图片
"src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01EQtmu31FJvnooNdnj_!!1080040467.png",
},
// 爆炸动画序列帧
boomObj: {
src: "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01MtDRK01FJvny73GkA_!!1080040467.png",
afterLoad: true,
type: "animate",//标识为动画
imgType: "max",//标识为大图
width: "900",//大图宽度
height: "1200",//大图高度
fWidth: 300,//一帧宽度
fHeight: 300,//一帧高度
count: 11,//总共帧数
boomSpeed: 0.5,//播放速度
loop: !true,//是否循环
},
// 合并消除动画
fadeObj: {
srcArr: [
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01yqcJ8V1FJvnuF3O0J_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00000.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN016JdFNa1FJvnsRYDST_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00001.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01UMCnhe1FJvnvrkHog_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00002.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01FrhvY51FJvnvrjPiA_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00003.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01lK2wqa1FJvnsRYcRj_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00004.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01vz2i6P1FJvnr2pLgy_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00005.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01gxnGFn1FJvnmifMek_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00006.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01F11Bku1FJvnsRZQKk_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00007.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i2/1080040467/O1CN01MtWcNv1FJvnwODRju_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00008.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01ChEYmx1FJvnyGwbnA_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00009.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01Ev2B081FJvnqkO2jz_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00010.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01n3mf3Q1FJvnxRyO5x_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00011.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i4/1080040467/O1CN01OT7VfJ1FJvnvrl5ht_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00012.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01IA8AXK1FJvns7kve3_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00013.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01LV67du1FJvnupGUiD_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00014.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01MNGSDb1FJvnxRyBdo_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00015.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01o5WEQy1FJvnnwQI6W_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00016.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01cod4971FJvnupC04h_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00017.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i1/1080040467/O1CN01wLf3K71FJvnuF5nj2_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00018.png", "width": "518", "height": "469" },
{ "src": "https://img.alicdn.com/imgextra/i3/1080040467/O1CN01EKhaJp1FJvnnwRUyD_!!1080040467.png", afterLoad: true, "name": "粒子消失8_00019.png", "width": "518", "height": "469" },
],
type: "animate",//标识为动画
imgType: "max",//标识为大图
width: "10360",//大图宽度
height: "469",//大图高度
fWidth: 518,//一帧宽度
fHeight: 469,//一帧高度
count: 20,//总共帧数
boomSpeed: 0.4,//播放速度
loop: !true,//是否循环
offset: { x: 13, y: -80 },
},
},
],
//音频地址
audio: {
click: { srcAudio: "http://isv-vod.alibabausercontent.com/mk8pOHtSi7MPYyhqseq/OUYnodGjrmfRTVKo7Rw?auth_key=1648879783-0-0-fe84360762aff9b50a2ef5c9cb4dd40e&w=0&h=0&e=sd&t=2132e43616486205834606540e17c2&s=86B9DCF207E360F6A0A7C7CBD0E89C70" },//点击音效
fade: { srcAudio: "http://isv-vod.alibabausercontent.com/mk8pOHtSi7MPYyhqseq/OUYnodGjrmfRTVKo7Rw?auth_key=1648879783-0-0-fe84360762aff9b50a2ef5c9cb4dd40e&w=0&h=0&e=sd&t=2132e43616486205834606540e17c2&s=86B9DCF207E360F6A0A7C7CBD0E89C70" },//元素消除
refresh: { srcAudio: "http://isv-vod.alibabausercontent.com/mk8pOHtSi7MPYyhqseq/OUYnodGjrmfRTVKo7Rw?auth_key=1648879783-0-0-fe84360762aff9b50a2ef5c9cb4dd40e&w=0&h=0&e=sd&t=2132e43616486205834606540e17c2&s=86B9DCF207E360F6A0A7C7CBD0E89C70" },//刷新消除
repeal: { srcAudio: "http://isv-vod.alibabausercontent.com/mk8pOHtSi7MPYyhqseq/OUYnodGjrmfRTVKo7Rw?auth_key=1648879783-0-0-fe84360762aff9b50a2ef5c9cb4dd40e&w=0&h=0&e=sd&t=2132e43616486205834606540e17c2&s=86B9DCF207E360F6A0A7C7CBD0E89C70" },//撤销消除
up3: { srcAudio: "http://isv-vod.alibabausercontent.com/mk8pOHtSi7MPYyhqseq/OUYnodGjrmfRTVKo7Rw?auth_key=1648879783-0-0-fe84360762aff9b50a2ef5c9cb4dd40e&w=0&h=0&e=sd&t=2132e43616486205834606540e17c2&s=86B9DCF207E360F6A0A7C7CBD0E89C70" },//上移消除
},
},
},
onLoad() {
this.startTime = +new Date();
},
// 组件主动公开方法----------
beginFun() {
// 开始游戏
this.gameComponent.onEvent("start");
},
stopFun() {
// 结束游戏
this.gameComponent.onEvent("stop");
},
resetFun(e) {
// 重置游戏（游戏未结束，需先结束游戏再重置） 可以传递对应关卡参数，必须gameSource中有posOps才会生效
this.gameComponent.onEvent("resetData", {
posOtherOps: {// pos相关的一些配置
before: {//在pos底层生成的元素
tier: 3,//需要生成的层级数
singleCountRange: { min: 5, max: 10 },//每个层级的元素个数【随机生成】
totalCount: 12,//总个数 必须是3的倍数，否则会死局
},
// after: {//在pos底层生成的元素
// tier: 1,//需要生成的层级数
// singleCountRange: { min: 5, max: 10 },//每个层级的元素个数【随机生成】
// totalCount: 10,//总个数 必须是3的倍数，否则会死局
// }
}
})
this.gameComponent.onEvent("reset", this.data.gameSource.baseOps.posOps);
},
pauseFun() {
// 暂停或继续
this.gameComponent.onEvent("pause");
},
repealFun() {
// 撤销（元素消除或刷新操作，不能撤销）
this.gameComponent.onEvent("repeal");
},
refreshFun() {
// 刷新
this.gameComponent.onEvent("refresh");
},
up3Fun() {
// 上移
this.gameComponent.onEvent("up3");
},
// 组件回调方法------------------
onInitDone(e) {
const now = +new Date();
my.alert({
content: `加载时间：${(now - this.startTime) / 1000}s`
});
this.gameComponent = e.ref;
// 当gameSource.baseOps.noAutoInit为true时，需要手动调用渲染游戏
if (this.data.gameSource.baseOps.noAutoInit) {
this.gameComponent.onEvent("initGame", this.data.gameSource.baseOps.posOps)
}
// my.alert({
// content: "游戏初始化完成"
// })
},
onUpdate(ops) {
// { curScore: 0,totalScore: 0, imgObj: { } }
console.log(ops)
},
onGameOver(obj) {
// obj.isSuccess true:消除完成，游戏成功
// obj.isStop true:手动调用stop结束的游戏
console.log(obj)
},
onRepealCallback(bl) {
// 撤销回调 true:撤销成功
console.error(bl);
},
onRefreshCallback(bl) {
// 刷新回调 true:刷新成功
console.error(bl)
},
onUp3Callback(bl) {
// 上移回调 true:上移成功
console.error(bl)
},
onClickFailCallback() {
// 当底部容器装满了，继续点击消除卡片时，回掉此方法
console.error("容器已满，不能点击卡片了")
}
});- xaml
<view class="pageBox">
<view class="gameBox">
<game gameSource="{{gameSource}}" onInitDone="onInitDone" onClickFailCallback="onClickFailCallback" onRepealCallback="onRepealCallback" onRefreshCallback="onRefreshCallback" onUp3Callback="onUp3Callback" onUpdate="onUpdate" onGameOver="onGameOver" />
</view>
<view style="position:absolute;left:100rpx;bottom:200rpx;">
<view onTap="beginFun" style="position:relative;z-index: 10;">开始</view>
<view onTap="stopFun" style="position:relative;z-index: 10;">结束</view>
<view onTap="resetFun" style="position:relative;z-index: 10;">重置游戏</view>
<view onTap="pauseFun" style="position:relative;z-index: 10;">暂停或继续</view>
<view onTap="repealFun" style="position:relative;z-index: 10;">撤销</view>
<view onTap="refreshFun" style="position:relative;z-index: 10;">刷新</view>
<view onTap="up3Fun" style="position:relative;z-index: 10;">上移</view>
</view>
</view>- acss
.pageBox{
position: absolute;
width: 750rpx;
height: 100vh;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.gameBox{
position: relative;
width: 750rpx;
height: 1500rpx;
/* background: #ccc; */
}