@@ -19,15 +19,25 @@ function match(block: Block) {
1919 }
2020
2121 if (canEliminate (block )) {
22- block .url = emptyFlag ;
23- pre .value .url = emptyFlag ;
22+ block .disappear = true ;
23+ pre .value .disappear = true ;
24+ const = pre .value ;
25+ setTimeout (() => {
26+ block .url = emptyFlag ;
27+ _pre .url = emptyFlag ;
28+ block .disappear = false ;
29+ _pre .disappear = false ;
30+ if (isWin ()) {
31+ setTimeout (() => {
32+ alert (" You Win!"
33+ baseImage ();
34+ });
35+ }
36+ }, 200 );
2437 }
2538 block .animate = false ;
2639 pre .value .animate = false ;
2740 pre .value = {};
28- if (isWin ()) {
29- alert (" You Win!"
30- }
3141}
3242
3343function canEliminate(block : Block ) {
@@ -39,17 +49,13 @@ function bfs(block, target, path = new Set()) {
3949 const = [block ];
4050 while (queue .length ) {
4151 const = queue .shift ();
42- if (path .has (cur )) {
43- continue ;
44- }
45- path .add (cur );
4652 const = cur .y ;
4753 const = cur .x ;
4854 // 处理边界
4955 if (y > 0 ) {
5056 const = copyArray [y - 1 ][x ];
51- top . type = " down "
52- top .pre = JSON . parse ( JSON . stringify ( cur )) ;
57+ const types : string [] = JSON . parse ( JSON . stringify ( cur . types || [])) ;
58+ top .types = types ? [ " down " , ... types ] : [ " down " ] ;
5359 if (preReturn (top )) {
5460 if (top .pos === target .pos ) {
5561 console .log (" find" top );
@@ -62,8 +68,8 @@ function bfs(block, target, path = new Set()) {
6268 }
6369 if (y < copyArray .length - 1 ) {
6470 const = copyArray [y + 1 ][x ];
65- bottom . type = " up "
66- bottom .pre = JSON . parse ( JSON . stringify ( cur )) ;
71+ const types : string [] = JSON . parse ( JSON . stringify ( cur . types || [])) ;
72+ bottom .types = types ? [ " up " , ... types ] : [ " up " ] ;
6773 if (preReturn (bottom )) {
6874 if (bottom .pos === target .pos ) {
6975 console .log (" find" bottom );
@@ -76,8 +82,8 @@ function bfs(block, target, path = new Set()) {
7682 }
7783 if (x > 0 ) {
7884 const = copyArray [y ][x - 1 ];
79- left . type = " right "
80- left .pre = JSON . parse ( JSON . stringify ( cur )) ;
85+ const types : string [] = JSON . parse ( JSON . stringify ( cur . types || [])) ;
86+ left .types = types ? [ " right " , ... types ] : [ " right " ] ;
8187 if (preReturn (left )) {
8288 if (left .pos === target .pos ) {
8389 console .log (" find" left );
@@ -90,8 +96,9 @@ function bfs(block, target, path = new Set()) {
9096 }
9197 if (x < copyArray [0 ].length - 1 ) {
9298 const = copyArray [y ][x + 1 ];
93- right .type = " left"
94- right .pre = JSON .parse (JSON .stringify (cur ));
99+ const : string [] = JSON .parse (JSON .stringify (cur .types || []));
100+ right .types = types ? [" left" ... types ] : [" left"
101+
95102 if (preReturn (right )) {
96103 if (right .pos === target .pos ) {
97104 console .log (" find" right );
@@ -109,23 +116,20 @@ function bfs(block, target, path = new Set()) {
109116function preReturn(block ) {
110117 let count = 0 ;
111118 let pre = null ,
112- current = null ;
113- const = [block ];
114- while (queue .length ) {
115- const = queue .shift ();
116- current = block .type ;
117- if (pre === null ) {
118- pre = current ;
119- } else {
120- if (pre !== current ) {
121- count ++ ;
122- pre = current ;
123- }
119+ cur = null ;
120+ if (block .types .length < 4 ) {
121+ return true ;
122+ }
123+
124+ for (let i = 1 ; i < block .types .length ; i ++ ) {
125+ cur = block .types [i ];
126+ pre = block .types [i - 1 ];
127+ if (pre !== cur ) {
128+ count ++ ;
124129 }
125- if (block . pre ) {
126- queue . push ( block . pre ) ;
130+ if (count > 2 ) {
131+ return false ;
127132 }
128- if (count > 3 ) return false ;
129133 }
130134 return true ;
131135}
@@ -152,27 +156,38 @@ const sizeStyle = (block) => {
152156 return result ;
153157};
154158
155- function newGame() {
156- baseImage ();
159+ function newGame(type : " Easy" | " Normal" | " Hard"
160+ if (type === " Easy" && n .value !== 2 ) {
161+ n .value = 2 ;
162+ baseImage ();
163+ } else if (type === " Normal" && n .value !== 3 ) {
164+ n .value = 3 ;
165+ baseImage ();
166+ } else if (type === " Hard" && n .value !== 4 ) {
167+ n .value = 4 ;
168+ baseImage ();
169+ }
157170}
171+ newGame (" Easy"
158172script >
159173
160174<template >
161- <div m-y-5 flex =" ~ gap-5 " justify-center >
175+ <div m-y-5 flex =" ~ gap-1 " justify-center >
162176 <button btn @click =" reset" button >
163- <button btn @click =" newGame" button >
177+ <button btn @click =" baseImage" button >
178+ <button btn @click =" newGame('Easy')" button >
179+ <button btn @click =" newGame('Normal')" button >
180+ <button btn @click =" newGame('Hard')" button >
164181 </div >
165182 <div
166183 v-for =" (row, y) in arrayPic"
167184 :key =" y"
168185 flex =" ~"
169186 items-center
170187 justify-center
171- w-max
172188 ma
173- m-l--20
174189 :style =" {
175- 'margin-bottom': !loading && y === 2 * n + 1 && -height + 'rem',
190+ 'margin-bottom': !loading && y === 2 * n + 1 ? -height + 'rem' : ' ',
176191 'margin-top': !loading && y === 0 && -height + 'rem',
177192 }"
178193 >
@@ -188,8 +203,7 @@ function newGame() {
188203 :class =" [
189204 'bg-gray-500/10',
190205 'hover:bg-gray-500/20',
191- block?.animateY ? 'animate-shake-y' : '',
192- block?.animateX ? 'animate-shake-x' : '',
206+ block?.disappear ? 'animate-fade-out' : '',
193207 ]"
194208 :src =" block?.url"
195209 @click =" match(block)"
0 commit comments