User prompt
Make an animation when you open the glow pack ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Make the asset orangeglow in the glow pack and it has a 20% of beign pulled and it is a common
User prompt
The glowy pack will be a pack you can buy if you have 20 points or more. You get button skins form it to equip on your button
User prompt
I found a glitch where if you open the shop and then close it the glow pack asset and text is still there. It shouldnt.
User prompt
Move the glowpack a lot lower
User prompt
Make the glowpack alot lot lower
User prompt
Move the glowpack text down
User prompt
Make the glow text bigger
User prompt
Put the glowpack text right under the glowpack
User prompt
Put a text under the glowpack saying Glow Pack: 20$
User prompt
Make the glowpack a little bigger
User prompt
Make the glowpack a little bigger
User prompt
Make the glowpack 2x bigger
User prompt
Make the glowpack a lot bigger
User prompt
Now make the glowpack in the shop menu
User prompt
Keep the shop menu there though
User prompt
Put the glowpack asset in the shop menu
User prompt
Make the close text bigger
User prompt
Make the close button 2 times bigger
User prompt
Make the close button a lot bigger
User prompt
Make the shop menu also use the shop asset
User prompt
Make the shop button the shop asset
User prompt
You have no fucking brain. MAKE THE COLOR OF THE SHOP MENY AND SHOP BUTTON RED
User prompt
Make the shop button and shop menu a light red color
User prompt
Make the shop menu bigger and center it
/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Initialize Game ****/ //<Assets used in the game will automatically appear here> //<Write imports for supported plugins here> //<Write entity 'classes' with empty functions for important behavior here> var game = new LK.Game({ backgroundColor: 0xFFFFFF //Init game with white background }); /**** * Game Code ****/ function openShopMenu() { // Logic to display the shop menu console.log("Shop menu is now open."); // Create a large shop menu var shopMenu = LK.getAsset('Shop', { width: 1600, // Increase width height: 1600, // Increase height to make it taller x: 2048 / 2 - 800, // Center horizontally y: 2732 / 2 - 800 // Center vertically }); game.addChild(shopMenu); // Add the glowpack asset to the shop menu var glowpack = LK.getAsset('Glowpack', { x: shopMenu.x + 100, // Position it inside the shop menu y: shopMenu.y + 100, scaleX: 5.0, // Increase the width slightly scaleY: 5.0 // Increase the height slightly // Double the height }); game.addChild(glowpack); // Import the tween plugin // Create an animation for the glowpack tween(glowpack, { scaleX: 6.0, scaleY: 6.0 }, { duration: 500, easing: tween.elasticOut, onFinish: function onFinish() { console.log("Glowpack animation complete."); } }); // Add text under the glowpack var glowpackText = new Text2('Glow Pack: 20$', { size: 70, // Increase the size of the text fill: 0x000000 }); glowpackText.x = glowpack.x; glowpackText.y = glowpack.y + glowpack.height + 400; // Position text a lot lower below the glowpack game.addChild(glowpackText); // Add a click event to the glowpack glowpack.down = function (x, y, obj) { // Check if the points are 20 or more if (points >= 20) { // Decrease the points points -= 20; // Update the text pointsText.setText('Points: ' + points); // Logic to equip button skins from the glow pack console.log("Glow Pack purchased! Button skins equipped."); // Add logic for pulling orangeglow with a 20% chance if (Math.random() < 0.2) { console.log("Orangeglow pulled! It's a common item."); // Logic to equip orangeglow skin } } else { console.log("Not enough points to purchase Glow Pack."); } }; // Add a close button to the shop menu var closeButton = LK.getAsset('button', { width: 400, // Double the width height: 200, // Double the height x: shopMenu.x + shopMenu.width - 410, // Adjust x position to accommodate increased size y: shopMenu.y + 10, shape: 'box' }); game.addChild(closeButton); var closeButtonText = new Text2('Close', { size: 60, fill: 0x000000 }); closeButtonText.x = closeButton.x + closeButton.width / 2 - closeButtonText.width / 2; closeButtonText.y = closeButton.y + closeButton.height / 2 - closeButtonText.height / 2; game.addChild(closeButtonText); closeButton.down = function (x, y, obj) { game.removeChild(shopMenu); game.removeChild(closeButton); game.removeChild(closeButtonText); game.removeChild(glowpack); game.removeChild(glowpackText); }; } // Clear the interval when the game is over game.gameOver = function () { clearInterval(intervalId); }; var points = 0; var workerValue = 0; // Create a text var pointsText = new Text2('Points: ' + points, { size: 100, fill: 0x000000 }); // Position the text on the left hand corner pointsText.x = 0; pointsText.y = 0; // Add the text to the game game.addChild(pointsText); var newButton = LK.getAsset('button', { width: 300, height: 300, x: 2048 / 2 - 150, // Position the new button in the center of the screen y: 2732 / 2 - 150, shape: 'circle' }); // Add the new button to the game game.addChild(newButton); // Add a click event to the button newButton.down = function (x, y, obj) { // Increase the points points++; // Update the text pointsText.setText('Points: ' + points); }; var shopButton = LK.getAsset('Shop', { width: 400, height: 200, x: 2048 - 400, // Position the button on the bottom right corner y: 2732 - 200 }); game.addChild(shopButton); var shopButtonText = new Text2('Shop', { size: 50, fill: 0x000000 }); shopButtonText.x = shopButton.x + shopButton.width / 2 - shopButtonText.width / 2; shopButtonText.y = shopButton.y + shopButton.height / 2 - shopButtonText.height / 2; game.addChild(shopButtonText); shopButton.down = function (x, y, obj) { // Logic to open the shop menu openShopMenu(); }; ; var intervalId; var button = LK.getAsset('button', { width: 600, height: 300, x: 1448, // Position the button on the right hand corner y: 0 }); // Add the button to the game game.addChild(button); // Add a click event to the button button.down = function (x, y, obj) { // Check if the points are 20 or more if (points >= 20) { // Decrease the points points -= 20; // Update the text pointsText.setText('Points: ' + points); // Update workerValue to 1 workerValue = 1; // Start getting workerValue points every second intervalId = LK.setInterval(function () { points += workerValue; // Update the text pointsText.setText('Points: ' + points); }, 1000); // Remove the old button game.removeChild(button); // Create a new button with different text var newButton = LK.getAsset('button', { width: 600, height: 300, x: 1448, y: 0 }); // Add the new button to the game game.addChild(newButton); // Create a new text var newText = new Text2('50$ +5 worker', { size: 100, fill: 0x000000 }); // Position the text on the new button newText.x = newButton.x + newButton.width / 2 - newText.width / 2; newText.y = newButton.y + newButton.height / 2 - newText.height / 2; // Add the text to the game game.addChild(newText); // Add a click event to the new button newButton.down = function (x, y, obj) { // Check if the points are 50 or more if (points >= 50) { // Decrease the points points -= 50; // Update the text pointsText.setText('Points: ' + points); // Update workerValue to 5 workerValue = 5; // Clear the previous interval LK.clearInterval(intervalId); // Start getting workerValue points every second intervalId = LK.setInterval(function () { points += workerValue; // Update the text pointsText.setText('Points: ' + points); }, 1000); // Remove the old button game.removeChild(newButton); // Create a new button with different text var newButton2 = LK.getAsset('button', { width: 600, height: 300, x: 1448, y: 0 }); // Add the new button to the game game.addChild(newButton2); // Create a new text var newText2 = new Text2('150$ +10 worker', { size: 100, fill: 0x000000 }); // Position the text on the new button newText2.x = newButton2.x + newButton2.width / 2 - newText2.width / 2; newText2.y = newButton2.y + newButton2.height / 2 - newText2.height / 2; // Add the text to the game game.addChild(newText2); // Add a click event to the new button newButton2.down = function (x, y, obj) { // Check if the points are 150 or more if (points >= 150) { // Decrease the points points -= 150; // Update the text pointsText.setText('Points: ' + points); // Update workerValue to 10 workerValue = 10; // Clear the previous interval LK.clearInterval(intervalId); // Start getting workerValue points every second intervalId = LK.setInterval(function () { points += workerValue; // Update the text pointsText.setText('Points: ' + points); }, 1000); } }; } }; } }; // Create a text var buttonText = new Text2('20$ +1 worker', { size: 100, fill: 0x000000 }); // Position the text on the button buttonText.x = button.x + button.width / 2 - buttonText.width / 2; buttonText.y = button.y + button.height / 2 - buttonText.height / 2; // Add the text to the game game.addChild(buttonText); ;
===================================================================
--- original.js
+++ change.js
@@ -1,5 +1,10 @@
/****
+* Plugins
+****/
+var tween = LK.import("@upit/tween.v1");
+
+/****
* Initialize Game
****/
//<Assets used in the game will automatically appear here>
//<Write imports for supported plugins here>
@@ -36,8 +41,20 @@
scaleY: 5.0 // Increase the height slightly
// Double the height
});
game.addChild(glowpack);
+ // Import the tween plugin
+ // Create an animation for the glowpack
+ tween(glowpack, {
+ scaleX: 6.0,
+ scaleY: 6.0
+ }, {
+ duration: 500,
+ easing: tween.elasticOut,
+ onFinish: function onFinish() {
+ console.log("Glowpack animation complete.");
+ }
+ });
// Add text under the glowpack
var glowpackText = new Text2('Glow Pack: 20$', {
size: 70,
// Increase the size of the text