:quality(85)/https://cdn.frvr.ai/65624fbb3737955baa64f563.png)
:quality(85)/https://cdn.upit.com/6q46t4oitm4j2bfnxesqilhb.jpeg)
:quality(85)/https://cdn.frvr.ai/657b653fcf187241b1c734ed.png)
Creation History
User prompt
Update ring colors to be a brighter pastel rainbow of colors
User prompt
Update ring colors to be a brighter rainbow of colors
User prompt
Change ring y calculation in stack to assume rings are 40 high
User prompt
Set stack background alpha to 0
User prompt
Assume rings are 35 high in ring y calculation in stack
User prompt
Use bright tint colors in einfs
User prompt
5x7
User prompt
Make the stack grid have 7x5 stacks
User prompt
Use I * .1 for ring scale calculation
User prompt
Assume rings are 30px high in the stack y calculation
User prompt
Assume rings are 20px high in the stack y calculation
User prompt
Scale both x and y on ring
User prompt
Subtract 5 from ring y in stack
User prompt
Only scale ring x not y
User prompt
Rings should support 5 different widths, parse the i offset to ring when creating a ring
User prompt
Add half a ring height to ring y
User prompt
Ring.y should be 230/2 - ring array length * ring height
User prompt
Stack should render rings such that the first ring in the array is at the bottom and the last ring in the array are on the top. Change the y of the rings
User prompt
Stack should render rings such that the first ring in the array is at the bottom and the last ring in the array are on the top
User prompt
Add a remove ring function to stack
User prompt
Move stack container 230/2 px to the right and down
User prompt
Set anchor of stack to .5,.5
User prompt
Ring should have a random of 5 colors from the rainbow apply this with tint
User prompt
When adding a ring to stack also attach it
User prompt
Initialize each stack with 5 rings
===================================================================
--- original.js
+++ change.js
@@ -1,9 +1,9 @@
var Ring = Container.expand(function (i) {
var self = Container.call(this);
var ringGraphics = self.createAsset('ring', 'Ring for the game', 0.5, 0.5);
ringGraphics.scale.x = ringGraphics.scale.y = 1 - i * 0.1;
- var colors = [0xFF0000, 0xFF7F00, 0xFFFF00, 0x00FF00, 0x0000FF];
+ var colors = [0xFF0000, 0xFF7F00, 0xFFFF00, 0x00FF00, 0x00FFFF];
ringGraphics.tint = colors[Math.floor(Math.random() * colors.length)];
});
var Stack = Container.expand(function () {
var self = Container.call(this);
:quality(85)/https://cdn.frvr.ai/65622d9e4912560923eb46e9.png%3F3)
:quality(85)/https://cdn.frvr.ai/65622f334912560923eb46f7.png%3F3)
:quality(85)/https://cdn.frvr.ai/65624c0c3737955baa64f547.png%3F3)
