Code edit (1 edits merged)
Please save this source code
Code edit (7 edits merged)
Please save this source code
User prompt
Please fix the bug: 'Cannot set properties of undefined (setting 'width')' in or related to this line: 'self.boxGraphics.width = boardSize;' Line Number: 34
Code edit (5 edits merged)
Please save this source code
User prompt
Please fix the bug: 'spaceingRatio is not defined' in or related to this line: 'var tileSize = boardSize / ((gridSize + 1) * spaceingRatio) + gridSize;' Line Number: 59
Code edit (1 edits merged)
Please save this source code
Code edit (1 edits merged)
Please save this source code
User prompt
Please fix the bug: 'boad is not defined' in or related to this line: 'boad.y = 2732 / 2;' Line Number: 59
Code edit (9 edits merged)
Please save this source code
User prompt
Please fix the bug: 'Cannot read properties of undefined (reading 'width')' in or related to this line: 'var startX = background.width / 2;' Line Number: 21
Code edit (5 edits merged)
Please save this source code
User prompt
Please fix the bug: 'TypeError: Cannot set properties of undefined (setting 'alpha')' in or related to this line: 'box.boxGraphics.alpha = 0.2;' Line Number: 49
Code edit (1 edits merged)
Please save this source code
User prompt
place 5 x 5 boxes evenly spaced inside background object, with 50 pixels between them and edges
Code edit (2 edits merged)
Please save this source code
User prompt
make a background graphic
Code edit (1 edits merged)
Please save this source code
Initial prompt
Puzzle 2
===================================================================
--- original.js
+++ change.js
@@ -2,8 +2,30 @@
* Classes
****/
//<Assets used in the game will automatically appear here>
//<Write imports for supported plugins here>
+var Board = Container.expand(function () {
+ var self = Container.call(this);
+ var boxGraphics = self.attachAsset('board', {
+ anchorX: 0.5,
+ anchorY: 0.5
+ });
+ self.setup = function () {
+ var boxSize = 100;
+ var boxSpacing = 25;
+ var startX = game.width / 2;
+ var startY = 0; //background.y - background.height / 2 + boxSpacing;
+ for (var i = 0; i < 10; i++) {
+ for (var j = 0; j < 10; j++) {
+ var box = self.addChild(new Box());
+ box.x = 100 + startX + i * (boxSize + boxSpacing);
+ box.y = 100 + startY + j * (boxSize + boxSpacing);
+ box.setAlpha(0.2);
+ }
+ }
+ };
+ self.setup();
+});
var Box = Container.expand(function () {
var self = Container.call(this);
var boxGraphics = self.attachAsset('box', {
anchorX: 0.5,
@@ -25,25 +47,9 @@
/****
* Game Code
****/
// Game update loop
-var background = game.attachAsset('board', {
- anchorX: 0.5,
- anchorY: 0.5,
- x: 2048 / 2,
- y: 2732 / 2
-});
+var background = new Board();
+game.addChild(background);
// Create 5x5 boxes inside the background object
-var boxSize = 200;
-var boxSpacing = 50;
-var startX = background.x - background.width / 2 + boxSpacing;
-var startY = background.y - background.height / 2 + boxSpacing;
-for (var i = 0; i < 5; i++) {
- for (var j = 0; j < 5; j++) {
- var box = game.addChild(new Box());
- box.x = 100 + startX + i * (boxSize + boxSpacing);
- box.y = 100 + startY + j * (boxSize + boxSpacing);
- box.setAlpha(0.2);
- }
-}
game.down = function (x, y, obj) {};
;
\ No newline at end of file
A large calm background drawing for a puzzle game, in dark calm blueish colors and non-confusing content. High definition. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
A quadratic polished dark blue marble slate. Front perspective with right angles. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
A white question mark in a circle, like for a help button in a game.. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
A white X in a circle, like for a close window button in a game. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
A white questionmark on a black background. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
A green check mark on a dark background. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.