User prompt
Don’t subtract 5 from ring y
User prompt
Move down stack container by 250px
User prompt
Move down stack container by 250px
User prompt
Use 79 rather than 39 in stack container x
User prompt
Use 368 rather than 358 in container x and y
User prompt
Add 39 to container x
User prompt
Add 109 to stack container x
User prompt
Update 230 to 358 in ring y code
User prompt
Reset stack container x and y to 358/2
User prompt
5x5
User prompt
7x5
User prompt
Make the grid 5x7
User prompt
In ring y code set 15 to 30
User prompt
When setting y of ring use 90 rather than 80
User prompt
When setting y of ring use 80 rather than 65
User prompt
Add self.rings.length*15 from ring y in stack
User prompt
Add self.rings.length*5 from ring y in stack
User prompt
Subtract self.rings.length*5 from ring y in stack
User prompt
Assume rings are 65px tall in stack y calc
User prompt
Assume rings are 55px tall in stack y calc
User prompt
Add 300px to stack container y
User prompt
Add 79 px to stack container x
User prompt
5x5
User prompt
Make stack grid have 6x5 stacks
User prompt
Update container x and y addition to 368/2
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];
ringGraphics.tint = colors[Math.floor(Math.random() * colors.length)];
});
var Stack = Container.expand(function () {
var self = Container.call(this);
self.rings = [];
var stackBG = self.createAsset('background', 'Background for the game', 0.5, 0.5);
self.addRing = function (ring) {
if (self.rings.length < 5) {
self.rings.push(ring);
self.addChild(ring);
ring.y = 230 / 2 - self.rings.length * 35 + 35 / 2 - 5;
}
};
self.removeRing = function () {
if (self.rings.length > 0) {
var ring = self.rings.pop();
ring.destroy();
}
};
});
var Game = Container.expand(function () {
var self = Container.call(this);
self.stacks = [];
var stackContainer = self.addChild(new Container());
stackContainer.x = 368 / 2;
stackContainer.y = 368 / 2;
for (var row = 0; row < 7; row++) {
for (var col = 0; col < 5; col++) {
var stack = stackContainer.addChild(new Stack());
stack.x = col * (stack.width + 10);
stack.y = row * (stack.height + 10);
for (var i = 0; i < 5; i++) {
var ring = new Ring(i);
stack.addRing(ring);
}
self.stacks.push(stack);
}
}
});
Amazing games background for wooden children’s rainbow stacking tower game.
Horizontal wooden rod. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
Narrow Horizontal rod. Light wood Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.