User prompt
If Type is equal to 1, set tint of the ItemPlace of that NewItem to 272775
User prompt
If Type is equal to 1, set tint of the ItemPlace of that NewItem to 267f62
User prompt
Randomise Type for each New item between 1 to 4
User prompt
Create new variable for NewItem called Type
User prompt
Move it another 3 pixels lower
User prompt
Move NewItem 8 pixels lower
User prompt
Change NewItem font to Arial Black
User prompt
Okay. When player hovers over one of the NewItem, Quickly change that NewItem and the ItemPlace under it to make it 10% bigger
User prompt
Set NewItem font color to white, change Item Place TInt to b40421
User prompt
Move NewItem 15 pixels lower
User prompt
Move NewItem 30 pixels higher and set font to 170
User prompt
Please fix the bug: 'Cannot set properties of undefined (setting 'font')' in or related to this line: 'newItemCenter.style.font = "Impact";' Line Number: 134
User prompt
Move them extra 50 pixels lower, set font to impact
User prompt
Move NewItem 50 pixels lower
User prompt
Set all 3 newItem to Black font, 160 size.
User prompt
Make NewItem assets 0% transparent
User prompt
Make ItemPlace 0% transparent, place NewItem above ItemPlace, not below
Code edit (1 edits merged)
Please save this source code
User prompt
Create a new text Object called NewItem, and place it above each of the 3 ItemPlace. Assign NewItem to display number 3
User prompt
change tint of SquareWhite and ItemPlace to #e4ebf0
User prompt
Change LevelCounter to say "Goal: 30"
Code edit (1 edits merged)
Please save this source code
User prompt
add #b6cfe3 tint to SquareWhite and ItemPlace
User prompt
Place ItemPlace 10 pixels higher
User prompt
Adjust ItemPlace instances to be 415 pixels away from the central one
/**** * Classes ****/ var WhiteRectangle = Container.expand(function () { var self = Container.call(this); var rectangleAsset = self.attachAsset('WhiteRectangle', { anchorX: 0.5, anchorY: 0.5 }); rectangleAsset.scale.set(0.25, 0.7); // Increase the height by 100% // Add a variable to store the target scale for each rectangle self.targetScale = Math.random() * 1.5; // Add an update function to stretch the rectangle self.update = function () { // Continuously stretch the rectangle towards the target scale rectangleAsset.scale.x += (self.targetScale - rectangleAsset.scale.x) * 0.02; // When the target scale is reached, pick a new target if (Math.abs(rectangleAsset.scale.x - self.targetScale) < 0.005) { self.targetScale = Math.random() * 1.5; } }; }); /**** * Initialize Game ****/ // Create an array to hold the random numbers //<Assets used in the game will automatically appear here> var game = new LK.Game({ backgroundColor: 0x000000 //Init game with black background }); /**** * Game Code ****/ var randomNumberTexts = []; for (var i = 0; i < 50; i++) { // Create a new Text2 object to display the random number var randomNumberText = new Text2(Math.floor(Math.random() * 10).toString(), { size: 40, fill: 0x4A73B5, font: "Courier New" }); randomNumberText.anchor.set(0.5, 0.5); randomNumberText.x = 2048 / 50 * i; randomNumberText.y = 2732 / 2 + 930; game.addChild(randomNumberText); randomNumberTexts.push(randomNumberText); } // Add an update function to the game to move the numbers to the left game.update = function () { for (var i = 0; i < randomNumberTexts.length; i++) { randomNumberTexts[i].x -= 5; if (randomNumberTexts[i].x < 0) { randomNumberTexts[i].x = 2048; } } }; // Add Concrete as a background to all other items var concreteBackground = LK.getAsset('Concrete', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2, y: 2732 / 2, width: 2048, height: 2732, alpha: 1, tint: 0x98bee3 }); game.addChildAt(concreteBackground, 0); // 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: 135, fill: 0xFFFFFF, font: "Helvetica" }); var scoreBack = LK.getAsset('ScoreBack', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2, y: 20 + 75 - 35 + 20 + 40, width: 2048 / 3 * 0.85 * 0.85 * 1.2 * 1.3 * 1.1, height: 150 * 1.3 * 1.3 * 1.4 * 1.2 * 0.85 * 1.2 * 1.3 * 1.3 * 1.1 * 1.2, alpha: 1 }); game.addChild(scoreBack); // Add PainterBackground at the bottom of the screen, above ConcreteBackground var painterBackground = LK.getAsset('PainterBackground', { anchorX: 0.5, anchorY: 1, x: 2048 / 2, y: 2732 - 15 + 15 + 400 - 100 + 50, width: 2048 * 0.9 * 0.95, height: 800 * 1.3 * 1.5, alpha: 1 }); game.addChild(painterBackground); // Add ItemPlace above PainterBackground var itemPlace = LK.getAsset('ItemPlace', { anchorX: 0.5, anchorY: 1, x: 2048 / 2, y: painterBackground.y - painterBackground.height / 2 + 360, // Position it above PainterBackground width: 282, height: 282, alpha: 1, tint: 0xb40421 }); game.addChild(itemPlace); var newItemCenter = new Text2('3', { size: 170, fill: 0xFFFFFF, font: "Arial Black" }); newItemCenter.Type = Math.floor(Math.random() * 4) + 1; newItemCenter.anchor.set(0.5, 1); newItemCenter.x = itemPlace.x; newItemCenter.y = itemPlace.y - itemPlace.height / 2 + 86; // Moved 11 pixels lower game.addChild(newItemCenter); if (newItemCenter.Type === 1) { itemPlace.tint = 0x272775; } // Add two more instances of ItemPlace var itemPlaceLeft = LK.getAsset('ItemPlace', { anchorX: 0.5, anchorY: 1, x: 2048 / 2 - 415, // 415 pixels to the left y: painterBackground.y - painterBackground.height / 2 + 360, width: 282, height: 282, alpha: 1, tint: 0xb40421 }); game.addChild(itemPlaceLeft); var newItemLeft = new Text2('3', { size: 170, fill: 0xFFFFFF, font: "Arial Black" }); newItemLeft.Type = Math.floor(Math.random() * 4) + 1; newItemLeft.anchor.set(0.5, 1); newItemLeft.x = itemPlaceLeft.x; newItemLeft.y = itemPlaceLeft.y - itemPlaceLeft.height / 2 + 86; // Moved 11 pixels lower game.addChild(newItemLeft); if (newItemLeft.Type === 1) { itemPlaceLeft.tint = 0x272775; } var itemPlaceRight = LK.getAsset('ItemPlace', { anchorX: 0.5, anchorY: 1, x: 2048 / 2 + 415, // 415 pixels to the right y: painterBackground.y - painterBackground.height / 2 + 360, width: 282, height: 282, alpha: 1, tint: 0xb40421 }); game.addChild(itemPlaceRight); var newItemRight = new Text2('3', { size: 170, fill: 0xFFFFFF, font: "Arial Black" }); newItemRight.Type = Math.floor(Math.random() * 4) + 1; newItemRight.anchor.set(0.5, 1); newItemRight.x = itemPlaceRight.x; newItemRight.y = itemPlaceRight.y - itemPlaceRight.height / 2 + 86; // Moved 11 pixels lower game.addChild(newItemRight); if (newItemRight.Type === 1) { itemPlaceRight.tint = 0x272775; } // Generate String Of Numbers var randomNumberTexts = []; for (var i = 0; i < 50; i++) { // Create a new Text2 object to display the random number var randomNumberText = new Text2(Math.floor(Math.random() * 10).toString(), { size: 40, fill: 0x4A73B5, font: "Courier New" }); randomNumberText.anchor.set(0.5, 0.5); randomNumberText.x = 2048 / 50 * i; randomNumberText.y = 2732 / 2 + 930; game.addChild(randomNumberText); randomNumberTexts.push(randomNumberText); } // Add an update function to the game to move the numbers to the left game.update = function () { for (var i = 0; i < randomNumberTexts.length; i++) { randomNumberTexts[i].x -= 5; if (randomNumberTexts[i].x < 0) { randomNumberTexts[i].x = 2048; } } }; // 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 - 30, scaleX: 2048 / brownBoardWidth, scaleY: (6 / 1.5 * 1.1 * 1.1 * 0.95 * brownBoardHeight + 30) / brownBoardHeight, alpha: 1 }); // 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: 1 }); game.addChild(brownBoard); game.addChild(background); // Add gridBack behind the grid, but above Background var gridBack = LK.getAsset('GridBack', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2 - 5, y: 2732 / 2 - 20, width: 1400 * 1.2 + 5, height: 1400 * 1.1 * 1.1 - 10, alpha: 1 }); game.addChild(gridBack); // Initialize a 7x7 grid of SquareWhite in the middle of the screen var grid = []; var gridSize = 6; var squareSize = 225.28 * 1.08 * 1.08 * 1.05; // Increase the size of the grid by an additional 5% var startX = (2048 - gridSize * squareSize) / 2 + 110 + 20; var startY = (2732 - gridSize * squareSize) / 2 + 90 + 20 + 5; 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.08 * 1.05 * 1.08 * 1.05, // Increase the size by an additional 5% scaleY: 2.112 * 1.08 * 1.05 * 1.08 * 1.05, // Increase the size by an additional 5% alpha: 1, tint: 0xe4ebf0 }); // Removed the ability to click on SquareWhite to remove it game.addChild(square); grid.push(square); } } // Create 6 WhiteCircle instances and stack them on top of each other in the middle of the screen for (var i = 0; i < 6; i++) { var whiteCircle = LK.getAsset('WhiteCircle', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2 - 910, y: 2732 / 2 + i * 300 - 730 - 20 - 5, width: 31.5, height: 31.5, tint: 0x34dbeb }); game.addChild(whiteCircle); // Add a randomiser to change the brightness of each WhiteCircle every 1-5 seconds (function (whiteCircle) { var _changeBrightness = function changeBrightness() { var randomTime = Math.random() * 5000 + 3000; // Random time between 3-8 seconds whiteCircle.alpha = 0.2; // Change brightness to 20% LK.setTimeout(function () { whiteCircle.alpha = 1; // Revert brightness back LK.setTimeout(_changeBrightness, randomTime); // Schedule next brightness change }, randomTime); }; _changeBrightness(); // Start changing brightness })(whiteCircle); } // Add score on top of the screen var scoreTxt = new Text2('0', { size: 160, fill: 0x67BAEB, font: "Courier New" }); // Set score to 0 LK.setScore(0); scoreTxt.setText(LK.getScore()); scoreTxt.anchor.set(0.5, 0); scoreTxt.y += 9; LK.gui.top.addChild(scoreTxt); // Add LevelCounter text 200 pixels under Score var levelCounterTxt = new Text2('Goal: 30', { size: 65, fill: 0xb6bcd6, font: "Courier New" }); levelCounterTxt.anchor.set(0.5, 0); levelCounterTxt.y = scoreTxt.y + 170; LK.gui.top.addChild(levelCounterTxt); for (var i = 0; i < 6; i++) { var rectangle = game.addChild(new WhiteRectangle()); rectangle.x = 2048 - rectangle.width / 2 + 20 - 15; // Move to the right side of the screen and 20 pixels more to the right, then move 15 pixels to the left rectangle.y = i * (rectangle.height + 10) + 945; // Move 945 pixels lower } ;
===================================================================
--- original.js
+++ change.js
@@ -119,9 +119,9 @@
newItemCenter.x = itemPlace.x;
newItemCenter.y = itemPlace.y - itemPlace.height / 2 + 86; // Moved 11 pixels lower
game.addChild(newItemCenter);
if (newItemCenter.Type === 1) {
- itemPlace.tint = 0x267f62;
+ itemPlace.tint = 0x272775;
}
// Add two more instances of ItemPlace
var itemPlaceLeft = LK.getAsset('ItemPlace', {
anchorX: 0.5,
@@ -145,9 +145,9 @@
newItemLeft.x = itemPlaceLeft.x;
newItemLeft.y = itemPlaceLeft.y - itemPlaceLeft.height / 2 + 86; // Moved 11 pixels lower
game.addChild(newItemLeft);
if (newItemLeft.Type === 1) {
- itemPlaceLeft.tint = 0x267f62;
+ itemPlaceLeft.tint = 0x272775;
}
var itemPlaceRight = LK.getAsset('ItemPlace', {
anchorX: 0.5,
anchorY: 1,
@@ -170,9 +170,9 @@
newItemRight.x = itemPlaceRight.x;
newItemRight.y = itemPlaceRight.y - itemPlaceRight.height / 2 + 86; // Moved 11 pixels lower
game.addChild(newItemRight);
if (newItemRight.Type === 1) {
- itemPlaceRight.tint = 0x267f62;
+ itemPlaceRight.tint = 0x272775;
}
// Generate String Of Numbers
var randomNumberTexts = [];
for (var i = 0; i < 50; i++) {
square with Neon dark blue borders, simple, futuristic, 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.
Scifi Square with thin, rounded corners. Dark grey. 2d. Single Game Texture. Little blue outline
Smooth white circle, 2d, simple. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.
Rounded white square. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.