react-native-games 1.0.0 → 1.1.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.
Files changed (2) hide show
  1. package/README.md +26 -365
  2. package/package.json +1 -1
package/README.md CHANGED
@@ -1,369 +1,30 @@
1
1
  # 🎮 react-native-games
2
2
 
3
- **react-native-games** is a collection of 14 high-performance games for your React Native projects. Built with modern React Native technologies including Skia, Reanimated, Gesture Handler and TypeScript for smooth 60fps gameplay across iOS, Android, and Web platforms.
4
-
5
- <table style="border: none;">
6
- <tr style="border: none;">
7
- <td width="33%" style="border: none; vertical-align: top;">
8
-
9
- ### 🚀 High Performance
10
- - 60fps gameplay with React Native Skia
11
- - Optimized animations using Reanimated 3
12
- - Delta time physics loops
13
- - React.memo optimizations
14
- - Minimal re-renders with direct store subscriptions
15
-
16
- </td>
17
- <td width="33%" style="border: none; vertical-align: top;">
18
-
19
- ### 📱 Cross-Platform
20
- - iOS, Android, and Web support
21
- - Consistent performance across platforms
22
- - Responsive design for all screen sizes
23
- - Dynamic offset handling for notches
24
- - Adaptive UI components
25
-
26
- </td>
27
- <td width="33%" style="border: none; vertical-align: top;">
28
-
29
- ### 🎵 Rich Audio & Haptics
30
- - Sound effects and speech synthesis
31
- - Haptic feedback for immersive experience
32
- - Configurable audio settings
33
- - Per-game sound customization
34
-
35
- </td>
36
- </tr>
37
- <tr style="border: none;">
38
- <td width="33%" style="border: none; vertical-align: top;">
39
-
40
- ### 🎯 Customizable
41
- - Multiple difficulty levels
42
- - Adjustable game parameters
43
- - Persistent settings storage
44
- - Unified settings interface
45
-
46
- </td>
47
- <td width="33%" style="border: none; vertical-align: top;">
48
-
49
- ### 🎮 Game Features
50
- - Physics simulation and collisions
51
- - Particle systems and visual effects
52
- - Procedural generation (mazes, obstacles)
53
- - Score systems and achievements
54
- - Progressive difficulty scaling
55
-
56
- </td>
57
- <td width="33%" style="border: none; vertical-align: top;">
58
-
59
- ### 🛠️ Developer Friendly
60
- - TypeScript support throughout
61
- - Shared components (GameControlButton, ScoreBoard)
62
- - Consistent API across all games
63
- - Easy integration and customization
64
- - Comprehensive documentation
65
-
66
- </td>
67
- </tr>
68
- </table>
3
+ **react-native-games** is a collection of high-performance games for your React Native projects. Built with modern React Native technologies including Skia, Reanimated, Gesture Handler and TypeScript for smooth 60fps gameplay across iOS, Android, and Web platforms.
4
+
5
+ | | | |
6
+ |:---|:---|:---|
7
+ | **🚀 High Performance**<br/>• 60fps gameplay with React Native Skia<br/>• Optimized animations using Reanimated 3<br/>• Delta time physics loops<br/>• React.memo optimizations<br/>• Minimal re-renders with direct store subscriptions | **📱 Cross-Platform**<br/>• iOS, Android, and Web support<br/>• Consistent performance across platforms<br/>• Responsive design for all screen sizes<br/>• Dynamic offset handling for notches<br/>• Adaptive UI components | **🎵 Rich Audio & Haptics**<br/>• Sound effects and speech synthesis<br/>• Haptic feedback for immersive experience<br/>• Configurable audio settings<br/>• Per-game sound customization |
8
+ | **🎯 Customizable**<br/>• Multiple difficulty levels<br/>• Adjustable game parameters<br/>• Persistent settings storage<br/>• Unified settings interface | **🎮 Game Features**<br/>• Physics simulation and collisions<br/>• Particle systems and visual effects<br/>• Procedural generation (mazes, obstacles)<br/>• Score systems and achievements<br/>• Progressive difficulty scaling | **🛠️ Developer Friendly**<br/>• TypeScript support throughout<br/>• Shared components (GameControlButton, ScoreBoard)<br/>• Consistent API across all games<br/>• Easy integration and customization<br/>• Comprehensive documentation |
69
9
 
70
10
  ## 🎯 Available Games
71
11
 
72
- <table>
73
- <tr>
74
- <td width="50%" style="vertical-align: top;">
75
- <table style="border: none;">
76
- <tr style="border: none;">
77
- <td width="120" style="vertical-align: top; border: none;">
78
- <img src="https://cdn.worklage.com/playtura/screenshots/fruit-ninja.png" alt="Fruit Ninja" width="100"/>
79
- </td>
80
- <td style="vertical-align: top; border: none;">
81
-
82
- **🍎 Fruit Ninja**
83
- Slice flying fruits with finger swipes - avoid the bombs!
84
-
85
- Fixed 60-second gameplay sessions
86
- Physics-based slicing with particle effects and combo system
87
- Difficulty affects fruit spawn rate and bomb frequency
88
-
89
- </td>
90
- </tr>
91
- </table>
92
- </td>
93
- <td width="50%" style="vertical-align: top;">
94
- <table style="border: none;">
95
- <tr style="border: none;">
96
- <td width="120" style="vertical-align: top; border: none;">
97
- <img src="https://cdn.worklage.com/playtura/screenshots/candy-crush.png" alt="Candy Crush" width="100"/>
98
- </td>
99
- <td style="vertical-align: top; border: none;">
100
-
101
- **🍬 Candy Crush**
102
- Match colorful candies in this puzzle game
103
-
104
- • Match-3 puzzle with colorful candies
105
- • Create special candies with 4+ matches
106
- • Cascading combos and satisfying animations
107
- • Difficulty affects level objectives and move limits
108
-
109
- </td>
110
- </tr>
111
- </table>
112
- </td>
113
- </tr>
114
- <tr>
115
- <td width="50%" style="vertical-align: top;">
116
- <table style="border: none;">
117
- <tr style="border: none;">
118
- <td width="120" style="vertical-align: top; border: none;">
119
- <img src="https://cdn.worklage.com/playtura/screenshots/flappy-bird.png" alt="Flappy Bird" width="100"/>
120
- </td>
121
- <td style="vertical-align: top; border: none;">
122
-
123
- **🐦 Flappy Bird**
124
- Navigate bird through pipes with precise timing
125
-
126
- • Classic tap-to-flap mechanics with gravity physics
127
- • Navigate through pipes with pixel-perfect collision
128
- • Progressive difficulty with increasing pipe speed
129
- • Difficulty affects pipe gap size and spawn frequency
130
-
131
- </td>
132
- </tr>
133
- </table>
134
- </td>
135
- <td width="50%" style="vertical-align: top;">
136
- <table style="border: none;">
137
- <tr style="border: none;">
138
- <td width="120" style="vertical-align: top; border: none;">
139
- <img src="https://cdn.worklage.com/playtura/screenshots/colors-sort.png" alt="Colors Sort" width="100"/>
140
- </td>
141
- <td style="vertical-align: top; border: none;">
142
-
143
- **🎨 Colors Sort**
144
- Sort colored liquids into matching tubes
145
-
146
- • Sort colored liquids into matching tubes
147
- • Logic puzzle with increasing complexity
148
- • Satisfying pour animations and sound effects
149
- • Difficulty affects number of tubes and colors
150
-
151
- </td>
152
- </tr>
153
- </table>
154
- </td>
155
- </tr>
156
- <tr>
157
- <td width="50%" style="vertical-align: top;">
158
- <table style="border: none;">
159
- <tr style="border: none;">
160
- <td width="120" style="vertical-align: top; border: none;">
161
- <img src="https://cdn.worklage.com/playtura/screenshots/dino-jump.png" alt="Dino Jump" width="100"/>
162
- </td>
163
- <td style="vertical-align: top; border: none;">
164
-
165
- **🦖 Dino Jump**
166
- Chrome offline dino game - jump to avoid obstacles!
167
-
168
- • Endless runner with tap-to-jump mechanics
169
- • Collect stars for extra lives (max 3 lives)
170
- • Game durations: easy 2 mins, medium 3 mins, hard 5 mins
171
- • Dynamic ground height based on device offset (150px or 250px)
172
- • Difficulty affects obstacle spawn rate and game speed
173
-
174
- </td>
175
- </tr>
176
- </table>
177
- </td>
178
- <td width="50%" style="vertical-align: top;">
179
- <table style="border: none;">
180
- <tr style="border: none;">
181
- <td width="120" style="vertical-align: top; border: none;">
182
- <img src="https://cdn.worklage.com/playtura/screenshots/popit-fidget.png" alt="Popit Fidget" width="100"/>
183
- </td>
184
- <td style="vertical-align: top; border: none;">
185
-
186
- **🫧 Popit Fidget**
187
- Pop satisfying bubbles in this relaxing fidget toy game
188
-
189
- • Relaxing bubble popping with satisfying sound effects
190
- • Different bubble shapes and colors for variety
191
- • Difficulty affects bubble responsiveness and patterns
192
-
193
- </td>
194
- </tr>
195
- </table>
196
- </td>
197
- </tr>
198
- <tr>
199
- <td width="50%" style="vertical-align: top;">
200
- <table style="border: none;">
201
- <tr style="border: none;">
202
- <td width="120" style="vertical-align: top; border: none;">
203
- <img src="https://cdn.worklage.com/playtura/screenshots/whack-a-mole.png" alt="Whack A Mole" width="100"/>
204
- </td>
205
- <td style="vertical-align: top; border: none;">
206
-
207
- **🐱 Whack A Mole**
208
- Whack cute cats popping from holes - fast reflexes needed!
209
-
210
- • Cat spawn intervals: easy 2000ms, medium 1500ms, hard 1000ms
211
- • Cat visible duration: easy 2500ms, medium 2000ms, hard 1500ms
212
- • Grid sizes: easy/medium 3x3, hard 4x4
213
-
214
- </td>
215
- </tr>
216
- </table>
217
- </td>
218
- <td width="50%" style="vertical-align: top;">
219
- <table style="border: none;">
220
- <tr style="border: none;">
221
- <td width="120" style="vertical-align: top; border: none;">
222
- <img src="https://cdn.worklage.com/playtura/screenshots/balloon-blaster.png" alt="Balloon Blaster" width="100"/>
223
- </td>
224
- <td style="vertical-align: top; border: none;">
225
-
226
- **🎈 Balloon Blaster**
227
- Pop rising balloons before they escape - quick taps win!
228
-
229
- • Fixed 60-second gameplay sessions
230
- • Balloon spawn interval: 1200ms, rise speed: 0.08
231
- • Physics-based balloon movement with particle effects
232
-
233
- </td>
234
- </tr>
235
- </table>
236
- </td>
237
- </tr>
238
- <tr>
239
- <td width="50%" style="vertical-align: top;">
240
- <table style="border: none;">
241
- <tr style="border: none;">
242
- <td width="120" style="vertical-align: top; border: none;">
243
- <img src="https://cdn.worklage.com/playtura/screenshots/space-fighter.png" alt="Space Fighter" width="100"/>
244
- </td>
245
- <td style="vertical-align: top; border: none;">
246
-
247
- **🚀 Space Fighter**
248
- Pilot spaceship through asteroid fields in endless space
249
-
250
- • Horizontal drag controls with smooth spacecraft movement
251
- • Dynamic spacecraft positioning based on device offset
252
- • Progressive difficulty with asteroid spawn intervals
253
- • 1-second collision immunity after each hit
254
- • Difficulty affects asteroid speed and spawn frequency
255
-
256
- </td>
257
- </tr>
258
- </table>
259
- </td>
260
- <td width="50%" style="vertical-align: top;">
261
- <table style="border: none;">
262
- <tr style="border: none;">
263
- <td width="120" style="vertical-align: top; border: none;">
264
- <img src="https://cdn.worklage.com/playtura/screenshots/maze-runner.png" alt="Maze Runner" width="100"/>
265
- </td>
266
- <td style="vertical-align: top; border: none;">
267
-
268
- **🧩 Maze Runner**
269
- Navigate ball through mazes using tilt and physics controls
270
-
271
- • Grid sizes: easy 8x8, medium 10x10, hard 12x12
272
- • Procedurally generated mazes with intelligent pathfinding
273
- • Game over modal only appears on maze completion (not on stop)
274
- • White time display for better visibility
275
- • Difficulty affects maze complexity and time limits
276
-
277
- </td>
278
- </tr>
279
- </table>
280
- </td>
281
- </tr>
282
- <tr>
283
- <td width="50%" style="vertical-align: top;">
284
- <table style="border: none;">
285
- <tr style="border: none;">
286
- <td width="120" style="vertical-align: top; border: none;">
287
- <img src="https://cdn.worklage.com/playtura/screenshots/sliding-numbers.png" alt="Sliding Numbers" width="100"/>
288
- </td>
289
- <td style="vertical-align: top; border: none;">
290
-
291
- **🔢 Sliding Numbers**
292
- Solve the classic 15-puzzle with numbers
293
-
294
- • Classic 15-puzzle with numbered tiles
295
- • Grid sizes: easy 3x3, medium 4x4, hard 5x5
296
- • Timer challenge to solve as fast as possible
297
- • Smooth tile sliding animations
298
-
299
- </td>
300
- </tr>
301
- </table>
302
- </td>
303
- <td width="50%" style="vertical-align: top;">
304
- <table style="border: none;">
305
- <tr style="border: none;">
306
- <td width="120" style="vertical-align: top; border: none;">
307
- <img src="https://cdn.worklage.com/playtura/screenshots/game-2048.png" alt="2048 Game" width="100"/>
308
- </td>
309
- <td style="vertical-align: top; border: none;">
310
-
311
- **🎮 2048 Game**
312
- Merge tiles to reach 2048 and beyond
313
-
314
- • Swipe to merge tiles with same numbers
315
- • Reach 2048 tile to win, continue for higher scores
316
- • Undo moves feature for strategic gameplay
317
- • Difficulty affects starting tile values and spawn rate
318
-
319
- </td>
320
- </tr>
321
- </table>
322
- </td>
323
- </tr>
324
- <tr>
325
- <td width="50%" style="vertical-align: top;">
326
- <table style="border: none;">
327
- <tr style="border: none;">
328
- <td width="120" style="vertical-align: top; border: none;">
329
- <img src="https://cdn.worklage.com/playtura/screenshots/fruit-merger.png" alt="Fruit Merger" width="100"/>
330
- </td>
331
- <td style="vertical-align: top; border: none;">
332
-
333
- **🍉 Fruit Merger**
334
- Merge fruits to create bigger ones
335
-
336
- • Merge fruits to create bigger ones (watermelon evolution)
337
- • Physics-based dropping and merging mechanics
338
- • Combo system for multiple merges
339
- • Difficulty affects merge requirements and spawn rate
340
-
341
- </td>
342
- </tr>
343
- </table>
344
- </td>
345
- <td width="50%" style="vertical-align: top;">
346
- <table style="border: none;">
347
- <tr style="border: none;">
348
- <td width="120" style="vertical-align: top; border: none;">
349
- <img src="https://cdn.worklage.com/playtura/screenshots/snake.png" alt="Snake & Eggs" width="100"/>
350
- </td>
351
- <td style="vertical-align: top; border: none;">
352
-
353
- **🐍 Snake & Eggs**
354
- Classic snake game with modern touch controls
355
-
356
- • Classic snake gameplay with modern touch controls
357
- • Swipe or tap to change direction
358
- • Grow by eating food, avoid walls and yourself
359
- • Difficulty affects snake speed and grid size
360
-
361
- </td>
362
- </tr>
363
- </table>
364
- </td>
365
- </tr>
366
- </table>
12
+ | Screenshot | Game Details |
13
+ |------------|--------------|
14
+ | <img src="https://cdn.worklage.com/playtura/screenshots/fruit-ninja.png" alt="Fruit Ninja" width="120"/> | **🍎 Fruit Ninja**<br/>Slice flying fruits with finger swipes - avoid the bombs!<br/><br/>• Fixed 60-second gameplay sessions<br/>• Physics-based slicing with particle effects and combo system<br/>• Difficulty affects fruit spawn rate and bomb frequency |
15
+ | <img src="https://cdn.worklage.com/playtura/screenshots/candy-crush.png" alt="Candy Crush" width="120"/> | **🍬 Candy Crush**<br/>Match colorful candies in this puzzle game<br/><br/>• Match-3 puzzle with colorful candies<br/>• Create special candies with 4+ matches<br/>• Cascading combos and satisfying animations<br/>• Difficulty affects level objectives and move limits |
16
+ | <img src="https://cdn.worklage.com/playtura/screenshots/flappy-bird.png" alt="Flappy Bird" width="120"/> | **🐦 Flappy Bird**<br/>Navigate bird through pipes with precise timing<br/><br/>• Classic tap-to-flap mechanics with gravity physics<br/>• Navigate through pipes with pixel-perfect collision<br/>• Progressive difficulty with increasing pipe speed<br/>• Difficulty affects pipe gap size and spawn frequency |
17
+ | <img src="https://cdn.worklage.com/playtura/screenshots/colors-sort.png" alt="Colors Sort" width="120"/> | **🎨 Colors Sort**<br/>Sort colored liquids into matching tubes<br/><br/>• Sort colored liquids into matching tubes<br/>• Logic puzzle with increasing complexity<br/>• Satisfying pour animations and sound effects<br/>• Difficulty affects number of tubes and colors |
18
+ | <img src="https://cdn.worklage.com/playtura/screenshots/dino-jump.png" alt="Dino Jump" width="120"/> | **🦖 Dino Jump**<br/>Chrome offline dino game - jump to avoid obstacles!<br/><br/>• Endless runner with tap-to-jump mechanics<br/>• Collect stars for extra lives (max 3 lives)<br/>• Game durations: easy 2 mins, medium 3 mins, hard 5 mins<br/>• Dynamic ground height based on device offset (150px or 250px)<br/>• Difficulty affects obstacle spawn rate and game speed |
19
+ | <img src="https://cdn.worklage.com/playtura/screenshots/popit-fidget.png" alt="Popit Fidget" width="120"/> | **🫧 Popit Fidget**<br/>Pop satisfying bubbles in this relaxing fidget toy game<br/><br/>• Relaxing bubble popping with satisfying sound effects<br/>• Different bubble shapes and colors for variety<br/>• Difficulty affects bubble responsiveness and patterns |
20
+ | <img src="https://cdn.worklage.com/playtura/screenshots/whack-a-mole.png" alt="Whack A Mole" width="120"/> | **🐱 Whack A Mole**<br/>Whack cute cats popping from holes - fast reflexes needed!<br/><br/>• Cat spawn intervals: easy 2000ms, medium 1500ms, hard 1000ms<br/>• Cat visible duration: easy 2500ms, medium 2000ms, hard 1500ms<br/>• Grid sizes: easy/medium 3x3, hard 4x4 |
21
+ | <img src="https://cdn.worklage.com/playtura/screenshots/balloon-blaster.png" alt="Balloon Blaster" width="120"/> | **🎈 Balloon Blaster**<br/>Pop rising balloons before they escape - quick taps win!<br/><br/>• Fixed 60-second gameplay sessions<br/>• Balloon spawn interval: 1200ms, rise speed: 0.08<br/>• Physics-based balloon movement with particle effects |
22
+ | <img src="https://cdn.worklage.com/playtura/screenshots/space-fighter.png" alt="Space Fighter" width="120"/> | **🚀 Space Fighter**<br/>Pilot spaceship through asteroid fields in endless space<br/><br/>• Horizontal drag controls with smooth spacecraft movement<br/>• Dynamic spacecraft positioning based on device offset<br/>• Progressive difficulty with asteroid spawn intervals<br/>• 1-second collision immunity after each hit<br/>• Difficulty affects asteroid speed and spawn frequency |
23
+ | <img src="https://cdn.worklage.com/playtura/screenshots/maze-runner.png" alt="Maze Runner" width="120"/> | **🧩 Maze Runner**<br/>Navigate ball through mazes using tilt and physics controls<br/><br/>• Grid sizes: easy 8x8, medium 10x10, hard 12x12<br/>• Procedurally generated mazes with intelligent pathfinding<br/>• Game over modal only appears on maze completion (not on stop)<br/>• White time display for better visibility<br/>• Difficulty affects maze complexity and time limits |
24
+ | <img src="https://cdn.worklage.com/playtura/screenshots/sliding-numbers.png" alt="Sliding Numbers" width="120"/> | **🔢 Sliding Numbers**<br/>Solve the classic 15-puzzle with numbers<br/><br/>• Classic 15-puzzle with numbered tiles<br/>• Grid sizes: easy 3x3, medium 4x4, hard 5x5<br/>• Timer challenge to solve as fast as possible<br/>• Smooth tile sliding animations |
25
+ | <img src="https://cdn.worklage.com/playtura/screenshots/game-2048.png" alt="2048 Game" width="120"/> | **🎮 2048 Game**<br/>Merge tiles to reach 2048 and beyond<br/><br/>• Swipe to merge tiles with same numbers<br/>• Reach 2048 tile to win, continue for higher scores<br/>• Undo moves feature for strategic gameplay<br/>• Difficulty affects starting tile values and spawn rate |
26
+ | <img src="https://cdn.worklage.com/playtura/screenshots/fruit-merger.png" alt="Fruit Merger" width="120"/> | **🍉 Fruit Merger**<br/>Merge fruits to create bigger ones<br/><br/>• Merge fruits to create bigger ones (watermelon evolution)<br/>• Physics-based dropping and merging mechanics<br/>• Combo system for multiple merges<br/>• Difficulty affects merge requirements and spawn rate |
27
+ | <img src="https://cdn.worklage.com/playtura/screenshots/snake.png" alt="Snake & Eggs" width="120"/> | **🐍 Snake & Eggs**<br/>Classic snake game with modern touch controls<br/><br/>• Classic snake gameplay with modern touch controls<br/>• Swipe or tap to change direction<br/>• Grow by eating food, avoid walls and yourself<br/>• Difficulty affects snake speed and grid size |
367
28
 
368
29
  ## 📦 Installation
369
30
 
@@ -528,20 +189,20 @@ All games use a centralized settings system for consistency and ease of maintena
528
189
  import {
529
190
  // Game IDs Enum
530
191
  GAME_IDS,
531
-
192
+
532
193
  // Default Settings
533
194
  DEFAULT_GAME_SETTINGS,
534
-
195
+
535
196
  // Games List & Mapping
536
197
  GAMES_LIST,
537
198
  GAMES_MAPPING,
538
-
199
+
539
200
  // TypeScript Types
540
201
  type GameSettings,
541
202
  type GameProps,
542
203
  type GameDefinition,
543
204
  type GameComponent,
544
-
205
+
545
206
  // All Game Components
546
207
  FruitNinja,
547
208
  CandyCrush,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-games",
3
- "version": "1.0.0",
3
+ "version": "1.1.0",
4
4
  "description": "Free games for your react native projects.",
5
5
  "main": "./lib/module/index.js",
6
6
  "types": "./lib/typescript/src/index.d.ts",