User prompt
up by 10 pixels
User prompt
Smaller by 5%
User prompt
Another 10%
User prompt
Make BrownBoard 10% taller
User prompt
Please fix the bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'width')' in or related to this line: 'var brownBoard = LK.getAsset('BrownBoard', {' Line Number: 64
User prompt
stretch brown board from left to right side of the screen
User prompt
Make BrownBoard be on front of the game scene
User prompt
make BrownBoard 2 times bigger
User prompt
make BrownBoard not transparent
User prompt
Make background and ScoreBack 20% darker
User prompt
The score isnt changing
User prompt
Every time I clicks Square white, add 5 to the score
User prompt
Every time player clicks Square white, add 5 to the score
User prompt
make all SquareWhite 3% bigger
User prompt
more brighter
User prompt
make 2ndBackground a bit brighter
User prompt
make Background 5% wider and move it 20 pixels to the right
User prompt
Make Score back height 20% bigger and lower it 20 pixels lower
User prompt
Please fix the bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'x')' in or related to this line: 'var scoreBack = LK.getAsset('ScoreBack', {' Line Number: 75
User prompt
Fix it and only display the one that is currently 50
User prompt
Remove 10000 number
User prompt
add 50 to the score
User prompt
Make brown board 100% transparent
User prompt
Still not changing. When i click on a squareWhite, make score go up by 50
User prompt
Score isnt changing
/**** * Initialize Game ****/ //<Assets used in the game will automatically appear here> var game = new LK.Game({ backgroundColor: 0x000000 //Init game with black background }); /**** * Game Code ****/ // Add 2nd background to the game var background2 = LK.getAsset('2ndBackground', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2, y: 2732 / 2, width: 2048 * 1.5 * 1.2, height: 2048 * 1.5 * 1.2, orientation: 1, alpha: 0.9 // Make the background more brighter }); game.addChild(background2); // Add main background to the game var background = LK.getAsset('Background', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2 + 20, y: 2732 / 2, width: 2068 * 1.05, height: 2000, alpha: 0.8 }); // Add background after adding the squares to the game for (var i = 0; i < gridSize; i++) { for (var j = 0; j < gridSize; j++) { var square = LK.getAsset('SquareWhite', { anchorX: 0.5, anchorY: 0.5, x: startX + i * squareSize, y: startY + j * squareSize, scaleX: 2.04, // Reduce the scaleX by 15% scaleY: 2.04 // Reduce the scaleY by 15% }); square.down = function (x, y, obj) { this.destroy(); }; game.addChild(square); grid.push(square); } } game.addChild(background); // Add brown board to the game var brownBoardWidth = 400; // Define the width of the BrownBoard asset var brownBoardHeight = 400; // Define the height of the BrownBoard asset var brownBoard = LK.getAsset('BrownBoard', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2, y: 2732 / 2, scaleX: 2048 / brownBoardWidth, scaleY: 6 / 1.5 * 1.1, // Increase the height by 10% alpha: 1 // Make the brown board not transparent }); game.addChild(brownBoard); // Add ScoreBack behind the score and make it around 1/3 screen long // Add score on top of the screen var scoreTxt = new Text2('0', { size: 150, fill: "#ffffff", font: "Helvetica" }); LK.setScore(50); scoreTxt.setText(LK.getScore()); scoreTxt.anchor.set(0.5, 0); scoreTxt.y += 15; LK.gui.top.addChild(scoreTxt); var scoreBack = LK.getAsset('ScoreBack', { anchorX: 0.5, anchorY: 0.5, x: scoreTxt.x + 10, y: 20 + 75 - 35 + 20, width: 2048 / 3, height: 150 * 1.3 * 1.3 * 1.4 * 1.2, alpha: 0.8 }); LK.gui.top.addChild(scoreBack); // Add score on top of the screen var scoreTxt = new Text2('0', { size: 150, fill: "#ffffff", font: "Helvetica" }); LK.setScore(50); scoreTxt.setText(LK.getScore()); scoreTxt.anchor.set(0.5, 0); scoreTxt.y += 15; LK.gui.top.addChild(scoreTxt); // Initialize an 8x8 grid of SquareWhite in the middle of the screen var grid = []; var gridSize = 8; var squareSize = 225.28 * 0.95; // Reduce the size of the grid by 5% var startX = (2048 - gridSize * squareSize) / 2 + 110; var startY = (2732 - gridSize * squareSize) / 2 + 90; for (var i = 0; i < gridSize; i++) { for (var j = 0; j < gridSize; j++) { var square = LK.getAsset('SquareWhite', { anchorX: 0.5, anchorY: 0.5, x: startX + i * squareSize, y: startY + j * squareSize, scaleX: 2.112 * 1.03, scaleY: 2.112 * 1.03 }); square.down = function (x, y, obj) { this.destroy(); }; game.addChild(square); grid.push(square); } }
===================================================================
--- original.js
+++ change.js
@@ -59,9 +59,10 @@
anchorY: 0.5,
x: 2048 / 2,
y: 2732 / 2,
scaleX: 2048 / brownBoardWidth,
- scaleY: 6 / 1.5,
+ scaleY: 6 / 1.5 * 1.1,
+ // Increase the height by 10%
alpha: 1 // Make the brown board not transparent
});
game.addChild(brownBoard);
// Add ScoreBack behind the score and make it around 1/3 screen long
Rounded square with fog inside it. Simplistic. Single Game Texture. In-Game asset. 2d. Blank background. Low contrast. No shadows.
square with Neon dark blue borders, simple, cyberpunk, 2d. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
square with Neon dark blue borders, simple, futuristic, 2d. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
Light blue Circle Light 2d. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
Sci-fi Vault dark Concrete wall texture 2d. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
Arrow "backwards" or "undo". White arrow, no background, 2d,. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
Scifi Square with thin, rounded corners. Dark grey. 2d. Single Game Texture. Little blue outline
White triangle with sharp edges. White fill, thin outline, 2d, no shadows, blank background. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.