:quality(85)/https://cdn.frvr.ai/6783f800acaa24f7d5149112.png)
:quality(85)/https://cdn.frvr.ai/6560cca200e851023e0c9485.jpg)
:quality(85)/https://cdn.frvr.ai/6783f9b6acaa24f7d5149142.png)
Creation History
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
/****
* 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 = 20;
var startX = -self.width / 2;
var startY = -self.height / 2; //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 = 70 + startX + i * (boxSize + boxSpacing);
box.y = 70 + 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,
anchorY: 0.5
});
self.speed = 10;
self.setAlpha = function (i) {
self.alpha = i;
};
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x000000 //Init game with black background
});
/****
* Game Code
****/
var board = new Board();
board.x = 1024;
board.y = 2732 / 2;
game.addChild(board);
game.down = function (x, y, obj) {}; ===================================================================
--- original.js
+++ change.js
@@ -10,16 +10,16 @@
anchorY: 0.5
});
self.setup = function () {
var boxSize = 100;
- var boxSpacing = 25;
- var startX = self.width / 2;
- var startY = 0; //background.y - background.height / 2 + boxSpacing;
+ var boxSpacing = 20;
+ var startX = -self.width / 2;
+ var startY = -self.height / 2; //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.x = 70 + startX + i * (boxSize + boxSpacing);
+ box.y = 70 + startY + j * (boxSize + boxSpacing);
box.setAlpha(0.2);
}
}
};
@@ -46,12 +46,9 @@
/****
* Game Code
****/
-// Game update loop
var board = new Board();
board.x = 1024;
board.y = 2732 / 2;
game.addChild(board);
-// Create 5x5 boxes inside the background object
-game.down = function (x, y, obj) {};
-;
\ No newline at end of file
+game.down = function (x, y, obj) {};
\ No newline at end of file
Images
:quality(85)/https://cdn.frvr.ai/6762c4139204367665187ef5.png%3F3)
:quality(85)/https://cdn.frvr.ai/67661b594ce3d4700e55ce56.png%3F3)
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.
:quality(85)/https://cdn.frvr.ai/676862ae3b942ba2575f53c1.png%3F3)
:quality(85)/https://cdn.frvr.ai/677745d01cda26694cd5e8d2.png%3F3)
:quality(85)/https://cdn.frvr.ai/67774e601cda26694cd5e8d6.png%3F3)
:quality(85)/https://cdn.frvr.ai/67774e8d1cda26694cd5e8da.png%3F3)
:quality(85)/https://cdn.frvr.ai/67774eb21cda26694cd5e8de.png%3F3)
:quality(85)/https://cdn.frvr.ai/67774edd1cda26694cd5e8e2.png%3F3)
:quality(85)/https://cdn.frvr.ai/67774eff1cda26694cd5e8e6.png%3F3)
:quality(85)/https://cdn.frvr.ai/67774f571cda26694cd5e8ec.png%3F3)
:quality(85)/https://cdn.frvr.ai/67774fbc1cda26694cd5e8f0.png%3F3)
:quality(85)/https://cdn.frvr.ai/67774ff91cda26694cd5e8f4.png%3F3)
:quality(85)/https://cdn.frvr.ai/6778403803bfd4151d35b11a.png%3F3)
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.
:quality(85)/https://cdn.frvr.ai/677873d103bfd4151d35b175.png%3F3)
:quality(85)/https://cdn.frvr.ai/677af8992194494601af3e7e.png%3F3)
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.
:quality(85)/https://cdn.frvr.ai/67829fc147855ca8eeb515c4.png%3F3)
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.
:quality(85)/https://cdn.frvr.ai/6782c3ed7974b0fd3cf55435.png%3F3)
:quality(85)/https://cdn.frvr.ai/6782e7197974b0fd3cf5570c.png%3F3)
A white questionmark on a black background. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
:quality(85)/https://cdn.frvr.ai/6782f4687974b0fd3cf55820.png%3F3)
A green check mark on a dark background. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
