Play
:quality(85)/https://cdn.frvr.ai/68638f22e726be56625a9c9a.png)
:quality(85)/https://cdn.frvr.ai/68638f1ee726be56625a9c98.png)
Creation History
User prompt
Can you add sounds every time you click the button
User prompt
Can you fix the errors in the code āŖš” Consider importing and using the following plugins: @upit/storage.v1
User prompt
Please fix the bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'length')' in or related to this line: 'if (usernameInput.text.length > 0) {' Line Number: 355
User prompt
Please fix the bug: 'Script error.' in or related to this line: 'storage.leaderboard = leaderboard;' Line Number: 225 āŖš” Consider importing and using the following plugins: @upit/storage.v1
User prompt
Please fix the bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'length')' in or related to this line: 'if (currentText.length < 10) {' Line Number: 175
User prompt
Can you now make a leaderbaord tab that has a leader board and it will work that when you enter the game it will ask you for a username that user name will update on your infinity saving progress and highscore by also allowing the leader board to show who has done the most clicks on infinity can you make the file in csc āŖš” Consider importing and using the following plugins: @upit/storage.v1
User prompt
Can you make the times a bit longer
User prompt
Can you make the time on the timed tab tick down
User prompt
Can you make tabs for different thing we're the one you just made is infinity and make another one in a different tab called timed where you have a random time to click the button as many times as you can and try to beat your high score āŖš” Consider importing and using the following plugins: @upit/storage.v1
User prompt
Make the text on the button black
User prompt
Maybe include some text on the button but the text is a random text that tells you to click the button
User prompt
Good. Can we make the background black with the button white and the text white
Code edit (1 edits merged)
Please save this source code
User prompt
Click Counter
Initial prompt
Make a simple button with text under it saying how many times you have clicked the button
/****
* Plugins
****/
var storage = LK.import("@upit/storage.v1");
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x000000
});
/****
* Game Code
****/
var currentTab = 'infinity';
var clickCount = 0;
var timedClickCount = 0;
var timeRemaining = 0;
var gameActive = false;
var highScore = storage.timedHighScore || 0;
var timer = null;
// Create tab buttons
var infinityTab = game.addChild(LK.getAsset('button', {
anchorX: 0.5,
anchorY: 0.5,
width: 250,
height: 80
}));
infinityTab.x = 2048 / 2 - 150;
infinityTab.y = 200;
var timedTab = game.addChild(LK.getAsset('button', {
anchorX: 0.5,
anchorY: 0.5,
width: 250,
height: 80
}));
timedTab.x = 2048 / 2 + 150;
timedTab.y = 200;
// Tab text
var infinityTabText = new Text2('INFINITY', {
size: 40,
fill: 0x000000
});
infinityTabText.anchor.set(0.5, 0.5);
infinityTabText.x = infinityTab.x;
infinityTabText.y = infinityTab.y;
game.addChild(infinityTabText);
var timedTabText = new Text2('TIMED', {
size: 40,
fill: 0x000000
});
timedTabText.anchor.set(0.5, 0.5);
timedTabText.x = timedTab.x;
timedTabText.y = timedTab.y;
game.addChild(timedTabText);
// Create the main button
var button = game.addChild(LK.getAsset('button', {
anchorX: 0.5,
anchorY: 0.5
}));
// Position button in center of screen
button.x = 2048 / 2;
button.y = 2732 / 2 - 100;
// Array of random button texts
var buttonTexts = ['CLICK ME!', 'TAP HERE!', 'PRESS ME!', 'HIT IT!', 'CLICK NOW!', 'TAP AWAY!', 'PUSH IT!', 'GO AHEAD!', 'CLICK THIS!', 'TAP TAP!'];
// Create button text with random initial text
var buttonText = new Text2(buttonTexts[Math.floor(Math.random() * buttonTexts.length)], {
size: 60,
fill: 0x000000
});
buttonText.anchor.set(0.5, 0.5);
buttonText.x = button.x;
buttonText.y = button.y;
game.addChild(buttonText);
// Create counter text
var counterText = new Text2('Clicks: 0', {
size: 80,
fill: 0xffffff
});
counterText.anchor.set(0.5, 0.5);
counterText.x = 2048 / 2;
counterText.y = 2732 / 2 + 100;
game.addChild(counterText);
// Create timer text for timed mode
var timerText = new Text2('Time: 0', {
size: 60,
fill: 0xffffff
});
timerText.anchor.set(0.5, 0.5);
timerText.x = 2048 / 2;
timerText.y = 2732 / 2 - 200;
timerText.visible = false;
game.addChild(timerText);
// Create high score text for timed mode
var highScoreText = new Text2('High Score: ' + highScore, {
size: 50,
fill: 0xffffff
});
highScoreText.anchor.set(0.5, 0.5);
highScoreText.x = 2048 / 2;
highScoreText.y = 2732 / 2 + 200;
highScoreText.visible = false;
game.addChild(highScoreText);
// Function to update tab visibility
function updateTabDisplay() {
if (currentTab === 'infinity') {
// Show infinity mode elements
button.visible = true;
buttonText.visible = true;
counterText.visible = true;
counterText.setText('Clicks: ' + clickCount);
// Hide timed mode elements
timerText.visible = false;
highScoreText.visible = false;
// Update tab colors
infinityTab.tint = 0x888888;
timedTab.tint = 0xffffff;
} else {
// Show timed mode elements
button.visible = true;
buttonText.visible = true;
counterText.visible = true;
timerText.visible = true;
highScoreText.visible = true;
// Update displays
counterText.setText('Clicks: ' + timedClickCount);
timerText.setText('Time: ' + timeRemaining);
highScoreText.setText('High Score: ' + highScore);
// Update tab colors
infinityTab.tint = 0xffffff;
timedTab.tint = 0x888888;
if (!gameActive && timeRemaining === 0) {
buttonText.setText('START GAME');
}
}
}
// Function to start timed game
function startTimedGame() {
timedClickCount = 0;
timeRemaining = Math.floor(Math.random() * 10) + 5; // Random time between 5-14 seconds
gameActive = true;
timer = LK.setInterval(function () {
timeRemaining--;
if (timeRemaining <= 0) {
endTimedGame();
}
}, 1000);
updateTabDisplay();
}
// Function to end timed game
function endTimedGame() {
gameActive = false;
if (timer) {
LK.clearInterval(timer);
timer = null;
}
if (timedClickCount > highScore) {
highScore = timedClickCount;
storage.timedHighScore = highScore;
}
buttonText.setText('GAME OVER! Click to restart');
updateTabDisplay();
}
// Tab click handlers
infinityTab.down = function () {
currentTab = 'infinity';
updateTabDisplay();
};
timedTab.down = function () {
currentTab = 'timed';
updateTabDisplay();
};
// Handle button clicks
button.down = function (x, y, obj) {
if (currentTab === 'infinity') {
clickCount++;
counterText.setText('Clicks: ' + clickCount);
// Change button text to random message
buttonText.setText(buttonTexts[Math.floor(Math.random() * buttonTexts.length)]);
} else {
// Timed mode
if (!gameActive && timeRemaining === 0) {
startTimedGame();
} else if (gameActive) {
timedClickCount++;
counterText.setText('Clicks: ' + timedClickCount);
// Change button text to random message
buttonText.setText(buttonTexts[Math.floor(Math.random() * buttonTexts.length)]);
} else {
// Game over, restart
startTimedGame();
}
}
// Visual feedback - scale button down slightly
button.scaleX = 0.95;
button.scaleY = 0.95;
};
button.up = function (x, y, obj) {
// Return button to normal size
button.scaleX = 1.0;
button.scaleY = 1.0;
};
// Initialize the display
updateTabDisplay(); ===================================================================
--- original.js
+++ change.js
@@ -1,5 +1,10 @@
/****
+* Plugins
+****/
+var storage = LK.import("@upit/storage.v1");
+
+/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x000000
@@ -7,9 +12,49 @@
/****
* Game Code
****/
+var currentTab = 'infinity';
var clickCount = 0;
+var timedClickCount = 0;
+var timeRemaining = 0;
+var gameActive = false;
+var highScore = storage.timedHighScore || 0;
+var timer = null;
+// Create tab buttons
+var infinityTab = game.addChild(LK.getAsset('button', {
+ anchorX: 0.5,
+ anchorY: 0.5,
+ width: 250,
+ height: 80
+}));
+infinityTab.x = 2048 / 2 - 150;
+infinityTab.y = 200;
+var timedTab = game.addChild(LK.getAsset('button', {
+ anchorX: 0.5,
+ anchorY: 0.5,
+ width: 250,
+ height: 80
+}));
+timedTab.x = 2048 / 2 + 150;
+timedTab.y = 200;
+// Tab text
+var infinityTabText = new Text2('INFINITY', {
+ size: 40,
+ fill: 0x000000
+});
+infinityTabText.anchor.set(0.5, 0.5);
+infinityTabText.x = infinityTab.x;
+infinityTabText.y = infinityTab.y;
+game.addChild(infinityTabText);
+var timedTabText = new Text2('TIMED', {
+ size: 40,
+ fill: 0x000000
+});
+timedTabText.anchor.set(0.5, 0.5);
+timedTabText.x = timedTab.x;
+timedTabText.y = timedTab.y;
+game.addChild(timedTabText);
// Create the main button
var button = game.addChild(LK.getAsset('button', {
anchorX: 0.5,
anchorY: 0.5
@@ -36,19 +81,125 @@
counterText.anchor.set(0.5, 0.5);
counterText.x = 2048 / 2;
counterText.y = 2732 / 2 + 100;
game.addChild(counterText);
+// Create timer text for timed mode
+var timerText = new Text2('Time: 0', {
+ size: 60,
+ fill: 0xffffff
+});
+timerText.anchor.set(0.5, 0.5);
+timerText.x = 2048 / 2;
+timerText.y = 2732 / 2 - 200;
+timerText.visible = false;
+game.addChild(timerText);
+// Create high score text for timed mode
+var highScoreText = new Text2('High Score: ' + highScore, {
+ size: 50,
+ fill: 0xffffff
+});
+highScoreText.anchor.set(0.5, 0.5);
+highScoreText.x = 2048 / 2;
+highScoreText.y = 2732 / 2 + 200;
+highScoreText.visible = false;
+game.addChild(highScoreText);
+// Function to update tab visibility
+function updateTabDisplay() {
+ if (currentTab === 'infinity') {
+ // Show infinity mode elements
+ button.visible = true;
+ buttonText.visible = true;
+ counterText.visible = true;
+ counterText.setText('Clicks: ' + clickCount);
+ // Hide timed mode elements
+ timerText.visible = false;
+ highScoreText.visible = false;
+ // Update tab colors
+ infinityTab.tint = 0x888888;
+ timedTab.tint = 0xffffff;
+ } else {
+ // Show timed mode elements
+ button.visible = true;
+ buttonText.visible = true;
+ counterText.visible = true;
+ timerText.visible = true;
+ highScoreText.visible = true;
+ // Update displays
+ counterText.setText('Clicks: ' + timedClickCount);
+ timerText.setText('Time: ' + timeRemaining);
+ highScoreText.setText('High Score: ' + highScore);
+ // Update tab colors
+ infinityTab.tint = 0xffffff;
+ timedTab.tint = 0x888888;
+ if (!gameActive && timeRemaining === 0) {
+ buttonText.setText('START GAME');
+ }
+ }
+}
+// Function to start timed game
+function startTimedGame() {
+ timedClickCount = 0;
+ timeRemaining = Math.floor(Math.random() * 10) + 5; // Random time between 5-14 seconds
+ gameActive = true;
+ timer = LK.setInterval(function () {
+ timeRemaining--;
+ if (timeRemaining <= 0) {
+ endTimedGame();
+ }
+ }, 1000);
+ updateTabDisplay();
+}
+// Function to end timed game
+function endTimedGame() {
+ gameActive = false;
+ if (timer) {
+ LK.clearInterval(timer);
+ timer = null;
+ }
+ if (timedClickCount > highScore) {
+ highScore = timedClickCount;
+ storage.timedHighScore = highScore;
+ }
+ buttonText.setText('GAME OVER! Click to restart');
+ updateTabDisplay();
+}
+// Tab click handlers
+infinityTab.down = function () {
+ currentTab = 'infinity';
+ updateTabDisplay();
+};
+timedTab.down = function () {
+ currentTab = 'timed';
+ updateTabDisplay();
+};
// Handle button clicks
button.down = function (x, y, obj) {
- clickCount++;
- counterText.setText('Clicks: ' + clickCount);
- // Change button text to random message
- buttonText.setText(buttonTexts[Math.floor(Math.random() * buttonTexts.length)]);
+ if (currentTab === 'infinity') {
+ clickCount++;
+ counterText.setText('Clicks: ' + clickCount);
+ // Change button text to random message
+ buttonText.setText(buttonTexts[Math.floor(Math.random() * buttonTexts.length)]);
+ } else {
+ // Timed mode
+ if (!gameActive && timeRemaining === 0) {
+ startTimedGame();
+ } else if (gameActive) {
+ timedClickCount++;
+ counterText.setText('Clicks: ' + timedClickCount);
+ // Change button text to random message
+ buttonText.setText(buttonTexts[Math.floor(Math.random() * buttonTexts.length)]);
+ } else {
+ // Game over, restart
+ startTimedGame();
+ }
+ }
// Visual feedback - scale button down slightly
button.scaleX = 0.95;
button.scaleY = 0.95;
};
button.up = function (x, y, obj) {
// Return button to normal size
button.scaleX = 1.0;
button.scaleY = 1.0;
-};
\ No newline at end of file
+};
+// Initialize the display
+updateTabDisplay();
\ No newline at end of file
Sounds & Music
Used plugins
@upit/storage@upit/tween
