Upit | Learn about creating the game NOT QUITE MY TEMPO! with gen AI

/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");

/**** 
* Classes
****/ 
// DrumPad: Interactive drum pad at the bottom
var DrumPad = Container.expand(function () {
	var self = Container.call(this);
	// .padType: 'kick', 'snare', etc. (set after creation)
	self.padType = null;
	self.asset = null;
	// .isPressed: for visual feedback
	self.isPressed = false;
	// Set up asset
	self.setPadType = function (type) {
		self.padType = type;
		var assetId = type + 'Pad';
		if (self.asset) self.removeChild(self.asset);
		var size = PAD_SIZES[type];
		self.asset = self.attachAsset(assetId, {
			anchorX: 0.5,
			anchorY: 0.5,
			width: size ? size.w : undefined,
			height: size ? size.h : undefined
		});
	};
	// Visual feedback on press
	self.flash = function () {
		if (!self.asset) return;
		tween(self.asset, {
			alpha: 0.5
		}, {
			duration: 60,
			onFinish: function onFinish() {
				tween(self.asset, {
					alpha: 1
				}, {
					duration: 120
				});
			}
		});
	};
	return self;
});
// Note: Falling note bar
var Note = Container.expand(function () {
	var self = Container.call(this);
	// .noteType: 'kick', 'snare', etc.
	self.noteType = null;
	self.asset = null;
	self.hit = false; // If already hit
	self.setNoteType = function (type) {
		self.noteType = type;
		var assetId = type + 'Note';
		if (self.asset) self.removeChild(self.asset);
		self.asset = self.attachAsset(assetId, {
			anchorX: 0.5,
			anchorY: 0.5
		});
	};
	// Called every tick
	self.update = function () {
		self.y += noteSpeed;
	};
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x181818
});

/**** 
* Game Code
****/ 
// Drum pad sounds
// Music track
// Sounds for each drum
// Note bars (falling notes)
// Drum pads (kick, snare, hi-hat, tom1, tom2, crash1, crash2)
// --- Game constants ---
var PAD_TYPES = ['kick', 'snare', 'hihat', 'tom1', 'crash1'];
var PAD_COLS = PAD_TYPES.length;
var GAME_W = 2048,
	GAME_H = 2732;
var PAD_Y = GAME_H - 320; // Y position for pads
// --- Pad Sizing and Full-Width Layout ---
// Each pad will be as wide as possible, with no side gaps, and all pads will be adjacent.
var PAD_SIZES = {};
var PAD_X_POSITIONS = {};
var padWidth = GAME_W / PAD_COLS;
var padCenterY = PAD_Y;
for (var i = 0; i < PAD_COLS; i++) {
	var type = PAD_TYPES[i];
	// Pad width: fill the column, pad height: keep previous aspect ratio (or max of previous)
	// We'll use the original aspect ratio for each pad type, but scale width to padWidth
	// Use original aspect ratios from previous PAD_SIZES
	var origSizes = {
		'kick': {
			w: 420,
			h: 210
		},
		'snare': {
			w: 340,
			h: 170
		},
		'hihat': {
			w: 300,
			h: 150
		},
		'tom1': {
			w: 320,
			h: 160
		},
		'crash1': {
			w: 340,
			h: 170
		}
	};
	var aspect = origSizes[type].h / origSizes[type].w;
	var w = padWidth;
	var h = w * aspect;
	PAD_SIZES[type] = {
		w: w,
		h: h
	};
	// Center of each pad: left edge + half width + i*padWidth
	PAD_X_POSITIONS[type] = i * padWidth + padWidth / 2;
}
// Swap hihat and tom1 X positions
var tmpX = PAD_X_POSITIONS['hihat'];
PAD_X_POSITIONS['hihat'] = PAD_X_POSITIONS['tom1'];
PAD_X_POSITIONS['tom1'] = tmpX;
// Note spawn area (top)
var NOTE_START_Y = -60;
var NOTE_TARGET_Y = PAD_Y - 80; // Where notes should be hit
// Note speed (pixels per frame)
var noteSpeed = 18;
// Timing window (pixels): how close to NOTE_TARGET_Y is a "hit"
var HIT_WINDOW = 100;
// --- State ---
// NOTE_OFFSET_TICKS: Delay (in ticks) to align first note with music start (positive = notes spawn later)
var NOTE_OFFSET_TICKS = 0; // Default 0, adjust for perfect sync (e.g. try 20, 30, 40, ...)
var pads = [];
var notes = [];
var score = 0;
var combo = 0;
var maxCombo = 0;
var lastTick = 0;
var noteIndex = 0;
var isPlaying = false;
var songStartTick = 0;
// --- UI ---
var scoreTxt = new Text2('0', {
	size: 120,
	fill: "#fff"
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
var comboTxt = new Text2('', {
	size: 70,
	fill: 0xFFE066
});
comboTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(comboTxt);
comboTxt.y = 130;
// --- Song Data for all levels ---
// Each entry: {tick: <when to spawn>, type: <padType>}
// Level 1: MasterofUpit, original notes
var LEVELS = [{
	name: "Level 1",
	music: "MasterofUpit",
	notes: [{
		tick: 0,
		type: 'crash1'
	}, {
		tick: 60,
		type: 'crash1'
	}, {
		tick: 77,
		type: 'crash1'
	}, {
		tick: 92,
		type: 'crash1'
	}, {
		tick: 199,
		type: 'crash1'
	}, {
		tick: 453,
		type: 'crash1'
	}, {
		tick: 469,
		type: 'crash1'
	}, {
		tick: 537,
		type: 'crash1'
	}, {
		tick: 554,
		type: 'crash1'
	}, {
		tick: 571,
		type: 'crash1'
	}, {
		tick: 726,
		type: 'crash1'
	}, {
		tick: 744,
		type: 'crash1'
	}, {
		tick: 814,
		type: 'crash1'
	}, {
		tick: 830,
		type: 'crash1'
	}, {
		tick: 848,
		type: 'crash1'
	}, {
		tick: 1001,
		type: 'crash1'
	}, {
		tick: 1016,
		type: 'crash1'
	}, {
		tick: 1086,
		type: 'crash1'
	}, {
		tick: 1105,
		type: 'crash1'
	}, {
		tick: 1122,
		type: 'crash1'
	}, {
		tick: 1293,
		type: 'crash1'
	}, {
		tick: 1500,
		type: 'crash1'
	}, {
		tick: 1526,
		type: 'crash1'
	}, {
		tick: 1550,
		type: 'crash1'
	}, {
		tick: 1566,
		type: 'crash1'
	}, {
		tick: 1771,
		type: 'crash1'
	}, {
		tick: 1799,
		type: 'crash1'
	}, {
		tick: 1825,
		type: 'crash1'
	}, {
		tick: 1841,
		type: 'crash1'
	}, {
		tick: 1858,
		type: 'snare'
	}, {
		tick: 1874,
		type: 'kick'
	}, {
		tick: 1890,
		type: 'snare'
	}, {
		tick: 1911,
		type: 'kick'
	}, {
		tick: 1928,
		type: 'snare'
	}, {
		tick: 1939,
		type: 'kick'
	}, {
		tick: 1954,
		type: 'kick'
	}, {
		tick: 1962,
		type: 'snare'
	}, {
		tick: 1981,
		type: 'kick'
	}, {
		tick: 1995,
		type: 'snare'
	}, {
		tick: 2014,
		type: 'kick'
	}, {
		tick: 2022,
		type: 'kick'
	}, {
		tick: 2030,
		type: 'snare'
	}, {
		tick: 2051,
		type: 'kick'
	}, {
		tick: 2066,
		type: 'snare'
	}, {
		tick: 2076,
		type: 'kick'
	}, {
		tick: 2092,
		type: 'kick'
	}, {
		tick: 2101,
		type: 'snare'
	}, {
		tick: 2120,
		type: 'kick'
	}, {
		tick: 2135,
		type: 'snare'
	}, {
		tick: 2153,
		type: 'kick'
	}, {
		tick: 2160,
		type: 'kick'
	}, {
		tick: 2169,
		type: 'snare'
	}, {
		tick: 2189,
		type: 'kick'
	}, {
		tick: 2204,
		type: 'snare'
	}, {
		tick: 2214,
		type: 'kick'
	}, {
		tick: 2231,
		type: 'kick'
	}, {
		tick: 2240,
		type: 'snare'
	}, {
		tick: 2258,
		type: 'kick'
	}, {
		tick: 2274,
		type: 'snare'
	}, {
		tick: 2290,
		type: 'kick'
	}, {
		tick: 2303,
		type: 'snare'
	}, {
		tick: 2320,
		type: 'crash1'
	}, {
		tick: 2346,
		type: 'crash1'
	}, {
		tick: 2371,
		type: 'crash1'
	}, {
		tick: 2389,
		type: 'snare'
	}, {
		tick: 2407,
		type: 'snare'
	}, {
		tick: 2441,
		type: 'snare'
	}, {
		tick: 2460,
		type: 'kick'
	}, {
		tick: 2476,
		type: 'snare'
	}, {
		tick: 2486,
		type: 'kick'
	}, {
		tick: 2501,
		type: 'kick'
	}, {
		tick: 2511,
		type: 'snare'
	}, {
		tick: 2531,
		type: 'kick'
	}, {
		tick: 2548,
		type: 'snare'
	}, {
		tick: 2563,
		type: 'kick'
	}, {
		tick: 2571,
		type: 'kick'
	}, {
		tick: 2580,
		type: 'snare'
	}, {
		tick: 2599,
		type: 'kick'
	}, {
		tick: 2615,
		type: 'snare'
	}, {
		tick: 2625,
		type: 'kick'
	}, {
		tick: 2640,
		type: 'kick'
	}, {
		tick: 2649,
		type: 'snare'
	}, {
		tick: 2668,
		type: 'kick'
	}, {
		tick: 2684,
		type: 'snare'
	}, {
		tick: 2701,
		type: 'kick'
	}, {
		tick: 2709,
		type: 'kick'
	}, {
		tick: 2719,
		type: 'snare'
	}, {
		tick: 2739,
		type: 'kick'
	}, {
		tick: 2754,
		type: 'snare'
	}, {
		tick: 2764,
		type: 'kick'
	}, {
		tick: 2786,
		type: 'snare'
	}, {
		tick: 2806,
		type: 'kick'
	}, {
		tick: 2820,
		type: 'snare'
	}, {
		tick: 2835,
		type: 'kick'
	}, {
		tick: 2849,
		type: 'kick'
	}, {
		tick: 2857,
		type: 'snare'
	}, {
		tick: 2875,
		type: 'hihat'
	}, {
		tick: 2898,
		type: 'crash1'
	}, {
		tick: 2923,
		type: 'crash1'
	}, {
		tick: 2938,
		type: 'crash1'
	}, {
		tick: 2964,
		type: 'crash1'
	}, {
		tick: 2990,
		type: 'crash1'
	}, {
		tick: 3006,
		type: 'crash1'
	}, {
		tick: 3022,
		type: 'hihat'
	}, {
		tick: 3038,
		type: 'hihat'
	}, {
		tick: 3058,
		type: 'hihat'
	}, {
		tick: 3077,
		type: 'hihat'
	}, {
		tick: 3095,
		type: 'hihat'
	}, {
		tick: 3113,
		type: 'hihat'
	}, {
		tick: 3131,
		type: 'hihat'
	}, {
		tick: 3146,
		type: 'crash1'
	}, {
		tick: 3164,
		type: 'snare'
	}, {
		tick: 3181,
		type: 'kick'
	}, {
		tick: 3188,
		type: 'kick'
	}, {
		tick: 3197,
		type: 'snare'
	}, {
		tick: 3216,
		type: 'kick'
	}, {
		tick: 3227,
		type: 'snare'
	}, {
		tick: 3248,
		type: 'kick'
	}, {
		tick: 3264,
		type: 'snare'
	}, {
		tick: 3281,
		type: 'kick'
	}, {
		tick: 3299,
		type: 'snare'
	}, {
		tick: 3318,
		type: 'kick'
	}, {
		tick: 3325,
		type: 'kick'
	}, {
		tick: 3334,
		type: 'snare'
	}, {
		tick: 3352,
		type: 'kick'
	}, {
		tick: 3362,
		type: 'snare'
	}, {
		tick: 3380,
		type: 'snare'
	}, {
		tick: 3398,
		type: 'kick'
	}, {
		tick: 3414,
		type: 'snare'
	}, {
		tick: 3431,
		type: 'kick'
	}, {
		tick: 3438,
		type: 'kick'
	}, {
		tick: 3448,
		type: 'snare'
	}, {
		tick: 3468,
		type: 'kick'
	}, {
		tick: 3486,
		type: 'snare'
	}, {
		tick: 3503,
		type: 'kick'
	}, {
		tick: 3517,
		type: 'snare'
	}, {
		tick: 3534,
		type: 'kick'
	}, {
		tick: 3550,
		type: 'snare'
	}, {
		tick: 3570,
		type: 'kick'
	}, {
		tick: 3584,
		type: 'snare'
	}, {
		tick: 3601,
		type: 'kick'
	}, {
		tick: 3611,
		type: 'snare'
	}, {
		tick: 3625,
		type: 'crash1'
	}, {
		tick: 3646,
		type: 'snare'
	}, {
		tick: 3663,
		type: 'kick'
	}, {
		tick: 3690,
		type: 'snare'
	}, {
		tick: 3779,
		type: 'kick'
	}, {
		tick: 3795,
		type: 'snare'
	}, {
		tick: 3813,
		type: 'kick'
	}, {
		tick: 3820,
		type: 'kick'
	}, {
		tick: 3829,
		type: 'snare'
	}, {
		tick: 3846,
		type: 'kick'
	}, {
		tick: 3875,
		type: 'crash1'
	}, {
		tick: 3899,
		type: 'snare'
	}, {
		tick: 3939,
		type: 'snare'
	}, {
		tick: 4030,
		type: 'kick'
	}, {
		tick: 4047,
		type: 'snare'
	}, {
		tick: 4066,
		type: 'kick'
	}, {
		tick: 4072,
		type: 'kick'
	}, {
		tick: 4081,
		type: 'snare'
	}, {
		tick: 4100,
		type: 'kick'
	}, {
		tick: 4127,
		type: 'crash1'
	}, {
		tick: 4144,
		type: 'kick'
	}, {
		tick: 4161,
		type: 'snare'
	}, {
		tick: 4179,
		type: 'kick'
	}, {
		tick: 4186,
		type: 'kick'
	}, {
		tick: 4195,
		type: 'snare'
	}, {
		tick: 4214,
		type: 'kick'
	}, {
		tick: 4228,
		type: 'snare'
	}, {
		tick: 4248,
		type: 'kick'
	}, {
		tick: 4264,
		type: 'snare'
	}, {
		tick: 4281,
		type: 'kick'
	}, {
		tick: 4297,
		type: 'snare'
	}, {
		tick: 4315,
		type: 'kick'
	}, {
		tick: 4330,
		type: 'snare'
	}, {
		tick: 4347,
		type: 'crash1'
	}, {
		tick: 4357,
		type: 'crash1'
	}, {
		tick: 4376,
		type: 'crash1'
	}, {
		tick: 4395,
		type: 'kick'
	}, {
		tick: 4411,
		type: 'snare'
	}, {
		tick: 4429,
		type: 'kick'
	}, {
		tick: 4435,
		type: 'kick'
	}, {
		tick: 4444,
		type: 'snare'
	}, {
		tick: 4461,
		type: 'kick'
	}, {
		tick: 4471,
		type: 'snare'
	}, {
		tick: 4478,
		type: 'snare'
	}, {
		tick: 4495,
		type: 'tom1'
	}, {
		tick: 4502,
		type: 'tom1'
	}, {
		tick: 4509,
		type: 'tom1'
	}, {
		tick: 4516,
		type: 'tom1'
	}, {
		tick: 4546,
		type: 'snare'
	}, {
		tick: 4580,
		type: 'snare'
	}, {
		tick: 4598,
		type: 'kick'
	}, {
		tick: 4622,
		type: 'crash1'
	}, {
		tick: 4652,
		type: 'kick'
	}, {
		tick: 4663,
		type: 'snare'
	}, {
		tick: 4679,
		type: 'kick'
	}, {
		tick: 4686,
		type: 'kick'
	}, {
		tick: 4695,
		type: 'snare'
	}, {
		tick: 4715,
		type: 'snare'
	}, {
		tick: 4726,
		type: 'tom1'
	}, {
		tick: 4733,
		type: 'tom1'
	}, {
		tick: 4754,
		type: 'snare'
	}, {
		tick: 4761,
		type: 'snare'
	}, {
		tick: 4767,
		type: 'snare'
	}, {
		tick: 4784,
		type: 'crash1'
	}, {
		tick: 4799,
		type: 'kick'
	}, {
		tick: 4834,
		type: 'snare'
	}, {
		tick: 4851,
		type: 'kick'
	}, {
		tick: 4862,
		type: 'kick'
	}, {
		tick: 4880,
		type: 'snare'
	}, {
		tick: 4896,
		type: 'kick'
	}, {
		tick: 4912,
		type: 'snare'
	}, {
		tick: 4930,
		type: 'kick'
	}, {
		tick: 4938,
		type: 'kick'
	}, {
		tick: 4946,
		type: 'snare'
	}, {
		tick: 4973,
		type: 'crash1'
	}, {
		tick: 4993,
		type: 'crash1'
	}, {
		tick: 5010,
		type: 'crash1'
	}, {
		tick: 5023,
		type: 'crash1'
	}, {
		tick: 5043,
		type: 'snare'
	}, {
		tick: 5060,
		type: 'kick'
	}, {
		tick: 5069,
		type: 'kick'
	}, {
		tick: 5081,
		type: 'snare'
	}, {
		tick: 5100,
		type: 'kick'
	}, {
		tick: 5110,
		type: 'snare'
	}, {
		tick: 5126,
		type: 'snare'
	}, {
		tick: 5143,
		type: 'snare'
	}, {
		tick: 5152,
		type: 'snare'
	}, {
		tick: 5160,
		type: 'snare'
	}, {
		tick: 5167,
		type: 'snare'
	}, {
		tick: 5174,
		type: 'snare'
	}, {
		tick: 5181,
		type: 'snare'
	}, {
		tick: 5189,
		type: 'snare'
	}, {
		tick: 5196,
		type: 'snare'
	}, {
		tick: 5208,
		type: 'crash1'
	}, {
		tick: 5243,
		type: 'hihat'
	}, {
		tick: 5259,
		type: 'hihat'
	}, {
		tick: 5307,
		type: 'hihat'
	}, {
		tick: 5324,
		type: 'snare'
	}, {
		tick: 5342,
		type: 'kick'
	}, {
		tick: 5376,
		type: 'snare'
	}, {
		tick: 5393,
		type: 'snare'
	}, {
		tick: 5411,
		type: 'kick'
	}, {
		tick: 5445,
		type: 'snare'
	}, {
		tick: 5481,
		type: 'kick'
	}, {
		tick: 5513,
		type: 'snare'
	}, {
		tick: 5530,
		type: 'snare'
	}, {
		tick: 5548,
		type: 'kick'
	}, {
		tick: 5564,
		type: 'kick'
	}, {
		tick: 5571,
		type: 'kick'
	}, {
		tick: 5578,
		type: 'snare'
	}, {
		tick: 5584,
		type: 'snare'
	}, {
		tick: 5598,
		type: 'snare'
	}, {
		tick: 5613,
		type: 'kick'
	}, {
		tick: 5629,
		type: 'kick'
	}, {
		tick: 5636,
		type: 'kick'
	}, {
		tick: 5646,
		type: 'snare'
	}, {
		tick: 5665,
		type: 'snare'
	}, {
		tick: 5685,
		type: 'kick'
	}, {
		tick: 5718,
		type: 'snare'
	}, {
		tick: 5753,
		type: 'kick'
	}, {
		tick: 5786,
		type: 'snare'
	}, {
		tick: 5804,
		type: 'snare'
	}, {
		tick: 5824,
		type: 'kick'
	}, {
		tick: 5839,
		type: 'kick'
	}, {
		tick: 5846,
		type: 'kick'
	}, {
		tick: 5855,
		type: 'snare'
	}, {
		tick: 5873,
		type: 'snare'
	}, {
		tick: 5888,
		type: 'kick'
	}, {
		tick: 5906,
		type: 'kick'
	}, {
		tick: 5913,
		type: 'kick'
	}, {
		tick: 5924,
		type: 'snare'
	}, {
		tick: 5942,
		type: 'snare'
	}, {
		tick: 5960,
		type: 'kick'
	}, {
		tick: 5993,
		type: 'snare'
	}, {
		tick: 6029,
		type: 'kick'
	}, {
		tick: 6061,
		type: 'snare'
	}, {
		tick: 6080,
		type: 'snare'
	}, {
		tick: 6098,
		type: 'kick'
	}, {
		tick: 6114,
		type: 'kick'
	}, {
		tick: 6122,
		type: 'kick'
	}, {
		tick: 6132,
		type: 'snare'
	}, {
		tick: 6149,
		type: 'snare'
	}, {
		tick: 6166,
		type: 'kick'
	}, {
		tick: 6199,
		type: 'snare'
	}, {
		tick: 6216,
		type: 'snare'
	}, {
		tick: 6234,
		type: 'kick'
	}, {
		tick: 6269,
		type: 'snare'
	}, {
		tick: 6304,
		type: 'crash1'
	}, {
		tick: 6321,
		type: 'crash1'
	}, {
		tick: 6373,
		type: 'crash1'
	}, {
		tick: 6393,
		type: 'crash1'
	}, {
		tick: 6441,
		type: 'crash1'
	}, {
		tick: 6459,
		type: 'snare'
	}]
}, {
	name: "Level 2",
	music: "MasterofUpit",
	notes: [
	// Example: simple pattern for demo, replace with real notes for level 2
	{
		tick: 0,
		type: 'kick'
	}, {
		tick: 30,
		type: 'snare'
	}, {
		tick: 60,
		type: 'hihat'
	}, {
		tick: 90,
		type: 'crash1'
	}, {
		tick: 120,
		type: 'tom1'
	}, {
		tick: 150,
		type: 'kick'
	}, {
		tick: 180,
		type: 'snare'
	}, {
		tick: 210,
		type: 'hihat'
	}]
}, {
	name: "Level 3",
	music: "MasterofUpit",
	notes: [
	// Example: simple pattern for demo, replace with real notes for level 3
	{
		tick: 0,
		type: 'hihat'
	}, {
		tick: 20,
		type: 'kick'
	}, {
		tick: 40,
		type: 'snare'
	}, {
		tick: 60,
		type: 'tom1'
	}, {
		tick: 80,
		type: 'crash1'
	}, {
		tick: 100,
		type: 'kick'
	}, {
		tick: 120,
		type: 'snare'
	}, {
		tick: 140,
		type: 'hihat'
	}]
}];
// Current level index and songNotes reference
var currentLevelIndex = 0;
var songNotes = LEVELS[0].notes;
var currentMusic = LEVELS[0].music;
// --- Level Selection UI ---
var levelSelectContainer = new Container();
levelSelectContainer.x = 0;
levelSelectContainer.y = 0;
levelSelectContainer.visible = true;
LK.gui.center.addChild(levelSelectContainer);
var levelSelectTitle = new Text2("Seviye Seç", {
	size: 120,
	fill: "#fff"
});
levelSelectTitle.anchor.set(0.5, 0);
levelSelectTitle.x = LK.gui.center.width / 2;
levelSelectTitle.y = 100;
levelSelectContainer.addChild(levelSelectTitle);
var levelButtons = [];
for (var i = 0; i < LEVELS.length; i++) {
	(function (idx) {
		var btn = new Text2(LEVELS[idx].name, {
			size: 100,
			fill: 0xFFE066
		});
		btn.anchor.set(0.5, 0.5);
		btn.x = LK.gui.center.width / 2;
		btn.y = 350 + idx * 220;
		btn.interactive = true;
		btn.buttonMode = true;
		btn.down = function () {
			selectLevel(idx);
		};
		levelSelectContainer.addChild(btn);
		levelButtons.push(btn);
	})(i);
}
// --- Recording UI and Logic ---
var recordTxt = new Text2('KAYIT: KAPALI', {
	size: 70,
	fill: 0xFF6666
});
recordTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(recordTxt);
recordTxt.x = LK.gui.top.width / 2;
recordTxt.y = 220;
// Hide gameplay UI until level is selected
scoreTxt.visible = false;
comboTxt.visible = false;
recordTxt.visible = false;
// Level selection handler
function selectLevel(idx) {
	currentLevelIndex = idx;
	songNotes = LEVELS[idx].notes;
	currentMusic = LEVELS[idx].music;
	levelSelectContainer.visible = false;
	scoreTxt.visible = true;
	comboTxt.visible = true;
	recordTxt.visible = true;
	// Do not auto-start game; wait for level selection
}
var isRecording = false;
var recordedNotes = [];
var recordStartTick = 0;
// Toggle recording on tap of recordTxt
recordTxt.interactive = true;
recordTxt.buttonMode = true;
recordTxt.down = function () {
	if (!isRecording) {
		// Start recording
		isRecording = true;
		recordedNotes = [];
		recordStartTick = LK.ticks;
		recordTxt.setText('KAYIT: AÇIK');
		comboTxt.setText('KAYIT MODU');
	} else {
		// Stop recording and save as new level
		isRecording = false;
		recordTxt.setText('KAYIT: KAPALI');
		comboTxt.setText('');
		// Convert recordedNotes to songNotes format
		if (recordedNotes.length > 0) {
			// Normalize ticks to start at 0
			var minTick = recordedNotes.length > 0 ? recordedNotes[0].tick : 0;
			for (var i = 0; i < recordedNotes.length; i++) {
				recordedNotes[i].tick -= minTick;
			}
			songNotes = [];
			for (var i = 0; i < recordedNotes.length; i++) {
				songNotes.push({
					tick: recordedNotes[i].tick,
					type: recordedNotes[i].type
				});
			}
			// Print recorded notes as code in the console
			var codeStr = "var songNotes = [\n";
			for (var i = 0; i < recordedNotes.length; i++) {
				codeStr += "  { tick: " + recordedNotes[i].tick + ", type: '" + recordedNotes[i].type + "' },\n";
			}
			codeStr += "];";
			console.log(codeStr);
			// Restart game with new level
			startGame();
		}
	}
};
LK.gui.top.addChild(recordTxt);
// --- Record pad hits if in recording mode ---
function recordPadHit(padType) {
	if (isRecording) {
		var tick = LK.ticks - recordStartTick;
		recordedNotes.push({
			tick: tick,
			type: padType
		});
	}
}
// --- Create Drum Pads ---
for (var i = 0; i < PAD_COLS; i++) {
	var pad = new DrumPad();
	pad.setPadType(PAD_TYPES[i]);
	pad.x = PAD_X_POSITIONS[PAD_TYPES[i]];
	pad.y = PAD_Y;
	pad.padIndex = i;
	pads.push(pad);
	game.addChild(pad);
}
// --- Pad Touch Handling ---
var activePad = null;
function getPadAt(x, y) {
	for (var i = 0; i < pads.length; i++) {
		var pad = pads[i];
		var dx = x - pad.x,
			dy = y - pad.y;
		var rx = pad.asset.width / 2,
			ry = pad.asset.height / 2;
		if (dx * dx / (rx * rx) + dy * dy / (ry * ry) <= 1) return pad;
	}
	return null;
}
game.down = function (x, y, obj) {
	var pad = getPadAt(x, y);
	if (pad) {
		activePad = pad;
		handlePadHit(pad);
	}
};
game.move = function (x, y, obj) {
	// For multi-touch, could be extended
};
game.up = function (x, y, obj) {
	activePad = null;
};
// --- Note Spawning ---
function spawnNote(type) {
	var note = new Note();
	note.setNoteType(type);
	note.x = PAD_X_POSITIONS[type];
	note.y = NOTE_START_Y;
	note.noteType = type;
	note.hit = false;
	notes.push(note);
	game.addChild(note);
}
// --- Pad Hit Logic ---
function handlePadHit(pad) {
	// Play sound
	var soundId = pad.padType + 'Sound';
	var sound = LK.getSound(soundId);
	if (sound) {
		if (sound.stop) sound.stop(); // Stop if already playing to avoid overlap/delay
		sound.play();
	}
	// Record pad hit if in recording mode
	recordPadHit(pad.padType);
	// Visual feedback
	pad.flash();
	// Find closest note of this type in hit window
	var bestNote = null,
		bestDist = HIT_WINDOW;
	for (var i = 0; i < notes.length; i++) {
		var note = notes[i];
		if (note.hit) continue;
		if (note.noteType !== pad.padType) continue;
		var dist = Math.abs(note.y - NOTE_TARGET_Y);
		if (dist < bestDist) {
			bestDist = dist;
			bestNote = note;
		}
	}
	if (bestNote) {
		// Hit!
		bestNote.hit = true;
		LK.effects.flashObject(bestNote, 0xffffff, 120);
		tween(bestNote, {
			alpha: 0
		}, {
			duration: 120,
			onFinish: function onFinish() {
				bestNote.destroy();
			}
		});
		notes.splice(notes.indexOf(bestNote), 1);
		score += 100;
		combo += 1;
		if (combo > maxCombo) maxCombo = combo;
		scoreTxt.setText(score);
		comboTxt.setText(combo > 1 ? combo + 'x' : '');
	} else {
		// Miss!
		LK.effects.flashScreen(0xff0000, 200);
		combo = 0;
		comboTxt.setText('');
	}
}
// --- Game Update ---
game.update = function () {
	if (!isPlaying) return;
	// If recording, do not spawn notes, do not check for misses, do not end game
	if (isRecording) {
		// Allow player to play freely, but do not process notes
		return;
	}
	// Spawn notes according to songNotes, with NOTE_OFFSET_TICKS for sync
	var relTick = LK.ticks - songStartTick;
	while (noteIndex < songNotes.length && songNotes[noteIndex].tick <= relTick + NOTE_OFFSET_TICKS) {
		spawnNote(songNotes[noteIndex].type);
		noteIndex++;
	}
	// Update notes, check for misses
	for (var i = notes.length - 1; i >= 0; i--) {
		var note = notes[i];
		note.update();
		if (!note.hit && note.y > NOTE_TARGET_Y + HIT_WINDOW) {
			// Missed note
			LK.effects.flashObject(note, 0xff0000, 120);
			tween(note, {
				alpha: 0
			}, {
				duration: 120,
				onFinish: function onFinish() {
					note.destroy();
				}
			});
			notes.splice(i, 1);
			combo = 0;
			comboTxt.setText('');
		}
		// Remove notes that go off screen
		if (note.y > GAME_H + 100) {
			if (notes.indexOf(note) !== -1) notes.splice(notes.indexOf(note), 1);
			note.destroy();
		}
	}
	// End of song
	if (noteIndex >= songNotes.length && notes.length === 0) {
		isPlaying = false;
		LK.stopMusic();
		LK.showYouWin();
	}
};
// --- Start Game ---
function startGame() {
	score = 0;
	combo = 0;
	maxCombo = 0;
	scoreTxt.setText('0');
	comboTxt.setText('');
	notes = [];
	noteIndex = 0;
	isPlaying = true;
	songStartTick = LK.ticks;
	// Preload all drum sounds to reduce latency
	var preloadSounds = ['kickSound', 'snareSound', 'hihatSound', 'tom1Sound', 'crash1Sound'];
	for (var i = 0; i < preloadSounds.length; i++) {
		var s = LK.getSound(preloadSounds[i]);
		if (s && s.play) {
			// Play at zero volume to warm up, then stop immediately
			s.volume = 0;
			s.play();
			if (s.stop) s.stop();
			s.volume = 1;
		}
	}
	// Preload music to reduce latency
	var preloadMusic = LK.getMusic ? LK.getMusic('MasterofUpit') : null;
	if (preloadMusic && preloadMusic.play) {
		preloadMusic.volume = 0;
		preloadMusic.play();
		if (preloadMusic.stop) preloadMusic.stop();
		preloadMusic.volume = 1;
	}
	// Stop any currently playing music to ensure clean start
	LK.stopMusic();
	// Play selected level's music with no fade, no loop, and start at full volume for best sync
	LK.playMusic(currentMusic, {
		loop: false,
		fade: {
			start: 1,
			end: 1,
			duration: 0
		}
	});
}
// --- Game Over Handling (missed notes or end of song) ---
// Handled by LK.showYouWin() or LK.showGameOver() as needed
// --- Responsive UI (center score) ---
scoreTxt.x = LK.gui.top.width / 2;
comboTxt.x = LK.gui.top.width / 2;
// --- TEST MODE: Show timeline and tick counter for sync debugging ---
var TEST_MODE = true; // Set to true to enable timeline and tick counter
var timelineBar = null;
var tickCounterTxt = null;
if (TEST_MODE) {
	// Timeline bar (shows song progress)
	timelineBar = new Container();
	var barBg = LK.getAsset('crash1Pad', {
		anchorX: 0,
		anchorY: 0,
		width: LK.gui.top.width - 200,
		height: 24
	});
	barBg.alpha = 0.18;
	timelineBar.addChild(barBg);
	var barFg = LK.getAsset('hihatPad', {
		anchorX: 0,
		anchorY: 0,
		width: 0,
		height: 24
	});
	barFg.alpha = 0.7;
	timelineBar.addChild(barFg);
	timelineBar.x = 100;
	timelineBar.y = LK.gui.top.height - 60;
	LK.gui.top.addChild(timelineBar);
	// Tick counter
	tickCounterTxt = new Text2('Tick: 0', {
		size: 48,
		fill: "#fff"
	});
	tickCounterTxt.anchor.set(0, 0.5);
	tickCounterTxt.x = 100;
	tickCounterTxt.y = LK.gui.top.height - 100;
	LK.gui.top.addChild(tickCounterTxt);
	// Update timeline and tick counter every frame
	var lastTimelineUpdateTick = -1;
	var songTotalTicks = songNotes.length > 0 ? songNotes[songNotes.length - 1].tick : 1;
	game.update = function (origUpdate) {
		return function () {
			if (origUpdate) origUpdate.apply(this, arguments);
			if (isPlaying && TEST_MODE) {
				var relTick = LK.ticks - songStartTick;
				// Timeline bar
				var progress = Math.min(1, (relTick + NOTE_OFFSET_TICKS) / songTotalTicks);
				barFg.width = (LK.gui.top.width - 200) * progress;
				// Tick counter
				tickCounterTxt.setText('Tick: ' + relTick);
			}
		};
	}(game.update);
}
Creation History

Images

Sounds & Music

Used plugins
