/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Classes ****/ var RedButton = Container.expand(function () { var self = Container.call(this); var buttonGraphics = self.attachAsset('redButton', { anchorX: 0.5, anchorY: 0.5 }); self.originalScale = 1.0; self.isAnimating = false; self.animateClick = function () { if (self.isAnimating) return; self.isAnimating = true; // Scale down animation tween(buttonGraphics, { scaleX: 0.9, scaleY: 0.9 }, { duration: 100, easing: tween.easeOut, onFinish: function onFinish() { // Scale back up tween(buttonGraphics, { scaleX: self.originalScale, scaleY: self.originalScale }, { duration: 150, easing: tween.bounceOut, onFinish: function onFinish() { self.isAnimating = false; } }); } }); // Color flash animation tween(buttonGraphics, { tint: 0xffffff }, { duration: 100, onFinish: function onFinish() { tween(buttonGraphics, { tint: 0xff0000 }, { duration: 200 }); } }); }; self.down = function (x, y, obj) { self.animateClick(); score++; scoreTxt.setText(score); LK.getSound('click').play(); // Add screen flash effect for satisfying feedback LK.effects.flashScreen(0xffffff, 100); // Change button color based on score milestones if (score === 50) { buttonGraphics.tint = 0xff8800; // Orange } else if (score === 100) { buttonGraphics.tint = 0xff00ff; // Magenta } else if (score === 200) { buttonGraphics.tint = 0x00ff00; // Green } else if (score === 500) { buttonGraphics.tint = 0x0088ff; // Blue } }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x222222 }); /**** * Game Code ****/ var score = 0; var clicksPerSecond = 0; var lastSecondClicks = 0; var lastSecondTime = Date.now(); // Create and position the red button var redButton = game.addChild(new RedButton()); redButton.x = 2048 / 2; redButton.y = 2732 / 2; // Create score display var scoreTxt = new Text2('Clicks: 0', { size: 120, fill: 0xFFFFFF }); scoreTxt.anchor.set(0.5, 0); LK.gui.top.addChild(scoreTxt); // Create clicks per second display var cpsTxt = new Text2('CPS: 0', { size: 80, fill: 0xCCCCCC }); cpsTxt.anchor.set(0.5, 0); cpsTxt.y = 150; LK.gui.top.addChild(cpsTxt); // Track clicking speed var clickTimes = []; game.update = function () { var currentTime = Date.now(); // Calculate clicks per second if (currentTime - lastSecondTime >= 1000) { clicksPerSecond = score - lastSecondClicks; lastSecondClicks = score; lastSecondTime = currentTime; cpsTxt.setText('CPS: ' + clicksPerSecond); } // Update score display scoreTxt.setText('Clicks: ' + score); // Add subtle idle animation to button if (!redButton.isAnimating && LK.ticks % 120 === 0) { var buttonGraphics = redButton.children[0]; tween(buttonGraphics, { scaleX: 1.05, scaleY: 1.05 }, { duration: 500, easing: tween.easeInOut, onFinish: function onFinish() { tween(buttonGraphics, { scaleX: 1.0, scaleY: 1.0 }, { duration: 500, easing: tween.easeInOut }); } }); } };
===================================================================
--- original.js
+++ change.js
@@ -1,6 +1,142 @@
-/****
+/****
+* Plugins
+****/
+var tween = LK.import("@upit/tween.v1");
+
+/****
+* Classes
+****/
+var RedButton = Container.expand(function () {
+ var self = Container.call(this);
+ var buttonGraphics = self.attachAsset('redButton', {
+ anchorX: 0.5,
+ anchorY: 0.5
+ });
+ self.originalScale = 1.0;
+ self.isAnimating = false;
+ self.animateClick = function () {
+ if (self.isAnimating) return;
+ self.isAnimating = true;
+ // Scale down animation
+ tween(buttonGraphics, {
+ scaleX: 0.9,
+ scaleY: 0.9
+ }, {
+ duration: 100,
+ easing: tween.easeOut,
+ onFinish: function onFinish() {
+ // Scale back up
+ tween(buttonGraphics, {
+ scaleX: self.originalScale,
+ scaleY: self.originalScale
+ }, {
+ duration: 150,
+ easing: tween.bounceOut,
+ onFinish: function onFinish() {
+ self.isAnimating = false;
+ }
+ });
+ }
+ });
+ // Color flash animation
+ tween(buttonGraphics, {
+ tint: 0xffffff
+ }, {
+ duration: 100,
+ onFinish: function onFinish() {
+ tween(buttonGraphics, {
+ tint: 0xff0000
+ }, {
+ duration: 200
+ });
+ }
+ });
+ };
+ self.down = function (x, y, obj) {
+ self.animateClick();
+ score++;
+ scoreTxt.setText(score);
+ LK.getSound('click').play();
+ // Add screen flash effect for satisfying feedback
+ LK.effects.flashScreen(0xffffff, 100);
+ // Change button color based on score milestones
+ if (score === 50) {
+ buttonGraphics.tint = 0xff8800; // Orange
+ } else if (score === 100) {
+ buttonGraphics.tint = 0xff00ff; // Magenta
+ } else if (score === 200) {
+ buttonGraphics.tint = 0x00ff00; // Green
+ } else if (score === 500) {
+ buttonGraphics.tint = 0x0088ff; // Blue
+ }
+ };
+ return self;
+});
+
+/****
* Initialize Game
-****/
+****/
var game = new LK.Game({
- backgroundColor: 0x000000
-});
\ No newline at end of file
+ backgroundColor: 0x222222
+});
+
+/****
+* Game Code
+****/
+var score = 0;
+var clicksPerSecond = 0;
+var lastSecondClicks = 0;
+var lastSecondTime = Date.now();
+// Create and position the red button
+var redButton = game.addChild(new RedButton());
+redButton.x = 2048 / 2;
+redButton.y = 2732 / 2;
+// Create score display
+var scoreTxt = new Text2('Clicks: 0', {
+ size: 120,
+ fill: 0xFFFFFF
+});
+scoreTxt.anchor.set(0.5, 0);
+LK.gui.top.addChild(scoreTxt);
+// Create clicks per second display
+var cpsTxt = new Text2('CPS: 0', {
+ size: 80,
+ fill: 0xCCCCCC
+});
+cpsTxt.anchor.set(0.5, 0);
+cpsTxt.y = 150;
+LK.gui.top.addChild(cpsTxt);
+// Track clicking speed
+var clickTimes = [];
+game.update = function () {
+ var currentTime = Date.now();
+ // Calculate clicks per second
+ if (currentTime - lastSecondTime >= 1000) {
+ clicksPerSecond = score - lastSecondClicks;
+ lastSecondClicks = score;
+ lastSecondTime = currentTime;
+ cpsTxt.setText('CPS: ' + clicksPerSecond);
+ }
+ // Update score display
+ scoreTxt.setText('Clicks: ' + score);
+ // Add subtle idle animation to button
+ if (!redButton.isAnimating && LK.ticks % 120 === 0) {
+ var buttonGraphics = redButton.children[0];
+ tween(buttonGraphics, {
+ scaleX: 1.05,
+ scaleY: 1.05
+ }, {
+ duration: 500,
+ easing: tween.easeInOut,
+ onFinish: function onFinish() {
+ tween(buttonGraphics, {
+ scaleX: 1.0,
+ scaleY: 1.0
+ }, {
+ duration: 500,
+ easing: tween.easeInOut
+ });
+ }
+ });
+ }
+};
\ No newline at end of file