Upit | Learn about creating the game Chain Reaction with gen AI

Play

Chain Reaction

cspark

ChainReaction

1.4K

7mo

Playit

Ignite a cascade of colorful shapes! Tap to explode & chain your way to high scores.

#puzzle

#casualgame

#arcade

#colorful

#chainreaction

Creation History

User prompt

Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'undefined')' in this line: 'levelText.setText('Level 1 - Explode ' + self.levels[self.currentLevel][0] + ' of ' + self.levels[self.currentLevel][0] + ' shapes');' Line Number: 204

User prompt

Fix Bug: 'TypeError: Cannot read properties of undefined (reading 'undefined')' in this line: 'if (collisionsCount > self.levels[self.currentLevel][0]) {' Line Number: 188

Code edit (1 edits merged)

Please save this source code

User prompt

Fix Bug: 'Timeout.tick error: Cannot read properties of undefined (reading 'expandedCount')' in this line: 'self.parent.expandedCount--;' Line Number: 136

User prompt

Fix Bug: 'Timeout.tick error: Cannot read properties of undefined (reading 'expandedCount')' in this line: 'self.parent.expandedCount--;' Line Number: 136

Code edit (1 edits merged)

Please save this source code

User prompt

Fix Bug: 'ReferenceError: expandedCount is not defined' in this line: 'expandedCount++;' Line Number: 205

Code edit (2 edits merged)

Please save this source code

User prompt

Fix Bug: 'ReferenceError: expandedCount is not defined' in this line: 'expandedCount++;' Line Number: 205

User prompt

Fix Bug: 'ReferenceError: collisionsText is not defined' in this line: 'collisionsText.setText('Wow');' Line Number: 197

User prompt

Fix Bug: 'ReferenceError: collisionsText is not defined' in this line: 'collisionsText.setText('Wow');' Line Number: 187

User prompt

Fix Bug: 'ReferenceError: expandedCount is not defined' in this line: 'if (expandedCount == 0) {' Line Number: 185

User prompt

define a global var expandedTestCount

Code edit (8 edits merged)

Please save this source code

User prompt

Fix Bug: 'Timeout.tick error: expandedCount is not defined' in this line: 'expandedCount--;' Line Number: 72

Code edit (1 edits merged)

Please save this source code

Code edit (3 edits merged)

Please save this source code

User prompt

Fix Bug: 'Uncaught TypeError: Shape.hsvToRgb is not a function' in this line: 'var bgColor = Shape.hsvToRgb(1, 1, 1);' Line Number: 156

Code edit (1 edits merged)

Please save this source code

Code edit (2 edits merged)

Please save this source code

User prompt

use only circle graphics for shapes and staticshapes

Code edit (1 edits merged)

Please save this source code

User prompt

make on tick check if player has clicked AND all children of shapes have isscaling=false

User prompt

set a boolean flag indicating whether any scaleup or scaledown events are happening

Code edit (3 edits merged)

Please save this source code

===================================================================
--- original.js
+++ change.js
@@ -39,8 +39,9 @@
 	} else {
 		return false;
 	}
 };
+var expandedCount = 1;
 var StaticShape = Container.expand(function () {
 	var self = Container.call(this);
 	var shapeType = 'circle';
 	var color = '#' + (Math.random() * 0xFFFFFF << 0).toString(16).padStart(6, '0');
@@ -115,8 +116,9 @@
 			self.explode();
 		}
 	};
 	self.explode = function () {
+		expandedCount++;
 		self.isCollided = true;
 		var scaleUp = function () {
 			if (self.scale.x < 4) {
 				self.scale.x += 0.04;
@@ -131,8 +133,9 @@
 				self.scale.x -= 0.4;
 				self.scale.y -= 0.4;
 				LK.setTimeout(scaleDown, 2);
 			} else {
+				expandedCount--;
 				self.destroy();
 			}
 		};
 		LK.setTimeout(scaleUp, 33);
@@ -140,9 +143,8 @@
 });
 var Game = Container.expand(function () {
 	var self = Container.call(this);
 	LK.stageContainer.setBackgroundColor('0xCCCCFF');
-	var expandedCount = 1;
 	var shapes = [];
 	var levelText = new Text2('Level 1 - Explode 1 of 5 shapes', {
 		size: 80,
 		fill: "#ffffff",

Showing 76 to 100 of 157

1 2 3 4 5 6 7

Images

a white geometric square shape
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

a white dot
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

flat white round disk
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

gif circle spinning animation
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Most played remixes

Main