Upit | Learn about creating the game Meme crash | V1.4.0 with gen AI
Play
game-community-background
game-pic

1K

16

7mo

Playit
A game based on modern match-3 games with a meme theme. Break memes, use skills, and achieve the highest score in the various game modes.
#UpitMemeGameContest
#Addictive
#Match-3 game
#zen mode
#fast mode
#In development
#Slomy games productions
#Casual
#Puzzle
#seek mode

Creation History

User prompt

haz que el juego sea más dinamico disminuyendo el tiempo de caida y diley de roptura

User prompt

mejora la logica de caida

User prompt

arregla la caida de los memes despues de usar habilidades especiales

User prompt

crea un sistema de puntos

User prompt

Please fix the bug: 'Timeout.tick error: isValidCell is not defined' in or related to this line: 'if (isValidCell(fallInfo.cell)) {' Line Number: 810

User prompt

arregla la caida de los memes para evitar errores de atravesar memes, etc

User prompt

arregla la caída para evitar errores de mmes atravesando otros memes, etc

User prompt

Mejora las lineas de codigo utilizando metodos mas optimizados y ordenados

User prompt

arregla la caida por gravedad cuando se usa habilidades

User prompt

Please fix the bug: 'Timeout.tick error: isValidCell is not defined' in or related to this line: 'if (isValidCell(fallInfo.cell)) {' Line Number: 810

User prompt

Mejora las lineas de codigo utilizando metodos mas optimizados y ordenados

Code edit (3 edits merged)

Please save this source code

User prompt

elimina el diley de roptura

User prompt

si empieza un nuevo sonido de combo que el anterior se corte

Code edit (3 edits merged)

Please save this source code

User prompt

Si se mueve depende cuantos grupos se rompen empezaran a sonar sonidos de combo (2 grupos combo 1 / 3 grupos combo 2 / 4 combos etc ...)

Code edit (1 edits merged)

Please save this source code

User prompt

mejora la mecanica para que cualquier giro se regrese despues de gastar los movimientos libres

User prompt

haz que se puedan mover los memes libremente hasta 2 veces, si en la tercera no se rompe nada el meme regresara a su posición anterior

User prompt

Agrega animaciones ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

dale vida al proyecto con animaciones ↪💡 Consider importing and using the following plugins: @upit/tween.v1

Code edit (1 edits merged)

Please save this source code

User prompt

haz que todos los memes sean especiales verde

User prompt

si se cambia de posición 2 memes especiales verde se activa una habilidad especial que rompe todos los memes visibles

User prompt

si se cambia de posición un meme especial verde con un bomb transformara todos los memes de ese tipo en bomb y consecutivamente activarlos

===================================================================
--- original.js
+++ change.js
@@ -30,8 +30,9 @@
 		self.isSpecial = false;
 		self.specialType = null;
 		self.beingDestroyed = false;
 		self.lastIntersecting = false;
+		self.inMotion = false; // Add flag to track cells in motion during animations
 		return self;
 	};
 	// Set value with improved appearance handling
 	self.setValue = function (newValue) {
@@ -202,18 +203,17 @@
 var selectedCell = null;
 var isAnimating = false;
 window.gravityInProgress = false;
 window.fillInProgress = false;
-window.destructionInProgress = false;
 var comboCounter = 0;
 var comboInProgress = false;
 function handleCellTap(tappedCell) {
 	// Exit early if animations are in progress
 	if (isAnimating || window.gravityInProgress || window.fillInProgress) {
 		return;
 	}
 	// Validate tapped cell
-	if (!tappedCell || !gridCells[tappedCell.row] || gridCells[tappedCell.row][tappedCell.col] !== tappedCell || tappedCell.beingDestroyed) {
+	if (!tappedCell || !gridCells[tappedCell.row] || gridCells[tappedCell.row][tappedCell.col] !== tappedCell || tappedCell.beingDestroyed || tappedCell.inMotion) {
 		return;
 	}
 	// Handle first selection
 	if (selectedCell === null) {
@@ -612,9 +612,8 @@
 	return matches;
 }
 function destroyCells(cellsToDestroy) {
 	isAnimating = true;
-	window.destructionInProgress = true;
 	// Partition cells into visible and valid cells in one pass
 	var visibleCellsToDestroy = [];
 	var invisibleCells = [];
 	var validCellMap = {};
@@ -630,9 +629,8 @@
 	}
 	// Early exit if not enough visible or invisible cells
 	if (visibleCellsToDestroy.length > 0 && invisibleCells.length > 0 && (visibleCellsToDestroy.length === 1 || invisibleCells.length === 1)) {
 		isAnimating = false;
-		window.destructionInProgress = false;
 		return;
 	}
 	// Determine center cell
 	var centerCell = null;
@@ -731,15 +729,11 @@
 	for (var i = 0; i < visibleCellsToDestroy.length; i++) {
 		var cell = visibleCellsToDestroy[i];
 		cell.beingDestroyed = true;
 		if (cell.isSpecial) {
-			LK.setTimeout(function (specialCellToActive) {
-				return function () {
-					if (specialCellToActive && specialCellToActive.activateSpecialPower) {
-						specialCellToActive.activateSpecialPower();
-					}
-				};
-			}(cell), 100); //{5J}{5K}
+			LK.setTimeout(function () {
+				cell.activateSpecialPower();
+			}, 100);
 		}
 	}
 	// Handle special cell appearance
 	if (specialCell && specialCell.isSpecial) {
@@ -751,9 +745,9 @@
 			specialCell.sprite.tint = 0xFF8800;
 		}
 		LK.effects.flashObject(specialCell, 0xFFFFFF, 300);
 	}
-	// Immediately destroy marked cells and clean grid
+	// Immediately destroy marked cells
 	for (var i = 0; i < visibleCellsToDestroy.length; i++) {
 		var cell = visibleCellsToDestroy[i];
 		if (cell && cell.beingDestroyed && gridCells[cell.row] && gridCells[cell.row][cell.col] === cell) {
 			LK.getSound('Explosion').play();
@@ -762,13 +756,10 @@
 			cell.destroy();
 			gridCells[cell.row][cell.col] = null;
 		}
 	}
-	// Apply gravity after destruction with a small delay to ensure proper grid state
-	LK.setTimeout(function () {
-		window.destructionInProgress = false;
-		applyGravity();
-	}, 50);
+	// Apply gravity immediately after destruction
+	applyGravity();
 }
 function applyGravity() {
 	isAnimating = true;
 	// Early return if gravity is already in progress
@@ -776,75 +767,142 @@
 		return;
 	}
 	window.gravityInProgress = true;
 	var cellsToFall = [];
-	// Process columns one by one
+	// First, mark all cells in motion to prevent interaction
+	for (var row = 0; row < gridSize + extraRows; row++) {
+		for (var col = 0; col < gridSize; col++) {
+			if (gridCells[row] && gridCells[row][col]) {
+				gridCells[row][col].inMotion = true;
+			}
+		}
+	}
+	// Process column by column to ensure consistent gravity
 	for (var col = 0; col < gridSize; col++) {
 		var emptySpaces = [];
 		// First pass: scan bottom to top to identify empty spaces
-		for (var row = gridSize + extraRows - 1; row >= 0; row--) {
+		for (var row = gridSize + extraRows - 1; row >= extraRows; row--) {
 			if (!gridCells[row] || !gridCells[row][col]) {
-				if (row >= extraRows) {
-					emptySpaces.push(row);
-				}
-			} else if (emptySpaces.length > 0 && gridCells[row][col]) {
-				// Important: Take only the bottommost empty space for this cell
-				var targetRow = emptySpaces[0]; // Don't shift yet, just peek
+				emptySpaces.push(row);
+			} else if (emptySpaces.length > 0) {
+				// Found a cell that needs to fall into an empty space below
+				var targetRow = emptySpaces.shift();
 				var cellToMove = gridCells[row][col];
+				// Store info for animation
 				cellsToFall.push({
 					cell: cellToMove,
 					fromRow: row,
 					toRow: targetRow,
 					col: col
 				});
-				// Update grid references immediately to prevent cells from passing through each other
+				// Update grid references immediately to prevent cells passing through each other
 				gridCells[targetRow][col] = cellToMove;
 				gridCells[row][col] = null;
 				cellToMove.row = targetRow;
-				// Add to visible container if coming from hidden area
-				if (row < extraRows && targetRow >= extraRows) {
-					gridContainer.addChild(cellToMove);
-				}
-				// Remove the filled space and add the now-empty source row
-				emptySpaces.shift(); // Now remove the space we used
+				// Add the now-empty source row back to empty spaces
 				emptySpaces.push(row);
-				// Sort empty spaces from bottom to top to preserve gravity physics
+				// Sort to maintain correct falling order (higher empty spaces first)
 				emptySpaces.sort(function (a, b) {
-					return b - a; // Higher row value means closer to bottom
+					return b - a;
 				});
 			}
 		}
+		// Second pass: handle cells from hidden area
+		if (emptySpaces.length > 0 && emptySpaces[0] >= extraRows) {
+			// Check hidden rows from bottom to top
+			for (var hiddenRow = extraRows - 1; hiddenRow >= 0; hiddenRow--) {
+				if (gridCells[hiddenRow] && gridCells[hiddenRow][col]) {
+					// Move hidden cell to first visible empty space
+					var targetRow = emptySpaces.shift();
+					var cellToMove = gridCells[hiddenRow][col];
+					// Add to visible container
+					gridContainer.addChild(cellToMove);
+					// Store info for animation
+					cellsToFall.push({
+						cell: cellToMove,
+						fromRow: hiddenRow,
+						toRow: targetRow,
+						col: col
+					});
+					// Update grid references
+					gridCells[targetRow][col] = cellToMove;
+					gridCells[hiddenRow][col] = null;
+					cellToMove.row = targetRow;
+					// If we've filled all empty spaces in this column, break
+					if (emptySpaces.length === 0) break;
+					// Otherwise, add the now-empty source row back and resort
+					emptySpaces.push(hiddenRow);
+					emptySpaces.sort(function (a, b) {
+						return b - a;
+					});
+				}
+			}
+		}
 	}
 	// Use a constant animation duration for all cells
 	var animationDuration = 300;
-	// Sort cells to ensure bottom cells animate first
+	// Sort cells properly for natural falling animation (bottom cells first)
 	cellsToFall.sort(function (a, b) {
 		if (a.col !== b.col) {
 			return a.col - b.col;
 		}
-		return b.toRow - a.toRow; // Animate bottom cells first (higher row values)
+		return b.toRow - a.toRow;
 	});
-	// Apply animations with proper timing
+	// Position cells at their start position before animating
 	for (var i = 0; i < cellsToFall.length; i++) {
 		var fallInfo = cellsToFall[i];
+		var startPos = getCellPosition(fallInfo.fromRow, fallInfo.col);
+		fallInfo.cell.x = startPos.x;
+		if (fallInfo.fromRow < extraRows) {
+			// Position cells from hidden area just above the visible grid
+			var firstVisiblePos = getCellPosition(extraRows, fallInfo.col);
+			fallInfo.cell.y = firstVisiblePos.y - cellSize;
+		} else {
+			fallInfo.cell.y = startPos.y;
+		}
+	}
+	// Start all animations with proper tweening
+	for (var i = 0; i < cellsToFall.length; i++) {
+		var fallInfo = cellsToFall[i];
 		var newPos = getCellPosition(fallInfo.toRow, fallInfo.col);
 		tween(fallInfo.cell, {
 			y: newPos.y
 		}, {
 			duration: animationDuration,
-			easing: tween.easeInOutQuad
+			easing: tween.easeInOutQuad,
+			onComplete: function (cell) {
+				return function () {
+					cell.inMotion = false;
+				};
+			}(fallInfo.cell)
 		});
 	}
-	// Proceed to filling empty spaces after all animations complete
+	// If no cells to fall, proceed immediately to filling empty spaces
 	if (cellsToFall.length === 0) {
+		// Clear motion flags
+		for (var row = 0; row < gridSize + extraRows; row++) {
+			for (var col = 0; col < gridSize; col++) {
+				if (gridCells[row] && gridCells[row][col]) {
+					gridCells[row][col].inMotion = false;
+				}
+			}
+		}
 		window.gravityInProgress = false;
 		fillEmptySpacesWithNewMemes();
 	} else {
 		// Wait for animations to complete before proceeding
 		LK.setTimeout(function () {
+			// Clear motion flags
+			for (var row = 0; row < gridSize + extraRows; row++) {
+				for (var col = 0; col < gridSize; col++) {
+					if (gridCells[row] && gridCells[row][col]) {
+						gridCells[row][col].inMotion = false;
+					}
+				}
+			}
 			window.gravityInProgress = false;
 			fillEmptySpacesWithNewMemes();
-		}, animationDuration + 20);
+		}, animationDuration + 50);
 	}
 }
 function fillEmptySpacesWithNewMemes() {
 	// Early return if operations are already in progress
@@ -852,20 +910,38 @@
 		return;
 	}
 	window.fillInProgress = true;
 	var newCellsToAdd = [];
-	// Find and fill all empty spaces in the right order (bottom-up)
+	// First mark all cells in motion to prevent interaction
+	for (var row = 0; row < gridSize + extraRows; row++) {
+		for (var col = 0; col < gridSize; col++) {
+			if (gridCells[row] && gridCells[row][col]) {
+				gridCells[row][col].inMotion = true;
+			}
+		}
+	}
+	// Process column by column for consistent filling
 	for (var col = 0; col < gridSize; col++) {
-		// Process from bottom to top to maintain gravity physics
-		for (var row = gridSize + extraRows - 1; row >= 0; row--) {
+		// Count empty spaces in this column
+		var emptyCount = 0;
+		for (var row = 0; row < gridSize + extraRows; row++) {
 			if (!gridCells[row][col]) {
+				emptyCount++;
+			}
+		}
+		// Fill empty spaces starting from the top
+		var nextRowToFill = 0;
+		for (var row = 0; row < gridSize + extraRows; row++) {
+			if (!gridCells[row][col]) {
 				var newCell = getGridCell();
 				var pos = getCellPosition(row, col);
-				// Position new cell above the current position for animation
-				// Distance depends on how high up in the grid this cell is
-				var offsetY = Math.min(400, 200 + (gridSize + extraRows - row) * 30);
+				// Calculate starting position above the grid
+				var startPosition = extraRows - emptyCount + nextRowToFill;
+				var startY = startPosition < 0 ? pos.y - Math.abs(startPosition) * (cellSize + cellSpacing) : getCellPosition(startPosition, col).y;
+				// Position new cell above the grid for animation
 				newCell.x = pos.x;
-				newCell.y = pos.y - offsetY;
+				newCell.y = startY;
+				newCell.inMotion = true;
 				// Generate random value while avoiding potential matches
 				var randomValue;
 				var attempts = 0;
 				var leftMatches = 0;
@@ -885,55 +961,99 @@
 					} else {
 						aboveMatches = 0;
 					}
 				} while ((leftMatches >= 2 || aboveMatches >= 2) && attempts < 5);
+				// Set values and update grid reference
 				newCell.setValue(randomValue);
 				newCell.row = row;
 				newCell.col = col;
-				// Update grid immediately to prevent overlap issues
 				gridCells[row][col] = newCell;
 				newCellsToAdd.push({
 					cell: newCell,
 					destY: pos.y,
 					row: row,
-					col: col
+					col: col,
+					startY: startY
 				});
 				// Only add to visible container if in visible area
 				if (row >= extraRows) {
 					gridContainer.addChild(newCell);
 				}
+				nextRowToFill++;
 			}
 		}
 	}
-	// Use a constant animation duration for consistent motion
+	// Use a constant animation duration with staggered timing
 	var animationDuration = 300;
-	// Sort cells to animate in natural order (top cells last)
+	var staggerDelay = 30; // Small delay between cells in same column
+	// Sort cells for natural falling appearance (top to bottom in each column)
 	newCellsToAdd.sort(function (a, b) {
 		if (a.col !== b.col) {
 			return a.col - b.col;
 		}
-		return b.row - a.row; // Bottom cells animate first
+		return a.row - b.row; // Top to bottom within column
 	});
-	// Start animations with proper timing
+	// Start animations with proper delays for natural falling
+	var maxDelay = 0;
+	var lastCol = -1;
+	var colDelay = 0;
 	for (var i = 0; i < newCellsToAdd.length; i++) {
 		var cellData = newCellsToAdd[i];
-		tween(cellData.cell, {
-			y: cellData.destY
-		}, {
-			duration: animationDuration,
-			easing: tween.easeOutBounce
-		});
+		// Reset column delay when moving to a new column
+		if (cellData.col !== lastCol) {
+			colDelay = 0;
+			lastCol = cellData.col;
+		}
+		// Set cell to starting position
+		cellData.cell.y = cellData.startY;
+		// Calculate delay and update maximum
+		var thisDelay = colDelay;
+		maxDelay = Math.max(maxDelay, thisDelay);
+		// Start animation with delay
+		LK.setTimeout(function (data, delay) {
+			return function () {
+				tween(data.cell, {
+					y: data.destY
+				}, {
+					duration: animationDuration,
+					easing: tween.easeOutBounce,
+					onComplete: function (cell) {
+						return function () {
+							cell.inMotion = false;
+						};
+					}(data.cell)
+				});
+			};
+		}(cellData, thisDelay), thisDelay);
+		// Increment delay for next cell in this column
+		colDelay += staggerDelay;
 	}
 	// If no new cells, reset states immediately
 	if (newCellsToAdd.length === 0) {
+		// Clear motion flags
+		for (var row = 0; row < gridSize + extraRows; row++) {
+			for (var col = 0; col < gridSize; col++) {
+				if (gridCells[row] && gridCells[row][col]) {
+					gridCells[row][col].inMotion = false;
+				}
+			}
+		}
 		window.fillInProgress = false;
 		isAnimating = false;
 		comboInProgress = false;
 		comboCounter = 0;
 		return;
 	}
 	// Check for matches after animation completes
 	LK.setTimeout(function () {
+		// Clear motion flags
+		for (var row = 0; row < gridSize + extraRows; row++) {
+			for (var col = 0; col < gridSize; col++) {
+				if (gridCells[row] && gridCells[row][col]) {
+					gridCells[row][col].inMotion = false;
+				}
+			}
+		}
 		window.fillInProgress = false;
 		if (window.destructionInProgress || window.gravityInProgress) {
 			isAnimating = false;
 			return;
@@ -992,9 +1112,9 @@
 			isAnimating = false;
 			comboInProgress = false;
 			comboCounter = 0;
 		}
-	}, animationDuration + 50); // Slightly longer delay to ensure animations complete
+	}, animationDuration + Math.max(maxDelay, 0) + 50);
 }
 function checkForAndDestroyMatches(swappedCellA, swappedCellB) {
 	// Don't process if animations are in progress
 	if (window.gravityInProgress || window.fillInProgress) {
Showing 476 to 500 of 654
1...1819202122...27

Images

la figura de una casa color blanca simple para una interfaz. In-Game asset. 2d. High contrast. No shadows haz el fondo color morado circular check logo. In-Game asset. 2d. High contrast. No shadows Cuadrado con los bordes redondeado negro. In-Game asset. 2d. High contrast. No shadows hazlo un gris claro Que sea blanco Que sea blanco

Sounds & Music

🎵

Explosion

Sound effect

🎵

Combo1

Sound effect

🎵

Combo2

Sound effect

🎵

Combo3

Sound effect

🎵

Combo4

Sound effect

🎵

Combo5

Sound effect

🎶

Backgroundmusic

Music

🎶

backgroundmusic2

Music

🎵

Select

Sound effect

🎵

ButtonSound

Sound effect

Used plugins

@upit/tween@upit/storage
Home
Discover
Play
Profile