Upit | Learn about creating the game Extreme, skill and figures

/**** * Plugins ****/ var facekit = LK.import("@upit/facekit.v1"); /**** * Classes ****/ var FaceFollower = Container.expand(function () { var self = Container.call(this); var faceGraphics = self.attachAsset('faceObject', { anchorX: 0.5, anchorY: 0.5 }); self.update = function () { // Update the position of the face follower to follow the nose tip self.x = facekit.noseTip.x; self.y = facekit.noseTip.y; // Adjust the range of movement for the faceFollower object to be within a square in the middle of the screen var leftBound = (2048 - 1000) / 2; var rightBound = leftBound + 1000; var topBound = (2732 - 1000) / 2; var bottomBound = topBound + 1000; if (self.y < topBound) { self.y = topBound; } else if (self.y > bottomBound) { self.y = bottomBound; } if (self.x < leftBound) { self.x = leftBound; } else if (self.x > rightBound) { self.x = rightBound; } }; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 }); /**** * Game Code ****/ var faceFollower = game.addChild(new FaceFollower());

===================================================================
--- original.js
+++ change.js
@@ -15,19 +15,22 @@
 	self.update = function () {
 		// Update the position of the face follower to follow the nose tip
 		self.x = facekit.noseTip.x;
 		self.y = facekit.noseTip.y;
-		// Ensure the faceFollower object stays within the vertical bounds
-		if (self.y < 500) {
-			self.y = 500;
-		} else if (self.y > 2000) {
-			self.y = 2000;
+		// Adjust the range of movement for the faceFollower object to be within a square in the middle of the screen
+		var leftBound = (2048 - 1000) / 2;
+		var rightBound = leftBound + 1000;
+		var topBound = (2732 - 1000) / 2;
+		var bottomBound = topBound + 1000;
+		if (self.y < topBound) {
+			self.y = topBound;
+		} else if (self.y > bottomBound) {
+			self.y = bottomBound;
 		}
-		// Ensure the faceFollower object stays within the horizontal bounds
-		if (self.x < 500) {
-			self.x = 500;
-		} else if (self.x > 2000) {
-			self.x = 2000;
+		if (self.x < leftBound) {
+			self.x = leftBound;
+		} else if (self.x > rightBound) {
+			self.x = rightBound;
 		}
 	};
 });

Creation History

Images

Sounds & Music

Used plugins