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
===================================================================
--- original.js
+++ change.js
@@ -1,8 +1,8 @@
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;
+ 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 () {
@@ -12,9 +12,9 @@
self.addRing = function (ring) {
if (self.rings.length < 5) {
self.rings.push(ring);
self.addChild(ring);
- ring.y = 230 / 2 - self.rings.length * 90 + 90 / 2 - 5 + self.rings.length * 30;
+ ring.y = 230 / 2 - self.rings.length * ring.height + ring.height / 2 - 5;
}
};
self.removeRing = function () {
if (self.rings.length > 0) {
@@ -26,12 +26,12 @@
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 + 300;
+ stackContainer.x = 69 + 230 / 2;
+ stackContainer.y = 280 + 230 / 2;
for (var row = 0; row < 5; row++) {
- for (var col = 0; col < 5; col++) {
+ for (var col = 0; col < 7; 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++) {
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.