Upit | Learn about creating the game Shape Match FRVR with gen AI

Play

Shape Match FRVR

vlad

ShapeMatchFRVR

834

6mo

Playit

Quick reflexes needed! Match shapes fast in this addictive, endless puzzle challenge.

#puzzlegame

#quickreflexes

#shapechallenge

#endlessgame

#addictive

Creation History

User prompt

Make the initial speed x1.44 faster

User prompt

Make it so 'enemy shapes' don't start spawning until the player clicks once. Also before he clicks make it write a small tutorial on the screen, that disappeares as soon as the game starts.

User prompt

Fix Bug: 'ReferenceError: player is not defined' in this line: 'scoreTxt.setText(player.score);' Line Number: 47

User prompt

Let's have 3 lines, and each of the lines it's individual character shape, and 'enemy shapes'. Copy everything from our main middle line, to the sides of the screen

User prompt

Make sure the shape speed never gets to fast so the game is always enjoyable

User prompt

Implement one of your ideas on what the game could do better

User prompt

Change the colour of the background to something more representative, also make it pulse white for a second every time the score increases.

User prompt

Create a background for our game.

User prompt

Set the background to the asset you have just created.

User prompt

Create an asset for the background

User prompt

Make the shapes bigger, change the speed at which the shapes fall in whatever you find more appropiate.

User prompt

Fix Bug: 'TypeError: window is undefined' in this line: 'if (shapes[a] instanceof window[player.shape.charAt(0).toUpperCase() + player.shape.slice(1)]) {' Line Number: 56

User prompt

Review the collision detection logic and the conditions under which the game over sequence is triggered.

User prompt

Fix Bug: 'TypeError: window is undefined' in this line: 'if (shapes[a] instanceof window[player.shape.charAt(0).toUpperCase() + player.shape.slice(1)]) {' Line Number: 56

User prompt

Fix Bug: 'TypeError: window is undefined' in this line: 'if (shapes[a] instanceof window[player.shape.charAt(0).toUpperCase() + player.shape.slice(1)]) {' Line Number: 56

User prompt

The game stopped even if the two shapes were the same

User prompt

Fix Bug: 'ReferenceError: shapeOrder is not defined' in this line: 'if (shapes[a] instanceof shapeTypes[shapeOrder.indexOf(player.shape)]) {' Line Number: 55

User prompt

Fix Bug: 'TypeError: window is undefined' in this line: 'if (shapes[a] instanceof window[player.shape.charAt(0).toUpperCase() + player.shape.slice(1)]) {' Line Number: 55

User prompt

Make a system that checks if the 'enemy shape' is the same kind of shape (square, triangle or circle) with the character shape once it reaches it's Y level. If they are not the same stop the game. If they are the same add +1 to the score.

User prompt

Make it so new shapes spawn only once the previous shape reaches 3/5 of the screen

User prompt

Make it so the 'enemy' shapes are aligned with the character shape when they spawn

User prompt

Fix Bug: 'TypeError: shapeType is not a constructor' in this line: 'var shape = self.addChild(new shapeType());' Line Number: 47

User prompt

Fix Bug: 'TypeError: shapeType is not a constructor' in this line: 'var shape = self.addChild(new shapeType());' Line Number: 47

User prompt

Make it so new shapes only spawn once the previous reaches 3/5 of the screen. Also align new shapes with the player shape when spawning from the top of the screen.

User prompt

Fix Bug: 'ReferenceError: shapeOrder is not defined' in this line: '} else if (shapes[a].y >= player.y && shapes[a] instanceof shapeTypes[shapeOrder.indexOf(player.shape)]) {' Line Number: 57

===================================================================
--- original.js
+++ change.js
@@ -52,9 +52,9 @@
 	LK.gui.topCenter.addChild(scoreTxt);
 	var shapeTypes = [Circle, Square, Triangle];
 	var shapeOrder = ['square', 'circle', 'triangle'];
 	var shapeSpawnInterval = 60;
-	var shapeSpeed = Math.min(5 + Math.floor(player.score / 10), 20);
+	var shapeSpeed = Math.min(7.2 + Math.floor(player.score / 10), 28.8);
 	var shapeSpawnCounter = 0;
 	LK.on('tick', function () {
 		if (gameStarted && (shapes.length === 0 || shapes.length > 0 && shapes[shapes.length - 1].y >= 2732 * 3 / 5)) {
 			var shapeType = shapeTypes[Math.floor(Math.random() * shapeTypes.length)];