Upit | Learn about creating the game Parizuzzo

/**** * Classes ****/ // Note class: creates a note at a random (x, y) position var Note = Container.expand(function () { var self = Container.call(this); // Attach the hit zone asset (external ring), centered, slightly larger, semi-transparent var hitZone = self.attachAsset('hit', { anchorX: 0.5, anchorY: 0.5 }); hitZone.alpha = 0.6; // Attach the note asset, centered var noteAsset = self.attachAsset('note', { anchorX: 0.5, anchorY: 0.5 }); // Randomize position within the visible game area, avoiding edges // Note: 2048x2732 is the game area var margin = 100; self.x = margin + Math.random() * (2048 - 2 * margin); self.y = margin + Math.random() * (2732 - 2 * margin); return self; }); /**** * Initialize Game ****/ // Create and add a note at a random position var game = new LK.Game({ backgroundColor: 0x000000 }); /**** * Game Code ****/ var note = new Note(); /* * Initializations */ game.addChild(note);

===================================================================
--- original.js
+++ change.js
@@ -3,24 +3,19 @@
 ****/ 
 // Note class: creates a note at a random (x, y) position
 var Note = Container.expand(function () {
 	var self = Container.call(this);
+	// Attach the hit zone asset (external ring), centered, slightly larger, semi-transparent
+	var hitZone = self.attachAsset('hit', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	hitZone.alpha = 0.6;
 	// Attach the note asset, centered
 	var noteAsset = self.attachAsset('note', {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
-	// Attach the hit zone ring, slightly larger and semi-transparent
-	// We'll use the 'note' asset as a ring by scaling it up and lowering alpha
-	var hitZone = self.attachAsset('note', {
-		anchorX: 0.5,
-		anchorY: 0.5,
-		scaleX: 1.5,
-		scaleY: 1.5
-	});
-	hitZone.alpha = 0.6;
-	// Ensure hitZone is behind the note
-	self.setChildIndex(hitZone, 0);
 	// Randomize position within the visible game area, avoiding edges
 	// Note: 2048x2732 is the game area
 	var margin = 100;
 	self.x = margin + Math.random() * (2048 - 2 * margin);

Creation History

Images

Sounds & Music

Used plugins