Upit | Learn about creating the game Color Craze with gen AI

Play

Color Craze

cspark

ColorCraze

741

Playit

Travel through space and collect all the colors from the different galaxies.

#space

#exploration

#adventure

#sci-fi

#colors

#onebutton2024

Creation History

Code edit (11 edits merged)

Please save this source code

User prompt

also make the dragged item highest depth

User prompt

fix my code so that the draggable functionality works

Code edit (9 edits merged)

Please save this source code

User prompt

Please fix the bug: 'TypeError: Cannot set properties of undefined (setting 'tint')' in or related to this line: 't.starGraphics.tint = collection[i].c;' Line Number: 469

Code edit (1 edits merged)

Please save this source code

Code edit (6 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Uncaught TypeError: Cannot set properties of undefined (setting 'alpha')' in or related to this line: 'score.text.alpha = 0;' Line Number: 468

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

Code edit (8 edits merged)

Please save this source code

User prompt

please write that function as a standalone function to be called from within the star's current move function

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

Code edit (22 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Uncaught ReferenceError: center is not defined' in or related to this line: 'var instructionsTxt = new Text2('Welcome to space, traveler!\nTap to collect the color indicated below.', {' Line Number: 426

Code edit (1 edits merged)

Please save this source code

Code edit (12 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Error: The supplied index is out of bounds' in or related to this line: 'game.setChildIndex(counter, game.children.length);' Line Number: 249

Code edit (9 edits merged)

Please save this source code

User prompt

can you update this line, so it updates the textlabel with the new value

Code edit (1 edits merged)

Please save this source code

Code edit (18 edits merged)

Please save this source code

User prompt

Please fix the bug: 'Uncaught ReferenceError: sel is not defined' in or related to this line: 'self.x = sel.x;' Line Number: 24

Code edit (1 edits merged)

Please save this source code

===================================================================
--- original.js
+++ change.js
@@ -466,9 +466,24 @@
 	counter.destroy();
 	squares.forEach(function (square, index) {
 		square.destroy();
 	});
-	for (var i = 0; i < collection.length - 1; i++) {
+	var goText = new Text2("Good Job! Here are all the colors you collected!\nYou can drag and arrange them into something, maybe a screenshot to share :)", {
+		weight: 800,
+		size: 90,
+		fill: "#ffffff",
+		anchorX: 0.5,
+		align: 'center',
+		dropShadow: true,
+		dropShadowColor: '#000000',
+		dropShadowAngle: Math.PI / 6,
+		dropShadowDistance: 5
+	});
+	goText.x = game.width / 2 - goText.width / 2;
+	goText.y = game.height / 2;
+	game.addChild(goText);
+	//TODO: add game over button here
+	for (var i = 0; i < collection.length; i++) {
 		var t = new Particle();
 		//t.init(Math.random() * game.width, Math.random() * game.height, 0, 0, 1); //x, y, vx, vy, scale
 		t.init(0, 0, 0, 0, 1); //x, y, vx, vy, scale
 		t.width = collection[i].w;