Upit | Learn about creating the game Catatack with gen AI
Play
game-community-background
game-pic

88

2

2mo

Playit
Un gato va por una repisa lideando con todos los objetos que encuetra a su paso, algunos puede tirarlos pero otros son desagradables para el.
#CatGame
#ArcadeAction
#ShelfCleanup
#LaserChase
#SwipeControls

Creation History

Code edit (8 edits merged)

Please save this source code

User prompt

necesito que vidas stage objects y time tengan color oscuro y que esten todos en una linea, arriba de todo, y que se note mas el texto

User prompt

left barrier tambien debe bloquear al gato, creo que el problema es que como lo choca desde la derecha no detecta la colision, porque en right barrer lo hace ok ↪💡 Consider importing and using the following plugins: @upit/tween.v1

Code edit (3 edits merged)

Please save this source code

User prompt

necesito bajar dangerousHitbox unos 459 px

Code edit (1 edits merged)

Please save this source code

User prompt

hay que reemplazar las barreras del comienzo y del final por el asset cube

Code edit (1 edits merged)

Please save this source code

User prompt

tanto la araña como el pez deben cambiar al asset de su caida, cuando el gato se topa con el fin del camino tambien debe actuar como cuando se topa con la barrera ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

cuando choca una barrera y el usuario da la vuelta, inmediatamente debe volver al aset del gato caminando y caminar ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

cuando el gato se choca con una barrera debe alejarse unos 30 pixeles como cuando choca una lampara para que pueda escapar mas facil, solo debe quedar detenido un segundo ↪💡 Consider importing and using the following plugins: @upit/tween.v1

Code edit (19 edits merged)

Please save this source code

User prompt

Please fix the bug: 'ReferenceError: laserPointers is not defined' in or related to this line: 'for (var i = laserPointers.length - 1; i >= 0; i--) {' Line Number: 3499

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

Code edit (13 edits merged)

Please save this source code

User prompt

el perro es enemigo del gato, nunca puede aparecer en el mismo lugar, quiero agregar 4 tipos mas de objetos para que no sea tan repetitivo, "pecera, movil, portatil" deben estar repartidos entre los que ya hay, sin incrementar el numero de objetos por partida

User prompt

añade mas stages, a partir de la 10 el tiempo se baja en 4 segundos y el gato aumenta su velocidad un 10% para compensar, recuerda que el perro a partir de la segunda etapa debe aparecer y de ahi en todas las pantallas, genera un margen de area segura donde nace el gato para que cuando comienza un stage no este arriba de ni un obstaculo ni del perro ni de los objetos ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

se debe repetir el proceso de los stages, debe haber al menos 10 stages ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

debes bajar otra vez al gato cuando festeja unos 50px, por otro lado el juego tiene varias etapas, cuando termina una debe seguir la etapa 2, reordenando los objetos y reduciendo 10 segundos del time, tambien debe aparecer el perro en la segunda etapa ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

en el festejo el punto de pivot debe estar en la parte inferior del asset, y debe hacer un flip en el eje y para girar ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

el gato cuando termina el juego y festeja, esta unos 50 pixeles por encima del suelo

Code edit (1 edits merged)

Please save this source code

User prompt

El objetivo del juego sigue sin funcionar y al limpiar la pantalla el gato sigue caminando y el juego continúa, cuando no debería ser así, además las barreras que bloquean el camino aparecen a mitad de juego y deberían estar predeterminadas al comenzar el juego, el perro debe tumbar al gato t el gato debe comerse al ratón, eso no sirve

===================================================================
--- original.js
+++ change.js
@@ -698,9 +698,10 @@
 				}
 				// Check if separator would block movement on same shelf level
 				if (separator.isBlocking && sepShelfLevel === self.currentShelfLevel) {
 					var distanceToSeparator = Math.abs(newX - separator.x);
-					if (distanceToSeparator < 100 && (self.direction > 0 && newX > separator.x && self.x <= separator.x || self.direction < 0 && newX < separator.x && self.x >= separator.x)) {
+					// Check collision from both directions with proper blocking distance
+					if (distanceToSeparator < 120 && (self.direction > 0 && newX > separator.x - 60 && self.x <= separator.x - 60 || self.direction < 0 && newX < separator.x + 60 && self.x >= separator.x + 60)) {
 						wouldBeBlocked = true;
 						break;
 					}
 				}
@@ -970,9 +971,9 @@
 			if (self.lives <= 0) {
 				LK.showGameOver();
 			}
 		}
-		// Check for collisions with separators - only on same shelf level
+		// Check for collisions with separators and barriers - only on same shelf level
 		for (var i = separators.length - 1; i >= 0; i--) {
 			var separator = separators[i];
 			// Calculate which shelf level the separator is on
 			var sepShelfLevel = -1;
@@ -1021,8 +1022,59 @@
 				self.catBlockGraphics.scaleX = 2 * self.direction;
 				self.catBlockGraphics.scaleY = 2;
 			}
 		}
+		// Check for collisions with left barriers - only on same shelf level
+		for (var i = leftBarriers.length - 1; i >= 0; i--) {
+			var leftBarrier = leftBarriers[i];
+			// Calculate which shelf level the left barrier is on
+			var barrierShelfLevel = -1;
+			for (var level = 0; level < 5; level++) {
+				if (Math.abs(leftBarrier.y - (shelfLevels[level] - 150)) < 50) {
+					barrierShelfLevel = level;
+					break;
+				}
+			}
+			// Only collide if on same shelf level
+			if (self.intersects(leftBarrier) && leftBarrier.isBlocking && barrierShelfLevel === self.currentShelfLevel && !self.isBlockMode && !self.isJumping) {
+				// Push cat away from left barrier by 30 pixels
+				var pushDirection = 1; // Always push right from left barrier
+				var pushDistance = 30;
+				var targetX = self.x + pushDistance * pushDirection;
+				// Ensure target position is within game bounds
+				targetX = Math.max(200, Math.min(targetX, 9600));
+				// Stop any existing movement tweens on cat
+				tween.stop(self, {
+					x: true
+				});
+				// Push cat away from barrier
+				tween(self, {
+					x: targetX
+				}, {
+					duration: 200,
+					easing: tween.easeOut
+				});
+				// Enter block mode when hitting left barrier
+				self.isBlockMode = true;
+				self.blockTimer = 60; // 1 second at 60fps
+				// Stop movement during block
+				self.speed = 0;
+				// Show only cat-block graphics
+				catGraphics.visible = false;
+				catStepGraphics.visible = false;
+				self.catJumpGraphics.visible = false;
+				self.catElectrocutedGraphics.visible = false;
+				self.gatoEnjabonado.visible = false;
+				self.gatoKissGraphics.visible = false;
+				self.catHitGraphics.visible = false;
+				if (self.zarpazoGraphics) {
+					self.zarpazoGraphics.visible = false;
+				}
+				self.catBlockGraphics.visible = true;
+				self.catBlockGraphics.scaleX = 2 * self.direction;
+				self.catBlockGraphics.scaleY = 2;
+			}
+		}
 		// Handle electrocution
 		if (self.isElectrocuted === undefined) {
 			self.isElectrocuted = false;
 			self.electrocutionTimer = 0;
@@ -1367,11 +1419,11 @@
 		anchorX: 0.5,
 		anchorY: 1,
 		scaleX: 4,
 		scaleY: 4,
-		y: 459
+		y: 0
 	});
-	dangerousHitbox.alpha = 0.5; // invisible
+	dangerousHitbox.alpha = 0; // invisible
 	// Exponer hitbox para colisiones precisas
 	self.hitbox = dangerousHitbox;
 	self.isFalling = false;
 	self.fallSpeed = 0;
@@ -2135,26 +2187,26 @@
 // Create left barrier column (at the beginning)
 for (var level = 0; level < 5; level++) {
 	var leftBarrier = game.addChild(LK.getAsset('cubos', {
 		anchorX: 0.5,
-		anchorY: 1,
+		anchorY: 0,
 		scaleX: 4,
 		scaleY: 4
 	}));
-	leftBarrier.x = -200; // Position at the very start
+	leftBarrier.x = -100; // Position at the very start
 	leftBarrier.y = shelfLevels[level] - 150; // Position on each shelf level
 	leftBarrier.isBlocking = true;
 	leftBarriers.push(leftBarrier);
 }
 // Create right barrier column (at the end) - positioned for 96 shelves wide
 for (var level = 0; level < 5; level++) {
 	var rightBarrier = game.addChild(LK.getAsset('cubos', {
 		anchorX: 0.5,
-		anchorY: 1,
+		anchorY: 0,
 		scaleX: 4,
 		scaleY: 4
 	}));
-	rightBarrier.x = 9600; // Position at end of 24 sections (24 * 400 = 9600)
+	rightBarrier.x = 9700; // Position at end of 24 sections (24 * 400 = 9600)
 	rightBarrier.y = shelfLevels[level] - 150; // Position on each shelf level
 	rightBarrier.isBlocking = true;
 	rightBarriers.push(rightBarrier);
 }
Showing 76 to 100 of 289
1234567...12

Images

Tabla de madera vista de costado, muy fina. Pixel art. In-Game asset. 2d. High contrast. No shadows Raton tipo pixel art earthworm jim, la personalidad del ratón debe ser frenética asustadizo como la de ten de ten y stimpy, debe estar en cuatro patas. In-Game asset. 2d. High contrast. No shadows Un perro bobo ladrando con los ojos cerrados pixel art dientes grandes, estilo earthworm jim. In-Game asset. 2d. High contrast. No shadows Una madera separadora de estantería pixel art estilo metal slug vista de perfil In-Game asset. 2d. High contrast. No shadows plato con decoraciones de oro pixel art metal slug style. In-Game asset. 2d. High contrast. No shadows un vaso con agua estilo pixel art metal slug. In-Game asset. 2d. High contrast. No shadows Un jabon con espuma, pixel art, metal slug. In-Game asset. 2d. High contrast. No shadows hazlo con fondo verde, con el mismo estilo dando un sarpazo con mirada burlona a la camara hazlo con fondo verde, con el mismo estilo cerrando los dientes con fuerza y bronca Con el mismo estilo, modo cauteloso con la boca cerrada Un foco pixel art tipo metal slug. In-Game asset. 2d. High contrast. No shadows Un velador con base muy simple, sin lampara, tipo pixel art meta slug. In-Game asset. 2d. High contrast. No shadows El mudo gato con el mismo estilo pero electrocutado con fondo verde puedes cambiar la posicion de las patas, es decir las que estan atras pasan adelante y viceversa, con el mismo estilo pixel art de la foto original y fondo azul cambia la posicion de las piernas como si hubiese dado un paso con el mismo estilo pixel art Maceta con una flor, pixel art metal slug. In-Game asset. 2d. High contrast. No shadows Puedes encerrarlo en una burbuja En medio de un salto con el mismo estilo pixel art y fondo verde con cara arrogante tiene que tirar un beso a camara y mostrar un corazon, la imagen sarcastica y graciosa, con fondo verde El gato de estar sentado sobre sus dos patas traseras señalando hacia adelante y mirando a la cámara como irónicamente porque no puedes seguir avanzando una pecera con un pez durmiendo, con estilo pixel art de metal slug con fondo verde. In-Game asset. 2d. High contrast. No shadows el gato asustado arqueado con los pelos parados con el mismo estilo pixel art un iphone en pixel art que tenga en la pantalla un ninja con una estrella y un rollo de papel higienico estilo comico. In-Game asset. 2d. High contrast. No shadows el pez asustadisimo con estilo comico sin sombra con fondo verde imagina un portatil que tenga en la pantalla la imagen actual, debe ser pixel art y con estilo comico quiero construir una columa cilindrica muy larga de madera, para eso tengo que recurrir a repetir assets uno arriba del otro , puedes crear un segmento que pueda repetirse en pixel art?. In-Game asset. 2d. High contrast. No shadows necesito construir un background para un hud, color madera clarito con 2 tornillos en los extremos bien en los bordes, con un borde viselado pixel art, muchisimo mas ancho que alto (relacion 5 - 20 aprox). In-Game asset. 2d. High contrast. No shadows imagina un fondo con el mismo estilo del juego, debe decir arriba, Catatack y tener un estilo gatuno, siempre en pixel art, en el medio de la imagen, pondre texto variable, debes dejar ese espacio libre.. In-Game asset. 2d. High contrast. No shadows reimaginalo bailando como tony manero en fiebre de sabado por la noche con fondo verde una bola de espejos tipo fiebre de sabado por la noche con estilo pixel art con el cable de donde cuelga largo, con fondo verde . In-Game asset. 2d. High contrast. No shadows perro cayendo de mucha altura asustadisimo con el mismo estilo con fondo verde, muy gracioso dibuja 3 zetas en vez de 2, manten el mismo estilo pixel art

Sounds & Music

🎵

catFall

Sound effect

🎵

objectHit

Sound effect

🎶

mainTheme

Music

🎵

gato-kiss

Sound effect

🎵

electricShock

Sound effect

🎵

dangerousFall

Sound effect

🎵

bubble

Sound effect

🎵

dogBark

Sound effect

🎵

zarpazo

Sound effect

🎵

successSong

Sound effect

🎵

grito-arania

Sound effect

🎵

perroCae

Sound effect

Used plugins

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