react-native-games 1.0.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +80 -368
- package/lib/module/games/balloon-blaster/BalloonBlaster.js +1 -167
- package/lib/module/games/balloon-blaster/BalloonBlaster.js.map +1 -1
- package/lib/module/games/balloon-blaster/BalloonBlasterConstants.js +1 -182
- package/lib/module/games/balloon-blaster/BalloonBlasterConstants.js.map +1 -1
- package/lib/module/games/balloon-blaster/BalloonBlasterService.js +1 -318
- package/lib/module/games/balloon-blaster/BalloonBlasterStore.js +1 -183
- package/lib/module/games/balloon-blaster/components/BalloonComponent.js +1 -237
- package/lib/module/games/balloon-blaster/components/GameArea.js +1 -156
- package/lib/module/games/balloon-blaster/components/GameBackground.js +1 -476
- package/lib/module/games/balloon-blaster/components/ScoreBoard.js +1 -112
- package/lib/module/games/balloon-blaster/components/ScoreBoard.js.map +1 -1
- package/lib/module/games/balloon-blaster/components/index.js +1 -7
- package/lib/module/games/candy-crush/CandyCrush.js +1 -131
- package/lib/module/games/candy-crush/CandyCrush.js.map +1 -1
- package/lib/module/games/candy-crush/CandyCrushConstants.js +1 -125
- package/lib/module/games/candy-crush/CandyCrushConstants.js.map +1 -1
- package/lib/module/games/candy-crush/CandyCrushService.js +1 -370
- package/lib/module/games/candy-crush/CandyCrushStore.js +1 -303
- package/lib/module/games/candy-crush/components/CandyItem.js +1 -191
- package/lib/module/games/candy-crush/components/GameBackground.js +1 -85
- package/lib/module/games/candy-crush/components/GameGrid.js +1 -314
- package/lib/module/games/candy-crush/components/ScoreBoard.js +1 -79
- package/lib/module/games/candy-crush/components/index.js +1 -7
- package/lib/module/games/candy-crush/index.js +1 -6
- package/lib/module/games/colors-sort/ColorsSort.js +1 -143
- package/lib/module/games/colors-sort/ColorsSort.js.map +1 -1
- package/lib/module/games/colors-sort/ColorsSortConstants.js +1 -72
- package/lib/module/games/colors-sort/ColorsSortConstants.js.map +1 -1
- package/lib/module/games/colors-sort/ColorsSortService.js +1 -255
- package/lib/module/games/colors-sort/ColorsSortStore.js +1 -257
- package/lib/module/games/colors-sort/ColorsSortStore.js.map +1 -1
- package/lib/module/games/colors-sort/components/ColorContainer.js +1 -140
- package/lib/module/games/colors-sort/components/GameBackground.js +1 -135
- package/lib/module/games/colors-sort/components/ScoreBoard.js +1 -70
- package/lib/module/games/colors-sort/components/index.js +1 -6
- package/lib/module/games/dino-jump/DinoJump.js +1 -209
- package/lib/module/games/dino-jump/DinoJump.js.map +1 -1
- package/lib/module/games/dino-jump/DinoJumpConstants.js +1 -189
- package/lib/module/games/dino-jump/DinoJumpConstants.js.map +1 -1
- package/lib/module/games/dino-jump/DinoJumpService.js +1 -270
- package/lib/module/games/dino-jump/DinoJumpStore.js +1 -381
- package/lib/module/games/dino-jump/components/DinoSprite.js +1 -418
- package/lib/module/games/dino-jump/components/DinoSprite.js.map +1 -1
- package/lib/module/games/dino-jump/components/GameArea.js +1 -68
- package/lib/module/games/dino-jump/components/GameBackground.js +1 -444
- package/lib/module/games/dino-jump/components/ObstacleSprite.js +1 -306
- package/lib/module/games/dino-jump/components/ScoreBoard.js +1 -105
- package/lib/module/games/dino-jump/components/ScoreBoard.js.map +1 -1
- package/lib/module/games/dino-jump/components/StarSprite.js +1 -45
- package/lib/module/games/dino-jump/components/index.js +1 -9
- package/lib/module/games/flappy-bird/FlappyBird.js +1 -126
- package/lib/module/games/flappy-bird/FlappyBird.js.map +1 -1
- package/lib/module/games/flappy-bird/FlappyBirdConstants.js +1 -90
- package/lib/module/games/flappy-bird/FlappyBirdConstants.js.map +1 -1
- package/lib/module/games/flappy-bird/FlappyBirdStore.js +1 -300
- package/lib/module/games/flappy-bird/components/Bird.js +1 -87
- package/lib/module/games/flappy-bird/components/GameArea.js +1 -87
- package/lib/module/games/flappy-bird/components/GameBackground.js +1 -79
- package/lib/module/games/flappy-bird/components/Pipes.js +1 -172
- package/lib/module/games/flappy-bird/components/ScoreBoard.js +1 -73
- package/lib/module/games/flappy-bird/components/index.js +1 -8
- package/lib/module/games/fruit-merger/FruitMerger.js +1 -120
- package/lib/module/games/fruit-merger/FruitMerger.js.map +1 -1
- package/lib/module/games/fruit-merger/FruitMergerConstants.js +1 -119
- package/lib/module/games/fruit-merger/FruitMergerConstants.js.map +1 -1
- package/lib/module/games/fruit-merger/FruitMergerService.js +1 -13
- package/lib/module/games/fruit-merger/FruitMergerStore.js +1 -315
- package/lib/module/games/fruit-merger/components/FruitItem.js +1 -102
- package/lib/module/games/fruit-merger/components/GameArea.js +1 -103
- package/lib/module/games/fruit-merger/components/GameBackground.js +1 -498
- package/lib/module/games/fruit-merger/components/ScoreBoard.js +1 -58
- package/lib/module/games/fruit-merger/components/index.js +1 -7
- package/lib/module/games/fruit-ninja/FruitNinja.js +1 -134
- package/lib/module/games/fruit-ninja/FruitNinja.js.map +1 -1
- package/lib/module/games/fruit-ninja/FruitNinjaConstants.js +1 -148
- package/lib/module/games/fruit-ninja/FruitNinjaConstants.js.map +1 -1
- package/lib/module/games/fruit-ninja/FruitNinjaService.js +1 -311
- package/lib/module/games/fruit-ninja/FruitNinjaStore.js +1 -191
- package/lib/module/games/fruit-ninja/FruitNinjaStore.js.map +1 -1
- package/lib/module/games/fruit-ninja/components/FruitComponent.js +1 -99
- package/lib/module/games/fruit-ninja/components/GameArea.js +1 -215
- package/lib/module/games/fruit-ninja/components/GameBackground.js +1 -1267
- package/lib/module/games/fruit-ninja/components/ScoreBoard.js +1 -92
- package/lib/module/games/fruit-ninja/components/ScoreBoard.js.map +1 -1
- package/lib/module/games/fruit-ninja/components/index.js +1 -7
- package/lib/module/games/game-2048/Game2048.js +1 -149
- package/lib/module/games/game-2048/Game2048.js.map +1 -1
- package/lib/module/games/game-2048/Game2048Constants.js +1 -263
- package/lib/module/games/game-2048/Game2048Constants.js.map +1 -1
- package/lib/module/games/game-2048/Game2048Service.js +1 -457
- package/lib/module/games/game-2048/Game2048Store.js +1 -236
- package/lib/module/games/game-2048/components/GameBackground.js +1 -247
- package/lib/module/games/game-2048/components/GameGrid.js +1 -139
- package/lib/module/games/game-2048/components/GameTile.js +1 -72
- package/lib/module/games/game-2048/components/ScoreBoard.js +1 -52
- package/lib/module/games/game-2048/components/index.js +1 -7
- package/lib/module/games/maze-runner/MazeRunner.js +1 -267
- package/lib/module/games/maze-runner/MazeRunner.js.map +1 -1
- package/lib/module/games/maze-runner/MazeRunnerConstants.js +1 -100
- package/lib/module/games/maze-runner/MazeRunnerConstants.js.map +1 -1
- package/lib/module/games/maze-runner/MazeRunnerService.js +1 -586
- package/lib/module/games/maze-runner/components/EnhancedBallComponent.js +1 -150
- package/lib/module/games/maze-runner/components/EnhancedGameArea.js +1 -370
- package/lib/module/games/maze-runner/components/GameBackground.js +1 -175
- package/lib/module/games/maze-runner/components/ScoreBoard.js +1 -61
- package/lib/module/games/maze-runner/components/SkiaPipeComponent.js +1 -209
- package/lib/module/games/maze-runner/components/StaticGameBackground.js +1 -169
- package/lib/module/games/maze-runner/components/WallComponent.js +1 -91
- package/lib/module/games/maze-runner/components/index.js +1 -8
- package/lib/module/games/popit-fidget/PopitFidget.js +1 -285
- package/lib/module/games/popit-fidget/PopitFidget.js.map +1 -1
- package/lib/module/games/popit-fidget/PopitFidgetConstants.js +1 -113
- package/lib/module/games/popit-fidget/PopitFidgetConstants.js.map +1 -1
- package/lib/module/games/popit-fidget/PopitFidgetService.js +1 -132
- package/lib/module/games/popit-fidget/PopitFidgetStore.js +1 -125
- package/lib/module/games/popit-fidget/components/BubbleComponent.js +1 -198
- package/lib/module/games/popit-fidget/components/FidgetGrid.js +1 -165
- package/lib/module/games/popit-fidget/components/GameBackground.js +1 -177
- package/lib/module/games/popit-fidget/components/ScoreBoard.js +1 -61
- package/lib/module/games/popit-fidget/components/index.js +1 -7
- package/lib/module/games/sliding-numbers/SlidingNumbers.js +1 -159
- package/lib/module/games/sliding-numbers/SlidingNumbers.js.map +1 -1
- package/lib/module/games/sliding-numbers/SlidingNumbersConstants.js +1 -207
- package/lib/module/games/sliding-numbers/SlidingNumbersConstants.js.map +1 -1
- package/lib/module/games/sliding-numbers/SlidingNumbersService.js +1 -248
- package/lib/module/games/sliding-numbers/SlidingNumbersStore.js +1 -274
- package/lib/module/games/sliding-numbers/components/GameBackground.js +1 -259
- package/lib/module/games/sliding-numbers/components/NumbersGrid.js +1 -174
- package/lib/module/games/sliding-numbers/components/NumbersTile.js +1 -116
- package/lib/module/games/sliding-numbers/components/ScoreBoard.js +1 -64
- package/lib/module/games/sliding-numbers/components/index.js +1 -7
- package/lib/module/games/snake/Snake.js +1 -189
- package/lib/module/games/snake/Snake.js.map +1 -1
- package/lib/module/games/snake/SnakeConstants.js +1 -138
- package/lib/module/games/snake/SnakeConstants.js.map +1 -1
- package/lib/module/games/snake/SnakeService.js +1 -148
- package/lib/module/games/snake/SnakeStore.js +1 -182
- package/lib/module/games/snake/components/GameBackground.js +1 -221
- package/lib/module/games/snake/components/GameGrid.js +1 -153
- package/lib/module/games/snake/components/ScoreBoard.js +1 -51
- package/lib/module/games/snake/components/index.js +1 -6
- package/lib/module/games/snake/index.js +1 -6
- package/lib/module/games/space-fighter/SpaceFighter.js +1 -165
- package/lib/module/games/space-fighter/SpaceFighter.js.map +1 -1
- package/lib/module/games/space-fighter/SpaceFighterConstants.js +1 -108
- package/lib/module/games/space-fighter/SpaceFighterConstants.js.map +1 -1
- package/lib/module/games/space-fighter/SpaceFighterService.js +1 -326
- package/lib/module/games/space-fighter/SpaceFighterStore.js +1 -209
- package/lib/module/games/space-fighter/components/AsteroidComponent.js +1 -113
- package/lib/module/games/space-fighter/components/GameArea.js +1 -289
- package/lib/module/games/space-fighter/components/GameBackground.js +1 -239
- package/lib/module/games/space-fighter/components/ScoreBoard.js +1 -136
- package/lib/module/games/space-fighter/components/Spacecraft3D.js +1 -202
- package/lib/module/games/space-fighter/components/SpacecraftPath.js +1 -52
- package/lib/module/games/space-fighter/components/index.js +1 -9
- package/lib/module/games/whack-a-mole/WhackAMole.js +1 -270
- package/lib/module/games/whack-a-mole/WhackAMole.js.map +1 -1
- package/lib/module/games/whack-a-mole/WhackAMoleConstants.js +1 -115
- package/lib/module/games/whack-a-mole/WhackAMoleConstants.js.map +1 -1
- package/lib/module/games/whack-a-mole/WhackAMoleService.js +1 -120
- package/lib/module/games/whack-a-mole/WhackAMoleStore.js +1 -172
- package/lib/module/games/whack-a-mole/components/GameBackground.js +1 -477
- package/lib/module/games/whack-a-mole/components/GameGrid.js +1 -97
- package/lib/module/games/whack-a-mole/components/GameHole.js +1 -196
- package/lib/module/games/whack-a-mole/components/MoleCharacter.js +1 -241
- package/lib/module/games/whack-a-mole/components/ScoreBoard.js +1 -67
- package/lib/module/games/whack-a-mole/components/ScoreBoard.js.map +1 -1
- package/lib/module/games/whack-a-mole/components/index.js +1 -8
- package/lib/module/helpers/AnimationFrame.js +1 -120
- package/lib/module/helpers/AnimationTracker.js +1 -89
- package/lib/module/helpers/ErrorHandler.js +1 -269
- package/lib/module/helpers/GameControlButton.js +1 -219
- package/lib/module/helpers/GameOverModal.js +1 -144
- package/lib/module/helpers/GameOverModal.js.map +1 -1
- package/lib/module/helpers/GameSettingsModal.js +1 -287
- package/lib/module/helpers/ParticleBlast.js +1 -134
- package/lib/module/helpers/ScoreBoardContainer.js +1 -34
- package/lib/module/helpers/index.js +1 -12
- package/lib/module/index.js +1 -22
- package/lib/module/services/GamesConstants.js +1 -178
- package/lib/module/services/GamesService.js +1 -112
- package/lib/module/services/GamesService.js.map +1 -1
- package/lib/module/services/HapticsService.js +1 -77
- package/lib/module/services/SoundsService.js +1 -302
- package/lib/module/services/UtilsService.js +1 -32
- package/lib/typescript/src/games/balloon-blaster/BalloonBlaster.d.ts.map +1 -1
- package/lib/typescript/src/games/balloon-blaster/BalloonBlasterConstants.d.ts +1 -1
- package/lib/typescript/src/games/balloon-blaster/components/ScoreBoard.d.ts.map +1 -1
- package/lib/typescript/src/games/candy-crush/CandyCrushConstants.d.ts +7 -7
- package/lib/typescript/src/games/colors-sort/ColorsSort.d.ts.map +1 -1
- package/lib/typescript/src/games/colors-sort/ColorsSortStore.d.ts.map +1 -1
- package/lib/typescript/src/games/dino-jump/DinoJump.d.ts.map +1 -1
- package/lib/typescript/src/games/dino-jump/components/DinoSprite.d.ts.map +1 -1
- package/lib/typescript/src/games/flappy-bird/FlappyBird.d.ts.map +1 -1
- package/lib/typescript/src/games/flappy-bird/FlappyBirdConstants.d.ts.map +1 -1
- package/lib/typescript/src/games/fruit-merger/FruitMerger.d.ts.map +1 -1
- package/lib/typescript/src/games/fruit-merger/FruitMergerConstants.d.ts.map +1 -1
- package/lib/typescript/src/games/fruit-ninja/FruitNinja.d.ts.map +1 -1
- package/lib/typescript/src/games/fruit-ninja/components/ScoreBoard.d.ts.map +1 -1
- package/lib/typescript/src/games/game-2048/Game2048.d.ts.map +1 -1
- package/lib/typescript/src/games/maze-runner/MazeRunner.d.ts.map +1 -1
- package/lib/typescript/src/games/popit-fidget/PopitFidget.d.ts.map +1 -1
- package/lib/typescript/src/games/sliding-numbers/SlidingNumbers.d.ts.map +1 -1
- package/lib/typescript/src/games/space-fighter/SpaceFighter.d.ts.map +1 -1
- package/lib/typescript/src/games/whack-a-mole/WhackAMole.d.ts.map +1 -1
- package/lib/typescript/src/games/whack-a-mole/WhackAMoleConstants.d.ts +1 -1
- package/lib/typescript/src/games/whack-a-mole/components/ScoreBoard.d.ts.map +1 -1
- package/lib/typescript/src/helpers/GameOverModal.d.ts +3 -0
- package/lib/typescript/src/helpers/GameOverModal.d.ts.map +1 -1
- package/lib/typescript/src/services/GamesConstants.d.ts +7 -7
- package/package.json +2 -2
|
@@ -1,257 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { create } from 'zustand';
|
|
4
|
-
import { subscribeWithSelector } from 'zustand/middleware';
|
|
5
|
-
import { immerMiddleware } from "../../services/UtilsService.js";
|
|
6
|
-
import { playSound, GAME_SOUNDS } from "../../services/SoundsService.js";
|
|
7
|
-
import { playHaptic, HapticType } from "../../services/HapticsService.js";
|
|
8
|
-
import { PIECE_COLORS } from "./ColorsSortConstants.js";
|
|
9
|
-
// Helper function to shuffle array
|
|
10
|
-
const shuffleArray = array => {
|
|
11
|
-
const shuffled = [...array];
|
|
12
|
-
for (let i = shuffled.length - 1; i > 0; i--) {
|
|
13
|
-
const j = Math.floor(Math.random() * (i + 1));
|
|
14
|
-
const temp = shuffled[i];
|
|
15
|
-
shuffled[i] = shuffled[j];
|
|
16
|
-
shuffled[j] = temp;
|
|
17
|
-
}
|
|
18
|
-
return shuffled;
|
|
19
|
-
};
|
|
20
|
-
export const useColorsSortStore = create()(subscribeWithSelector(immerMiddleware((set, get) => ({
|
|
21
|
-
isPlaying: false,
|
|
22
|
-
isGameOver: false,
|
|
23
|
-
isPaused: false,
|
|
24
|
-
containers: [],
|
|
25
|
-
selectedContainerId: null,
|
|
26
|
-
time: 0,
|
|
27
|
-
timerInterval: null,
|
|
28
|
-
initializeGame: difficulty => {
|
|
29
|
-
let numColors;
|
|
30
|
-
let piecesPerColor;
|
|
31
|
-
let numContainers;
|
|
32
|
-
let maxCapacity;
|
|
33
|
-
switch (difficulty) {
|
|
34
|
-
case 'easy':
|
|
35
|
-
numColors = 3;
|
|
36
|
-
piecesPerColor = 3;
|
|
37
|
-
maxCapacity = 4;
|
|
38
|
-
numContainers = 4;
|
|
39
|
-
break;
|
|
40
|
-
case 'medium':
|
|
41
|
-
numColors = 4;
|
|
42
|
-
piecesPerColor = 3;
|
|
43
|
-
maxCapacity = 4;
|
|
44
|
-
numContainers = 5;
|
|
45
|
-
break;
|
|
46
|
-
case 'hard':
|
|
47
|
-
numColors = 5;
|
|
48
|
-
piecesPerColor = 4;
|
|
49
|
-
maxCapacity = 5;
|
|
50
|
-
numContainers = 6;
|
|
51
|
-
break;
|
|
52
|
-
default:
|
|
53
|
-
numColors = 4;
|
|
54
|
-
piecesPerColor = 3;
|
|
55
|
-
maxCapacity = 4;
|
|
56
|
-
numContainers = 5;
|
|
57
|
-
}
|
|
58
|
-
const selectedColors = PIECE_COLORS.slice(0, numColors);
|
|
59
|
-
let allPieces = [];
|
|
60
|
-
selectedColors.forEach((color, colorIndex) => {
|
|
61
|
-
for (let i = 0; i < piecesPerColor; i++) {
|
|
62
|
-
allPieces.push({
|
|
63
|
-
id: `piece-${colorIndex}-${i}`,
|
|
64
|
-
color
|
|
65
|
-
});
|
|
66
|
-
}
|
|
67
|
-
});
|
|
68
|
-
allPieces = shuffleArray(allPieces);
|
|
69
|
-
const containers = [];
|
|
70
|
-
for (let i = 0; i < numContainers; i++) {
|
|
71
|
-
const container = {
|
|
72
|
-
id: `container-${i}`,
|
|
73
|
-
pieces: i < numColors ? allPieces.splice(0, piecesPerColor) : [],
|
|
74
|
-
maxCapacity,
|
|
75
|
-
x: 0,
|
|
76
|
-
y: 0
|
|
77
|
-
};
|
|
78
|
-
containers.push(container);
|
|
79
|
-
}
|
|
80
|
-
set(state => {
|
|
81
|
-
state.containers = containers;
|
|
82
|
-
state.selectedContainerId = null;
|
|
83
|
-
state.time = 0;
|
|
84
|
-
state.isPlaying = false;
|
|
85
|
-
state.isGameOver = false;
|
|
86
|
-
});
|
|
87
|
-
},
|
|
88
|
-
startGame: () => {
|
|
89
|
-
const state = get();
|
|
90
|
-
if (state.timerInterval) {
|
|
91
|
-
clearInterval(state.timerInterval);
|
|
92
|
-
}
|
|
93
|
-
const interval = setInterval(() => {
|
|
94
|
-
get().incrementTime();
|
|
95
|
-
}, 1000);
|
|
96
|
-
set(draftState => {
|
|
97
|
-
draftState.isPlaying = true;
|
|
98
|
-
draftState.isGameOver = false;
|
|
99
|
-
draftState.isPaused = false;
|
|
100
|
-
draftState.time = 0;
|
|
101
|
-
draftState.timerInterval = interval;
|
|
102
|
-
});
|
|
103
|
-
},
|
|
104
|
-
stopGame: () => {
|
|
105
|
-
const state = get();
|
|
106
|
-
if (state.timerInterval) {
|
|
107
|
-
clearInterval(state.timerInterval);
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
// Reset the game instead of showing game over modal
|
|
111
|
-
state.initializeGame(state.difficulty);
|
|
112
|
-
},
|
|
113
|
-
resetGame: () => {
|
|
114
|
-
const state = get();
|
|
115
|
-
if (state.timerInterval) {
|
|
116
|
-
clearInterval(state.timerInterval);
|
|
117
|
-
}
|
|
118
|
-
set(draftState => {
|
|
119
|
-
draftState.isPlaying = false;
|
|
120
|
-
draftState.isGameOver = false;
|
|
121
|
-
draftState.isPaused = false;
|
|
122
|
-
draftState.selectedContainerId = null;
|
|
123
|
-
draftState.time = 0;
|
|
124
|
-
draftState.timerInterval = null;
|
|
125
|
-
});
|
|
126
|
-
},
|
|
127
|
-
pauseGame: () => {
|
|
128
|
-
const state = get();
|
|
129
|
-
if (state.timerInterval) {
|
|
130
|
-
clearInterval(state.timerInterval);
|
|
131
|
-
}
|
|
132
|
-
set(draftState => {
|
|
133
|
-
draftState.isPaused = true;
|
|
134
|
-
draftState.timerInterval = null;
|
|
135
|
-
});
|
|
136
|
-
},
|
|
137
|
-
resumeGame: () => {
|
|
138
|
-
// Resume timer
|
|
139
|
-
const interval = setInterval(() => {
|
|
140
|
-
get().incrementTime();
|
|
141
|
-
}, 1000);
|
|
142
|
-
set(draftState => {
|
|
143
|
-
draftState.isPaused = false;
|
|
144
|
-
draftState.timerInterval = interval;
|
|
145
|
-
});
|
|
146
|
-
},
|
|
147
|
-
selectContainer: (containerId, settings) => {
|
|
148
|
-
const state = get();
|
|
149
|
-
const container = state.containers.find(c => c.id === containerId);
|
|
150
|
-
if (!container) return;
|
|
151
|
-
|
|
152
|
-
// If no container is selected yet
|
|
153
|
-
if (state.selectedContainerId === null) {
|
|
154
|
-
if (container.pieces.length === 0) {
|
|
155
|
-
playSound(GAME_SOUNDS.COLORS_SORT.MISS, settings.enableSounds);
|
|
156
|
-
playHaptic(HapticType.LIGHT, settings.enableHaptics);
|
|
157
|
-
return;
|
|
158
|
-
}
|
|
159
|
-
// First selection - select this container
|
|
160
|
-
set(draftState => {
|
|
161
|
-
draftState.selectedContainerId = containerId;
|
|
162
|
-
});
|
|
163
|
-
playSound(GAME_SOUNDS.COLORS_SORT.MATCH, settings.enableSounds);
|
|
164
|
-
playHaptic(HapticType.LIGHT, settings.enableHaptics);
|
|
165
|
-
} else if (state.selectedContainerId === containerId) {
|
|
166
|
-
set(draftState => {
|
|
167
|
-
draftState.selectedContainerId = null;
|
|
168
|
-
});
|
|
169
|
-
playSound(GAME_SOUNDS.COLORS_SORT.MISS, settings.enableSounds);
|
|
170
|
-
playHaptic(HapticType.LIGHT, settings.enableHaptics);
|
|
171
|
-
} else {
|
|
172
|
-
// Second selection - try to move piece (can be empty container)
|
|
173
|
-
get().movePiece(state.selectedContainerId, containerId, settings);
|
|
174
|
-
}
|
|
175
|
-
},
|
|
176
|
-
canMovePiece: (fromContainerId, toContainerId) => {
|
|
177
|
-
const state = get();
|
|
178
|
-
const fromContainer = state.containers.find(c => c.id === fromContainerId);
|
|
179
|
-
const toContainer = state.containers.find(c => c.id === toContainerId);
|
|
180
|
-
if (!fromContainer || !toContainer) return false;
|
|
181
|
-
if (fromContainer.pieces.length === 0) return false;
|
|
182
|
-
if (toContainer.pieces.length >= toContainer.maxCapacity) return false;
|
|
183
|
-
|
|
184
|
-
// Can move to any container that has space (no color restriction)
|
|
185
|
-
return true;
|
|
186
|
-
},
|
|
187
|
-
movePiece: (fromContainerId, toContainerId, settings) => {
|
|
188
|
-
const canMove = get().canMovePiece(fromContainerId, toContainerId);
|
|
189
|
-
if (!canMove) {
|
|
190
|
-
// Invalid move
|
|
191
|
-
set(state => {
|
|
192
|
-
state.selectedContainerId = null;
|
|
193
|
-
});
|
|
194
|
-
playSound(GAME_SOUNDS.COLORS_SORT.MISS, settings.enableSounds);
|
|
195
|
-
playHaptic(HapticType.LIGHT, settings.enableHaptics);
|
|
196
|
-
return;
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
// Valid move - move the piece
|
|
200
|
-
set(state => {
|
|
201
|
-
const fromContainer = state.containers.find(c => c.id === fromContainerId);
|
|
202
|
-
const toContainer = state.containers.find(c => c.id === toContainerId);
|
|
203
|
-
if (fromContainer && toContainer && fromContainer.pieces.length > 0) {
|
|
204
|
-
const piece = fromContainer.pieces.pop();
|
|
205
|
-
if (piece) {
|
|
206
|
-
toContainer.pieces.push(piece);
|
|
207
|
-
}
|
|
208
|
-
}
|
|
209
|
-
state.selectedContainerId = null;
|
|
210
|
-
});
|
|
211
|
-
playSound(GAME_SOUNDS.COLORS_SORT.MATCH, settings.enableSounds);
|
|
212
|
-
playHaptic(HapticType.MEDIUM, settings.enableHaptics);
|
|
213
|
-
|
|
214
|
-
// Check win condition
|
|
215
|
-
if (get().checkWinCondition()) {
|
|
216
|
-
playSound(GAME_SOUNDS.COLORS_SORT.COMPLETE, settings.enableSounds);
|
|
217
|
-
playHaptic(HapticType.SUCCESS, settings.enableHaptics);
|
|
218
|
-
get().stopGame();
|
|
219
|
-
}
|
|
220
|
-
},
|
|
221
|
-
checkWinCondition: () => {
|
|
222
|
-
const state = get();
|
|
223
|
-
|
|
224
|
-
// Win if all non-empty containers have all pieces of the same color
|
|
225
|
-
let sortedContainers = 0;
|
|
226
|
-
const colorCounts = new Map();
|
|
227
|
-
for (const container of state.containers) {
|
|
228
|
-
if (container.pieces.length === 0) continue; // Empty containers are OK
|
|
229
|
-
|
|
230
|
-
// Check if all pieces in this container are the same color
|
|
231
|
-
const firstColor = container.pieces[0]?.color;
|
|
232
|
-
const allSameColor = container.pieces.every(piece => piece.color === firstColor);
|
|
233
|
-
if (!allSameColor) return false; // Mixed colors = not solved
|
|
234
|
-
|
|
235
|
-
// This container is sorted (all same color)
|
|
236
|
-
sortedContainers++;
|
|
237
|
-
colorCounts.set(firstColor, (colorCounts.get(firstColor) || 0) + 1);
|
|
238
|
-
}
|
|
239
|
-
|
|
240
|
-
// Win if each color appears in exactly one container (all colors sorted)
|
|
241
|
-
return sortedContainers > 0 && colorCounts.size === sortedContainers;
|
|
242
|
-
},
|
|
243
|
-
incrementTime: () => {
|
|
244
|
-
set(state => {
|
|
245
|
-
state.time += 1;
|
|
246
|
-
});
|
|
247
|
-
}
|
|
248
|
-
}))));
|
|
249
|
-
|
|
250
|
-
// Selectors
|
|
251
|
-
export const useIsPlaying = () => useColorsSortStore(state => state.isPlaying);
|
|
252
|
-
export const useIsGameOver = () => useColorsSortStore(state => state.isGameOver);
|
|
253
|
-
export const useIsPaused = () => useColorsSortStore(state => state.isPaused);
|
|
254
|
-
export const useTime = () => useColorsSortStore(state => state.time);
|
|
255
|
-
export const useContainers = () => useColorsSortStore(state => state.containers);
|
|
256
|
-
export const useSelectedContainerId = () => useColorsSortStore(state => state.selectedContainerId);
|
|
257
|
-
//# sourceMappingURL=ColorsSortStore.js.map
|
|
1
|
+
"use strict";import{create}from 'zustand';import{subscribeWithSelector}from 'zustand/middleware';import{immerMiddleware}from "../../services/UtilsService.js";import{playSound,GAME_SOUNDS}from "../../services/SoundsService.js";import{playHaptic,HapticType}from "../../services/HapticsService.js";import{PIECE_COLORS}from "./ColorsSortConstants.js";const shuffleArray = array =>{const shuffled = [...array];for(let i = shuffled.length - 1;i > 0;i--){const j = Math.floor(Math.random()*(i + 1));const temp = shuffled[i];shuffled[i] = shuffled[j];shuffled[j] = temp;}return shuffled;};export const useColorsSortStore = create()(subscribeWithSelector(immerMiddleware((set,get)=>({isPlaying:false,isGameOver:false,isPaused:false,containers:[],selectedContainerId:null,time:0,timerInterval:null,initializeGame:difficulty =>{let numColors;let piecesPerColor;let numContainers;let maxCapacity;switch(difficulty){case 'easy':numColors = 3;piecesPerColor = 3;maxCapacity = 4;numContainers = 4;break;case 'medium':numColors = 4;piecesPerColor = 3;maxCapacity = 4;numContainers = 5;break;case 'hard':numColors = 5;piecesPerColor = 4;maxCapacity = 5;numContainers = 6;break;default:numColors = 4;piecesPerColor = 3;maxCapacity = 4;numContainers = 5;}const selectedColors = PIECE_COLORS.slice(0,numColors);let allPieces = [];selectedColors.forEach((color,colorIndex)=>{for(let i = 0;i < piecesPerColor;i++){allPieces.push({id:`piece-${colorIndex}-${i}`,color});}});allPieces = shuffleArray(allPieces);const containers = [];for(let i = 0;i < numContainers;i++){const container ={id:`container-${i}`,pieces:i < numColors ? allPieces.splice(0,piecesPerColor):[],maxCapacity,x:0,y:0};containers.push(container);}set(state =>{state.containers = containers;state.selectedContainerId = null;state.time = 0;state.isPlaying = false;state.isGameOver = false;});},startGame:()=>{const state = get();if(state.timerInterval){clearInterval(state.timerInterval);}const interval = setInterval(()=>{get().incrementTime();},1000);set(draftState =>{draftState.isPlaying = true;draftState.isGameOver = false;draftState.isPaused = false;draftState.time = 0;draftState.timerInterval = interval;});},stopGame:()=>{const state = get();if(state.timerInterval){clearInterval(state.timerInterval);}state.initializeGame(state.difficulty);},resetGame:()=>{const state = get();if(state.timerInterval){clearInterval(state.timerInterval);}set(draftState =>{draftState.isPlaying = false;draftState.isGameOver = false;draftState.isPaused = false;draftState.selectedContainerId = null;draftState.time = 0;draftState.timerInterval = null;});},pauseGame:()=>{const state = get();if(state.timerInterval){clearInterval(state.timerInterval);}set(draftState =>{draftState.isPaused = true;draftState.timerInterval = null;});},resumeGame:()=>{const interval = setInterval(()=>{get().incrementTime();},1000);set(draftState =>{draftState.isPaused = false;draftState.timerInterval = interval;});},selectContainer:(containerId,settings)=>{const state = get();const container = state.containers.find(c => c.id === containerId);if(!container)return;if(state.selectedContainerId === null){if(container.pieces.length === 0){playSound(GAME_SOUNDS.COLORS_SORT.MISS,settings.enableSounds);playHaptic(HapticType.LIGHT,settings.enableHaptics);return;}set(draftState =>{draftState.selectedContainerId = containerId;});playSound(GAME_SOUNDS.COLORS_SORT.MATCH,settings.enableSounds);playHaptic(HapticType.LIGHT,settings.enableHaptics);}else if(state.selectedContainerId === containerId){set(draftState =>{draftState.selectedContainerId = null;});playSound(GAME_SOUNDS.COLORS_SORT.MISS,settings.enableSounds);playHaptic(HapticType.LIGHT,settings.enableHaptics);}else{get().movePiece(state.selectedContainerId,containerId,settings);}},canMovePiece:(fromContainerId,toContainerId)=>{const state = get();const fromContainer = state.containers.find(c => c.id === fromContainerId);const toContainer = state.containers.find(c => c.id === toContainerId);if(!fromContainer || !toContainer)return false;if(fromContainer.pieces.length === 0)return false;if(toContainer.pieces.length >= toContainer.maxCapacity)return false;return true;},movePiece:(fromContainerId,toContainerId,settings)=>{const canMove = get().canMovePiece(fromContainerId,toContainerId);if(!canMove){set(state =>{state.selectedContainerId = null;});playSound(GAME_SOUNDS.COLORS_SORT.MISS,settings.enableSounds);playHaptic(HapticType.LIGHT,settings.enableHaptics);return;}set(state =>{const fromContainer = state.containers.find(c => c.id === fromContainerId);const toContainer = state.containers.find(c => c.id === toContainerId);if(fromContainer && toContainer && fromContainer.pieces.length > 0){const piece = fromContainer.pieces.pop();if(piece){toContainer.pieces.push(piece);}}state.selectedContainerId = null;});setTimeout(()=>{const hasWon = get().checkWinCondition();if(hasWon){set(state =>{state.isGameOver = true;state.isPlaying = false;if(state.timerInterval){clearInterval(state.timerInterval);state.timerInterval = null;}});playSound(GAME_SOUNDS.COLORS_SORT.COMPLETE,settings.enableSounds);playHaptic(HapticType.SUCCESS,settings.enableHaptics);}},0);playSound(GAME_SOUNDS.COLORS_SORT.MATCH,settings.enableSounds);playHaptic(HapticType.MEDIUM,settings.enableHaptics);},checkWinCondition:()=>{const state = get();const colorPieces = new Map();for(const container of state.containers){if(container.pieces.length === 0)continue;const targetColor = container.pieces[0]?.color;const allSameColor = container.pieces.every(piece => piece.color === targetColor);if(!allSameColor)return false;const currentCount = colorPieces.get(targetColor)|| 0;colorPieces.set(targetColor,currentCount + container.pieces.length);}for(const container of state.containers){if(container.pieces.length === 0)continue;const targetColor = container.pieces[0]?.color;const totalPiecesOfColor = colorPieces.get(targetColor)|| 0;const isContainerValid = container.pieces.length === container.maxCapacity || container.pieces.length === totalPiecesOfColor;if(!isContainerValid)return false;}return true;},incrementTime:()=>{set(state =>{state.time += 1;});}}))));export const useIsPlaying =()=> useColorsSortStore(state => state.isPlaying);export const useIsGameOver =()=> useColorsSortStore(state => state.isGameOver);export const useIsPaused =()=> useColorsSortStore(state => state.isPaused);export const useTime =()=> useColorsSortStore(state => state.time);export const useContainers =()=> useColorsSortStore(state => state.containers);export const useSelectedContainerId =()=> useColorsSortStore(state => state.selectedContainerId);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["create","subscribeWithSelector","immerMiddleware","playSound","GAME_SOUNDS","playHaptic","HapticType","PIECE_COLORS","shuffleArray","array","shuffled","i","length","j","Math","floor","random","temp","useColorsSortStore","set","get","isPlaying","isGameOver","isPaused","containers","selectedContainerId","time","timerInterval","initializeGame","difficulty","numColors","piecesPerColor","numContainers","maxCapacity","selectedColors","slice","allPieces","forEach","color","colorIndex","push","id","container","pieces","splice","x","y","state","startGame","clearInterval","interval","setInterval","incrementTime","draftState","stopGame","resetGame","pauseGame","resumeGame","selectContainer","containerId","settings","find","c","COLORS_SORT","MISS","enableSounds","LIGHT","enableHaptics","MATCH","movePiece","canMovePiece","fromContainerId","toContainerId","fromContainer","toContainer","canMove","piece","pop","MEDIUM","checkWinCondition","COMPLETE","SUCCESS","sortedContainers","colorCounts","Map","firstColor","allSameColor","every","size","useIsPlaying","useIsGameOver","useIsPaused","useTime","useContainers","useSelectedContainerId"],"sourceRoot":"../../../../src","sources":["games/colors-sort/ColorsSortStore.ts"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["create","subscribeWithSelector","immerMiddleware","playSound","GAME_SOUNDS","playHaptic","HapticType","PIECE_COLORS","shuffleArray","array","shuffled","i","length","j","Math","floor","random","temp","useColorsSortStore","set","get","isPlaying","isGameOver","isPaused","containers","selectedContainerId","time","timerInterval","initializeGame","difficulty","numColors","piecesPerColor","numContainers","maxCapacity","selectedColors","slice","allPieces","forEach","color","colorIndex","push","id","container","pieces","splice","x","y","state","startGame","clearInterval","interval","setInterval","incrementTime","draftState","stopGame","resetGame","pauseGame","resumeGame","selectContainer","containerId","settings","find","c","COLORS_SORT","MISS","enableSounds","LIGHT","enableHaptics","MATCH","movePiece","canMovePiece","fromContainerId","toContainerId","fromContainer","toContainer","canMove","piece","pop","setTimeout","hasWon","checkWinCondition","COMPLETE","SUCCESS","MEDIUM","colorPieces","Map","targetColor","allSameColor","every","currentCount","totalPiecesOfColor","isContainerValid","useIsPlaying","useIsGameOver","useIsPaused","useTime","useContainers","useSelectedContainerId"],"sourceRoot":"../../../../src","sources":["games/colors-sort/ColorsSortStore.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,140 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import React, { useMemo } from 'react';
|
|
4
|
-
import { TouchableOpacity, View, StyleSheet } from 'react-native';
|
|
5
|
-
import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';
|
|
6
|
-
import { COLORS_SORT_COLORS, COLORS_SORT_GAME_CONFIG } from "../ColorsSortConstants.js";
|
|
7
|
-
import { getPieceHeight } from "../ColorsSortService.js";
|
|
8
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
-
const AnimatedPiece = /*#__PURE__*/React.memo(({
|
|
10
|
-
piece,
|
|
11
|
-
isTopPiece,
|
|
12
|
-
isSelected,
|
|
13
|
-
marginTop,
|
|
14
|
-
size,
|
|
15
|
-
height
|
|
16
|
-
}) => {
|
|
17
|
-
const pieceAnimatedStyle = useAnimatedStyle(() => ({
|
|
18
|
-
transform: [{
|
|
19
|
-
translateY: withTiming(isSelected && isTopPiece ? -15 : 0, {
|
|
20
|
-
duration: 200
|
|
21
|
-
})
|
|
22
|
-
}]
|
|
23
|
-
}), [isSelected, isTopPiece]);
|
|
24
|
-
return /*#__PURE__*/_jsx(Animated.View, {
|
|
25
|
-
style: [{
|
|
26
|
-
marginTop
|
|
27
|
-
}, isTopPiece && pieceAnimatedStyle],
|
|
28
|
-
children: /*#__PURE__*/_jsxs(View, {
|
|
29
|
-
style: [styles.piece, {
|
|
30
|
-
backgroundColor: piece.color,
|
|
31
|
-
width: size,
|
|
32
|
-
height
|
|
33
|
-
}],
|
|
34
|
-
children: [/*#__PURE__*/_jsx(View, {
|
|
35
|
-
style: styles.pieceShine
|
|
36
|
-
}), /*#__PURE__*/_jsx(View, {
|
|
37
|
-
style: styles.pieceDepth
|
|
38
|
-
})]
|
|
39
|
-
})
|
|
40
|
-
});
|
|
41
|
-
});
|
|
42
|
-
AnimatedPiece.displayName = 'AnimatedPiece';
|
|
43
|
-
export const ColorContainer = /*#__PURE__*/React.memo(({
|
|
44
|
-
container,
|
|
45
|
-
isSelected,
|
|
46
|
-
onPress,
|
|
47
|
-
difficulty
|
|
48
|
-
}) => {
|
|
49
|
-
const {
|
|
50
|
-
PIECE_SIZE,
|
|
51
|
-
PIECE_SPACING
|
|
52
|
-
} = COLORS_SORT_GAME_CONFIG;
|
|
53
|
-
const pieceHeight = useMemo(() => getPieceHeight(difficulty, PIECE_SIZE), [difficulty, PIECE_SIZE]);
|
|
54
|
-
|
|
55
|
-
// Memoize container style to prevent recreation
|
|
56
|
-
const containerStyle = useMemo(() => [styles.container, {
|
|
57
|
-
borderWidth: isSelected ? 3 : 2,
|
|
58
|
-
borderColor: isSelected ? COLORS_SORT_COLORS.BUTTON_PRIMARY : COLORS_SORT_COLORS.BASE_DARK
|
|
59
|
-
}], [isSelected]);
|
|
60
|
-
return /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
61
|
-
onPress: onPress,
|
|
62
|
-
activeOpacity: 0.7,
|
|
63
|
-
children: /*#__PURE__*/_jsx(View, {
|
|
64
|
-
style: containerStyle,
|
|
65
|
-
children: /*#__PURE__*/_jsx(View, {
|
|
66
|
-
style: styles.pieceStack,
|
|
67
|
-
children: [...container.pieces].reverse().map((piece, index) => /*#__PURE__*/_jsx(AnimatedPiece, {
|
|
68
|
-
piece: piece,
|
|
69
|
-
isTopPiece: index === 0,
|
|
70
|
-
isSelected: isSelected,
|
|
71
|
-
marginTop: index === 0 ? 0 : PIECE_SPACING,
|
|
72
|
-
size: 70,
|
|
73
|
-
height: pieceHeight
|
|
74
|
-
}, piece.id))
|
|
75
|
-
})
|
|
76
|
-
})
|
|
77
|
-
});
|
|
78
|
-
});
|
|
79
|
-
ColorContainer.displayName = 'ColorContainer';
|
|
80
|
-
const styles = StyleSheet.create({
|
|
81
|
-
container: {
|
|
82
|
-
alignItems: 'center',
|
|
83
|
-
justifyContent: 'flex-end',
|
|
84
|
-
width: 80,
|
|
85
|
-
height: 225,
|
|
86
|
-
borderRadius: 15,
|
|
87
|
-
backgroundColor: 'rgba(192, 192, 192, 0.6)',
|
|
88
|
-
paddingHorizontal: 5,
|
|
89
|
-
paddingTop: 10,
|
|
90
|
-
paddingBottom: 5,
|
|
91
|
-
shadowColor: '#000',
|
|
92
|
-
shadowOffset: {
|
|
93
|
-
width: 0,
|
|
94
|
-
height: 4
|
|
95
|
-
},
|
|
96
|
-
shadowOpacity: 0.3,
|
|
97
|
-
shadowRadius: 5,
|
|
98
|
-
elevation: 5
|
|
99
|
-
},
|
|
100
|
-
pieceStack: {
|
|
101
|
-
alignItems: 'center',
|
|
102
|
-
justifyContent: 'flex-end',
|
|
103
|
-
flex: 1
|
|
104
|
-
},
|
|
105
|
-
piece: {
|
|
106
|
-
borderRadius: 10,
|
|
107
|
-
borderLeftWidth: 2,
|
|
108
|
-
borderRightWidth: 2,
|
|
109
|
-
borderBottomWidth: 2,
|
|
110
|
-
borderTopWidth: 0,
|
|
111
|
-
borderColor: 'rgba(0, 0, 0, 0.3)',
|
|
112
|
-
overflow: 'hidden',
|
|
113
|
-
shadowColor: '#000',
|
|
114
|
-
shadowOffset: {
|
|
115
|
-
width: 0,
|
|
116
|
-
height: 3
|
|
117
|
-
},
|
|
118
|
-
shadowOpacity: 0.4,
|
|
119
|
-
shadowRadius: 4,
|
|
120
|
-
elevation: 5
|
|
121
|
-
},
|
|
122
|
-
pieceShine: {
|
|
123
|
-
position: 'absolute',
|
|
124
|
-
top: 2,
|
|
125
|
-
left: 2,
|
|
126
|
-
right: '50%',
|
|
127
|
-
height: '30%',
|
|
128
|
-
backgroundColor: 'rgba(255, 255, 255, 0.3)',
|
|
129
|
-
borderRadius: 6
|
|
130
|
-
},
|
|
131
|
-
pieceDepth: {
|
|
132
|
-
position: 'absolute',
|
|
133
|
-
bottom: 0,
|
|
134
|
-
left: 0,
|
|
135
|
-
right: 0,
|
|
136
|
-
height: 4,
|
|
137
|
-
backgroundColor: 'rgba(0, 0, 0, 0.2)'
|
|
138
|
-
}
|
|
139
|
-
});
|
|
140
|
-
//# sourceMappingURL=ColorContainer.js.map
|
|
1
|
+
"use strict";import React,{useMemo}from 'react';import{TouchableOpacity,View,StyleSheet}from 'react-native';import Animated,{useAnimatedStyle,withTiming}from 'react-native-reanimated';import{COLORS_SORT_COLORS,COLORS_SORT_GAME_CONFIG}from "../ColorsSortConstants.js";import{getPieceHeight}from "../ColorsSortService.js";import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";const AnimatedPiece = React.memo(({piece,isTopPiece,isSelected,marginTop,size,height})=>{const pieceAnimatedStyle = useAnimatedStyle(()=>({transform:[{translateY:withTiming(isSelected && isTopPiece ? -15:0,{duration:200})}]}),[isSelected,isTopPiece]);return _jsx(Animated.View,{style:[{marginTop},isTopPiece && pieceAnimatedStyle],children:_jsxs(View,{style:[styles.piece,{backgroundColor:piece.color,width:size,height}],children:[_jsx(View,{style:styles.pieceShine}),_jsx(View,{style:styles.pieceDepth})]})});});AnimatedPiece.displayName = 'AnimatedPiece';export const ColorContainer = React.memo(({container,isSelected,onPress,difficulty})=>{const{PIECE_SIZE,PIECE_SPACING}= COLORS_SORT_GAME_CONFIG;const pieceHeight = useMemo(()=> getPieceHeight(difficulty,PIECE_SIZE),[difficulty,PIECE_SIZE]);const containerStyle = useMemo(()=> [styles.container,{borderWidth:isSelected ? 3:2,borderColor:isSelected ? COLORS_SORT_COLORS.BUTTON_PRIMARY:COLORS_SORT_COLORS.BASE_DARK}],[isSelected]);return _jsx(TouchableOpacity,{onPress:onPress,activeOpacity:0.7,children:_jsx(View,{style:containerStyle,children:_jsx(View,{style:styles.pieceStack,children:[...container.pieces].reverse().map((piece,index)=> _jsx(AnimatedPiece,{piece:piece,isTopPiece:index === 0,isSelected:isSelected,marginTop:index === 0 ? 0:PIECE_SPACING,size:70,height:pieceHeight},piece.id))})})});});ColorContainer.displayName = 'ColorContainer';const styles = StyleSheet.create({container:{alignItems:'center',justifyContent:'flex-end',width:80,height:225,borderRadius:15,backgroundColor:'rgba(192,192,192,0.6)',paddingHorizontal:5,paddingTop:10,paddingBottom:5,shadowColor:'#000',shadowOffset:{width:0,height:4},shadowOpacity:0.3,shadowRadius:5,elevation:5},pieceStack:{alignItems:'center',justifyContent:'flex-end',flex:1},piece:{borderRadius:10,borderLeftWidth:2,borderRightWidth:2,borderBottomWidth:2,borderTopWidth:0,borderColor:'rgba(0,0,0,0.3)',overflow:'hidden',shadowColor:'#000',shadowOffset:{width:0,height:3},shadowOpacity:0.4,shadowRadius:4,elevation:5},pieceShine:{position:'absolute',top:2,left:2,right:'50%',height:'30%',backgroundColor:'rgba(255,255,255,0.3)',borderRadius:6},pieceDepth:{position:'absolute',bottom:0,left:0,right:0,height:4,backgroundColor:'rgba(0,0,0,0.2)'}});
|
|
@@ -1,135 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import React, { useMemo } from 'react';
|
|
4
|
-
import { View, Dimensions } from 'react-native';
|
|
5
|
-
import { Canvas, LinearGradient, Rect, vec, Circle, RoundedRect } from '@shopify/react-native-skia';
|
|
6
|
-
import { generateFloatingBlocks, getDecorativeBlocks, getDecorativeCircles, getGradientColors } from "../ColorsSortService.js";
|
|
7
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
-
const {
|
|
9
|
-
width,
|
|
10
|
-
height
|
|
11
|
-
} = Dimensions.get('window');
|
|
12
|
-
export const GameBackground = /*#__PURE__*/React.memo(({
|
|
13
|
-
children
|
|
14
|
-
}) => {
|
|
15
|
-
const floatingBlocks = useMemo(() => generateFloatingBlocks(), []);
|
|
16
|
-
const decorativeBlocks = useMemo(() => getDecorativeBlocks(), []);
|
|
17
|
-
const decorativeCircles = useMemo(() => getDecorativeCircles(), []);
|
|
18
|
-
const gradients = useMemo(() => getGradientColors(), []);
|
|
19
|
-
const renderFloatingBlocks = useMemo(() => {
|
|
20
|
-
return floatingBlocks.map(block => {
|
|
21
|
-
if (block.type === 'square') {
|
|
22
|
-
return /*#__PURE__*/_jsx(RoundedRect, {
|
|
23
|
-
x: block.x,
|
|
24
|
-
y: block.y,
|
|
25
|
-
width: block.size,
|
|
26
|
-
height: block.size,
|
|
27
|
-
r: block.size * 0.2,
|
|
28
|
-
color: block.color
|
|
29
|
-
}, block.key);
|
|
30
|
-
} else if (block.type === 'rect') {
|
|
31
|
-
return /*#__PURE__*/_jsx(RoundedRect, {
|
|
32
|
-
x: block.x,
|
|
33
|
-
y: block.y,
|
|
34
|
-
width: block.size * 0.6,
|
|
35
|
-
height: block.size,
|
|
36
|
-
r: block.size * 0.15,
|
|
37
|
-
color: block.color
|
|
38
|
-
}, block.key);
|
|
39
|
-
} else if (block.type === 'wide') {
|
|
40
|
-
return /*#__PURE__*/_jsx(RoundedRect, {
|
|
41
|
-
x: block.x,
|
|
42
|
-
y: block.y,
|
|
43
|
-
width: block.size * 1.2,
|
|
44
|
-
height: block.size * 0.8,
|
|
45
|
-
r: block.size * 0.1,
|
|
46
|
-
color: block.color
|
|
47
|
-
}, block.key);
|
|
48
|
-
} else {
|
|
49
|
-
return /*#__PURE__*/_jsx(Circle, {
|
|
50
|
-
cx: block.x + block.size / 2,
|
|
51
|
-
cy: block.y + block.size / 2,
|
|
52
|
-
r: block.size / 2,
|
|
53
|
-
color: block.color
|
|
54
|
-
}, block.key);
|
|
55
|
-
}
|
|
56
|
-
});
|
|
57
|
-
}, [floatingBlocks]);
|
|
58
|
-
return /*#__PURE__*/_jsxs(View, {
|
|
59
|
-
style: {
|
|
60
|
-
flex: 1
|
|
61
|
-
},
|
|
62
|
-
children: [/*#__PURE__*/_jsxs(Canvas, {
|
|
63
|
-
style: {
|
|
64
|
-
position: 'absolute',
|
|
65
|
-
top: 0,
|
|
66
|
-
left: 0,
|
|
67
|
-
right: 0,
|
|
68
|
-
bottom: 0,
|
|
69
|
-
width,
|
|
70
|
-
height
|
|
71
|
-
},
|
|
72
|
-
children: [/*#__PURE__*/_jsx(Rect, {
|
|
73
|
-
x: 0,
|
|
74
|
-
y: 0,
|
|
75
|
-
width: width,
|
|
76
|
-
height: height,
|
|
77
|
-
children: /*#__PURE__*/_jsx(LinearGradient, {
|
|
78
|
-
start: vec(0, 0),
|
|
79
|
-
end: vec(width, height),
|
|
80
|
-
colors: gradients.main
|
|
81
|
-
})
|
|
82
|
-
}), /*#__PURE__*/_jsx(Rect, {
|
|
83
|
-
x: 0,
|
|
84
|
-
y: 0,
|
|
85
|
-
width: width,
|
|
86
|
-
height: height,
|
|
87
|
-
children: /*#__PURE__*/_jsx(LinearGradient, {
|
|
88
|
-
start: vec(0, 0),
|
|
89
|
-
end: vec(width / 2, height / 2),
|
|
90
|
-
colors: gradients.overlay
|
|
91
|
-
})
|
|
92
|
-
}), /*#__PURE__*/_jsx(Rect, {
|
|
93
|
-
x: 0,
|
|
94
|
-
y: 0,
|
|
95
|
-
width: width,
|
|
96
|
-
height: height,
|
|
97
|
-
children: /*#__PURE__*/_jsx(LinearGradient, {
|
|
98
|
-
start: vec(width, 0),
|
|
99
|
-
end: vec(0, height),
|
|
100
|
-
colors: gradients.diagonal
|
|
101
|
-
})
|
|
102
|
-
}), renderFloatingBlocks, decorativeBlocks.map(block => /*#__PURE__*/_jsx(RoundedRect, {
|
|
103
|
-
x: block.x,
|
|
104
|
-
y: block.y,
|
|
105
|
-
width: block.size,
|
|
106
|
-
height: block.size,
|
|
107
|
-
r: block.r,
|
|
108
|
-
color: block.color
|
|
109
|
-
}, block.key)), decorativeCircles.map(circle => /*#__PURE__*/_jsx(Circle, {
|
|
110
|
-
cx: circle.cx,
|
|
111
|
-
cy: circle.cy,
|
|
112
|
-
r: circle.r,
|
|
113
|
-
color: circle.color
|
|
114
|
-
}, circle.key)), Array.from({
|
|
115
|
-
length: Math.floor(width / 60)
|
|
116
|
-
}, (_, i) => /*#__PURE__*/_jsx(Rect, {
|
|
117
|
-
x: i * 60,
|
|
118
|
-
y: 0,
|
|
119
|
-
width: 1,
|
|
120
|
-
height: height,
|
|
121
|
-
color: "rgba(255, 255, 255, 0.05)"
|
|
122
|
-
}, `grid-v-${i}`)), Array.from({
|
|
123
|
-
length: Math.floor(height / 60)
|
|
124
|
-
}, (_, i) => /*#__PURE__*/_jsx(Rect, {
|
|
125
|
-
x: 0,
|
|
126
|
-
y: i * 60,
|
|
127
|
-
width: width,
|
|
128
|
-
height: 1,
|
|
129
|
-
color: "rgba(255, 255, 255, 0.05)"
|
|
130
|
-
}, `grid-h-${i}`))]
|
|
131
|
-
}), children]
|
|
132
|
-
});
|
|
133
|
-
});
|
|
134
|
-
GameBackground.displayName = 'GameBackground';
|
|
135
|
-
//# sourceMappingURL=GameBackground.js.map
|
|
1
|
+
"use strict";import React,{useMemo}from 'react';import{View,Dimensions}from 'react-native';import{Canvas,LinearGradient,Rect,vec,Circle,RoundedRect}from '@shopify/react-native-skia';import{generateFloatingBlocks,getDecorativeBlocks,getDecorativeCircles,getGradientColors}from "../ColorsSortService.js";import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";const{width,height}= Dimensions.get('window');export const GameBackground = React.memo(({children})=>{const floatingBlocks = useMemo(()=> generateFloatingBlocks(),[]);const decorativeBlocks = useMemo(()=> getDecorativeBlocks(),[]);const decorativeCircles = useMemo(()=> getDecorativeCircles(),[]);const gradients = useMemo(()=> getGradientColors(),[]);const renderFloatingBlocks = useMemo(()=>{return floatingBlocks.map(block =>{if(block.type === 'square'){return _jsx(RoundedRect,{x:block.x,y:block.y,width:block.size,height:block.size,r:block.size * 0.2,color:block.color},block.key);}else if(block.type === 'rect'){return _jsx(RoundedRect,{x:block.x,y:block.y,width:block.size * 0.6,height:block.size,r:block.size * 0.15,color:block.color},block.key);}else if(block.type === 'wide'){return _jsx(RoundedRect,{x:block.x,y:block.y,width:block.size * 1.2,height:block.size * 0.8,r:block.size * 0.1,color:block.color},block.key);}else{return _jsx(Circle,{cx:block.x + block.size / 2,cy:block.y + block.size / 2,r:block.size / 2,color:block.color},block.key);}});},[floatingBlocks]);return _jsxs(View,{style:{flex:1},children:[_jsxs(Canvas,{style:{position:'absolute',top:0,left:0,right:0,bottom:0,width,height},children:[_jsx(Rect,{x:0,y:0,width:width,height:height,children:_jsx(LinearGradient,{start:vec(0,0),end:vec(width,height),colors:gradients.main})}),_jsx(Rect,{x:0,y:0,width:width,height:height,children:_jsx(LinearGradient,{start:vec(0,0),end:vec(width / 2,height / 2),colors:gradients.overlay})}),_jsx(Rect,{x:0,y:0,width:width,height:height,children:_jsx(LinearGradient,{start:vec(width,0),end:vec(0,height),colors:gradients.diagonal})}),renderFloatingBlocks,decorativeBlocks.map(block => _jsx(RoundedRect,{x:block.x,y:block.y,width:block.size,height:block.size,r:block.r,color:block.color},block.key)),decorativeCircles.map(circle => _jsx(Circle,{cx:circle.cx,cy:circle.cy,r:circle.r,color:circle.color},circle.key)),Array.from({length:Math.floor(width / 60)},(_,i)=> _jsx(Rect,{x:i * 60,y:0,width:1,height:height,color:"rgba(255,255,255,0.05)"},`grid-v-${i}`)),Array.from({length:Math.floor(height / 60)},(_,i)=> _jsx(Rect,{x:0,y:i * 60,width:width,height:1,color:"rgba(255,255,255,0.05)"},`grid-h-${i}`))]}),children]});});GameBackground.displayName = 'GameBackground';
|
|
@@ -1,70 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import React, { useMemo } from 'react';
|
|
4
|
-
import { View, Text, StyleSheet } from 'react-native';
|
|
5
|
-
import { useTime } from "../ColorsSortStore.js";
|
|
6
|
-
import { COLORS_SORT_COLORS } from "../ColorsSortConstants.js";
|
|
7
|
-
import { formatTime } from "../ColorsSortService.js";
|
|
8
|
-
import { ScoreBoardContainer } from "../../../helpers/index.js";
|
|
9
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
-
export const ScoreBoard = /*#__PURE__*/React.memo(({
|
|
11
|
-
offset = 0
|
|
12
|
-
}) => {
|
|
13
|
-
const time = useTime();
|
|
14
|
-
const formattedTime = useMemo(() => formatTime(time), [time]);
|
|
15
|
-
return /*#__PURE__*/_jsx(ScoreBoardContainer, {
|
|
16
|
-
offset: offset,
|
|
17
|
-
backgroundColor: COLORS_SORT_COLORS.SCORE_BACKGROUND,
|
|
18
|
-
borderColor: COLORS_SORT_COLORS.SCORE_BORDER,
|
|
19
|
-
children: /*#__PURE__*/_jsx(View, {
|
|
20
|
-
style: styles.scoreBoard,
|
|
21
|
-
children: /*#__PURE__*/_jsxs(View, {
|
|
22
|
-
style: styles.scoreItem,
|
|
23
|
-
children: [/*#__PURE__*/_jsx(Text, {
|
|
24
|
-
style: styles.scoreLabel,
|
|
25
|
-
children: "TIME"
|
|
26
|
-
}), /*#__PURE__*/_jsx(Text, {
|
|
27
|
-
style: styles.scoreValue,
|
|
28
|
-
children: formattedTime
|
|
29
|
-
})]
|
|
30
|
-
})
|
|
31
|
-
})
|
|
32
|
-
});
|
|
33
|
-
});
|
|
34
|
-
const styles = StyleSheet.create({
|
|
35
|
-
scoreBoard: {
|
|
36
|
-
flexDirection: 'row',
|
|
37
|
-
justifyContent: 'space-around',
|
|
38
|
-
alignItems: 'center'
|
|
39
|
-
},
|
|
40
|
-
scoreItem: {
|
|
41
|
-
alignItems: 'center',
|
|
42
|
-
flex: 1
|
|
43
|
-
},
|
|
44
|
-
scoreLabel: {
|
|
45
|
-
fontSize: 12,
|
|
46
|
-
fontWeight: '700',
|
|
47
|
-
color: COLORS_SORT_COLORS.SCORE_TEXT,
|
|
48
|
-
marginBottom: 4,
|
|
49
|
-
letterSpacing: 1,
|
|
50
|
-
textShadowColor: 'rgba(0, 0, 0, 0.5)',
|
|
51
|
-
textShadowOffset: {
|
|
52
|
-
width: 1,
|
|
53
|
-
height: 1
|
|
54
|
-
},
|
|
55
|
-
textShadowRadius: 2
|
|
56
|
-
},
|
|
57
|
-
scoreValue: {
|
|
58
|
-
fontSize: 24,
|
|
59
|
-
fontWeight: '900',
|
|
60
|
-
color: COLORS_SORT_COLORS.SCORE_TEXT,
|
|
61
|
-
textShadowColor: 'rgba(0, 0, 0, 0.8)',
|
|
62
|
-
textShadowOffset: {
|
|
63
|
-
width: 1,
|
|
64
|
-
height: 1
|
|
65
|
-
},
|
|
66
|
-
textShadowRadius: 2
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
ScoreBoard.displayName = 'ScoreBoard';
|
|
70
|
-
//# sourceMappingURL=ScoreBoard.js.map
|
|
1
|
+
"use strict";import React,{useMemo}from 'react';import{View,Text,StyleSheet}from 'react-native';import{useTime}from "../ColorsSortStore.js";import{COLORS_SORT_COLORS}from "../ColorsSortConstants.js";import{formatTime}from "../ColorsSortService.js";import{ScoreBoardContainer}from "../../../helpers/index.js";import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";export const ScoreBoard = React.memo(({offset = 0})=>{const time = useTime();const formattedTime = useMemo(()=> formatTime(time),[time]);return _jsx(ScoreBoardContainer,{offset:offset,backgroundColor:COLORS_SORT_COLORS.SCORE_BACKGROUND,borderColor:COLORS_SORT_COLORS.SCORE_BORDER,children:_jsx(View,{style:styles.scoreBoard,children:_jsxs(View,{style:styles.scoreItem,children:[_jsx(Text,{style:styles.scoreLabel,children:"TIME"}),_jsx(Text,{style:styles.scoreValue,children:formattedTime})]})})});});const styles = StyleSheet.create({scoreBoard:{flexDirection:'row',justifyContent:'space-around',alignItems:'center'},scoreItem:{alignItems:'center',flex:1},scoreLabel:{fontSize:16,fontWeight:'700',color:COLORS_SORT_COLORS.SCORE_TEXT,marginBottom:4,letterSpacing:1,textShadowColor:'rgba(0,0,0,0.5)',textShadowOffset:{width:1,height:1},textShadowRadius:2},scoreValue:{fontSize:25,fontWeight:'900',color:COLORS_SORT_COLORS.SCORE_TEXT,textShadowColor:'rgba(0,0,0,0.8)',textShadowOffset:{width:1,height:1},textShadowRadius:2}});ScoreBoard.displayName = 'ScoreBoard';
|