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 = 1 - i * 0.2; 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 = 358 / 2 - self.rings.length * ring.height + ring.height / 2; } }; 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 + 79; stackContainer.y = 368 / 2 + 500; for (var row = 0; row < 5; 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); } } });
===================================================================
--- original.js
+++ change.js
@@ -12,9 +12,9 @@
self.addRing = function (ring) {
if (self.rings.length < 5) {
self.rings.push(ring);
self.addChild(ring);
- ring.y = 358 / 2 - self.rings.length * ring.height + ring.height / 2 - 5;
+ ring.y = 358 / 2 - self.rings.length * ring.height + ring.height / 2;
}
};
self.removeRing = function () {
if (self.rings.length > 0) {
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.