Upit | Learn about creating the game Rainbow Stacker with gen AI

Play

Rainbow Stacker

benjaminsen

RainbowStacker

11K

10mo

Playit

Hyper casual game where you stack plates on top of each other.

#hypercasual

#stacker

#arcade

#puzzle

#timing

Creation History

Code edit (3 edits merged)

Please save this source code

User prompt

In BonusIndicator update the call to rgbToHsv to correctly calculate the R,g,b values from color

Code edit (6 edits merged)

Please save this source code

User prompt

the hsv calculation on BonusIndicator seems in correct, add a RGB to HSV method in the game code

Code edit (4 edits merged)

Please save this source code

User prompt

Update outlineColor in BonusIndicator such that it's a 180degrees rotated HSV color from the color parsed to BonusIndicator

Code edit (2 edits merged)

Please save this source code

User prompt

In bonus indicator add white drop shadow to scoreLabel

Code edit (1 edits merged)

Please save this source code

Code edit (4 edits merged)

Please save this source code

User prompt

Add drop shadow to scoreLabel

Code edit (7 edits merged)

Please save this source code

User prompt

Add white stroke outline to BonusIndicator label

User prompt

in BonusIndicator, use color for the color of the text. Note you have to convert from int color to string color with the format #xxxxx

Code edit (3 edits merged)

Please save this source code

User prompt

Add a label to OverhangPlate which shows the value of score.

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

User prompt

Insert place sound at //Play sound here

Code edit (1 edits merged)

Please save this source code

User prompt

Migrate to the latest version of LK

User prompt

Make sure to also send score to LK.setScore

User prompt

Fix Bug: 'Argument 1 ('shader') to WebGLRenderingContext.shaderSource must be an instance of WebGLShader' in this line: 'LK.on('tick', function () {' Line Number: 140

User prompt

Make high score use impact

User prompt

When moving the new plate based on left or right, also add or subtract the same value to the x of overhang plate as was added to new plate

===================================================================
--- original.js
+++ change.js
@@ -3,9 +3,9 @@
 ****/ 
 var BonusIndicator = Container.expand(function (score, color) {
 	var self = Container.call(this);
 	color = Math.round(color);
-	var hsv = rgbToHsv((color >> 16 & 0xFF) / 255, (color >> 8 & 0xFF) / 255, (color & 0xFF) / 255);
+	var hsv = rgbToHsv(color >> 16 & 0xFF, color >> 8 & 0xFF, color & 0xFF);
 	var outlineColor = hsvToRgb(hsv[0], hsv[1], hsv[2]);
 	var scoreLabel = new Text2(score.toString(), {
 		size: 150,
 		fill: '#' + color.toString(16).padStart(6, '0'),