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 ****/ // --- Game constants --- // Drum pads (kick, snare, hi-hat, tom1, tom2, crash1, crash2) // Note bars (falling notes) // Sounds for each drum // Music track // Drum pad sounds 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, new notes var LEVELS = [{ name: "Level 1", music: "MasterofUpit", notes: [{ tick: 0, type: 'crash1' }, { tick: 1, type: 'kick' }, { tick: 54, type: 'crash1' }, { tick: 55, type: 'kick' }, { tick: 73, type: 'crash1' }, { tick: 73, type: 'kick' }, { tick: 90, type: 'crash1' }, { tick: 91, type: 'kick' }, { tick: 186, type: 'kick' }, { tick: 186, type: 'crash1' }, { tick: 452, type: 'crash1' }, { tick: 454, type: 'kick' }, { tick: 471, type: 'crash1' }, { tick: 471, type: 'kick' }, { tick: 540, type: 'crash1' }, { tick: 541, type: 'kick' }, { tick: 559, type: 'crash1' }, { tick: 559, type: 'kick' }, { tick: 573, type: 'crash1' }, { tick: 574, type: 'kick' }, { tick: 729, type: 'crash1' }, { tick: 730, type: 'kick' }, { tick: 748, type: 'kick' }, { tick: 749, type: 'crash1' }, { tick: 816, type: 'crash1' }, { tick: 817, type: 'kick' }, { tick: 834, type: 'kick' }, { tick: 834, type: 'crash1' }, { tick: 849, type: 'kick' }, { tick: 850, type: 'crash1' }, { tick: 1003, type: 'crash1' }, { tick: 1004, type: 'kick' }, { tick: 1021, type: 'crash1' }, { tick: 1022, type: 'kick' }, { tick: 1091, type: 'crash1' }, { tick: 1091, type: 'kick' }, { tick: 1108, type: 'crash1' }, { tick: 1108, type: 'kick' }, { tick: 1122, type: 'crash1' }, { tick: 1123, type: 'kick' }, { tick: 1157, type: 'snare' }, { tick: 1165, type: 'snare' }, { tick: 1173, type: 'snare' }, { tick: 1180, type: 'snare' }, { tick: 1195, type: 'snare' }, { tick: 1204, type: 'snare' }, { tick: 1213, type: 'snare' }, { tick: 1221, type: 'snare' }, { tick: 1232, type: 'snare' }, { tick: 1242, type: 'snare' }, { tick: 1253, type: 'snare' }, { tick: 1272, type: 'snare' }, { tick: 1305, type: 'kick' }, { tick: 1305, type: 'crash1' }, { tick: 1501, type: 'crash1' }, { tick: 1503, type: 'kick' }, { tick: 1529, type: 'crash1' }, { tick: 1529, type: 'kick' }, { tick: 1552, type: 'kick' }, { tick: 1552, type: 'crash1' }, { tick: 1568, type: 'crash1' }, { tick: 1570, type: 'kick' }, { tick: 1776, type: 'crash1' }, { tick: 1777, type: 'kick' }, { tick: 1802, type: 'crash1' }, { tick: 1802, type: 'kick' }, { tick: 1825, type: 'crash1' }, { tick: 1826, type: 'kick' }, { tick: 1842, type: 'crash1' }, { tick: 1842, type: 'kick' }, { tick: 1858, type: 'snare' }, { tick: 1875, type: 'crash1' }, { tick: 1876, type: 'kick' }, { tick: 1896, type: 'snare' }, { tick: 1912, type: 'hihat' }, { tick: 1912, type: 'kick' }, { tick: 1930, type: 'snare' }, { tick: 1936, type: 'hihat' }, { tick: 1955, type: 'kick' }, { tick: 1961, type: 'hihat' }, { tick: 1964, type: 'snare' }, { tick: 1982, type: 'hihat' }, { tick: 1983, type: 'kick' }, { tick: 1999, type: 'hihat' }, { tick: 1999, type: 'snare' }, { tick: 2017, type: 'hihat' }, { tick: 2025, type: 'kick' }, { tick: 2032, type: 'hihat' }, { tick: 2035, type: 'snare' }, { tick: 2051, type: 'hihat' }, { tick: 2053, type: 'kick' }, { tick: 2068, type: 'hihat' }, { tick: 2069, type: 'snare' }, { tick: 2080, type: 'hihat' }, { tick: 2092, type: 'kick' }, { tick: 2101, type: 'hihat' }, { tick: 2102, type: 'snare' }, { tick: 2119, type: 'hihat' }, { tick: 2121, type: 'kick' }, { tick: 2135, type: 'hihat' }, { tick: 2137, type: 'snare' }, { tick: 2152, type: 'hihat' }, { tick: 2161, type: 'kick' }, { tick: 2167, type: 'hihat' }, { tick: 2172, type: 'snare' }, { tick: 2187, type: 'hihat' }, { tick: 2189, type: 'kick' }, { tick: 2204, type: 'hihat' }, { tick: 2205, type: 'snare' }, { tick: 2216, type: 'hihat' }, { tick: 2234, type: 'kick' }, { tick: 2240, type: 'hihat' }, { tick: 2243, type: 'snare' }, { tick: 2259, type: 'hihat' }, { tick: 2260, type: 'kick' }, { tick: 2274, type: 'kick' }, { tick: 2275, type: 'hihat' }, { tick: 2305, type: 'kick' }, { tick: 2305, type: 'hihat' }, { tick: 2313, type: 'snare' }, { tick: 2325, type: 'crash1' }, { tick: 2326, type: 'kick' }, { tick: 2348, type: 'crash1' }, { tick: 2349, type: 'kick' }, { tick: 2373, type: 'crash1' }, { tick: 2375, type: 'kick' }, { tick: 2389, type: 'crash1' }, { tick: 2391, type: 'kick' }, { tick: 2404, type: 'hihat' }, { tick: 2408, type: 'snare' }, { tick: 2421, type: 'hihat' }, { tick: 2431, type: 'kick' }, { tick: 2437, type: 'hihat' }, { tick: 2441, type: 'snare' }, { tick: 2457, type: 'hihat' }, { tick: 2458, type: 'kick' }, { tick: 2474, type: 'hihat' }, { tick: 2475, type: 'snare' }, { tick: 2486, type: 'hihat' }, { tick: 2494, type: 'kick' }, { tick: 2504, type: 'hihat' }, { tick: 2507, type: 'snare' }, { tick: 2524, type: 'hihat' }, { tick: 2526, type: 'kick' }, { tick: 2542, type: 'hihat' }, { tick: 2543, type: 'snare' }, { tick: 2562, type: 'hihat' }, { tick: 2571, type: 'kick' }, { tick: 2578, type: 'hihat' }, { tick: 2581, type: 'snare' }, { tick: 2598, type: 'hihat' }, { tick: 2599, type: 'kick' }, { tick: 2614, type: 'hihat' }, { tick: 2614, type: 'snare' }, { tick: 2626, type: 'kick' }, { tick: 2637, type: 'kick' }, { tick: 2644, type: 'hihat' }, { tick: 2655, type: 'snare' }, { tick: 2672, type: 'hihat' }, { tick: 2674, type: 'kick' }, { tick: 2689, type: 'hihat' }, { tick: 2689, type: 'snare' }, { tick: 2706, type: 'kick' }, { tick: 2714, type: 'kick' }, { tick: 2719, type: 'hihat' }, { tick: 2723, type: 'snare' }, { tick: 2740, type: 'hihat' }, { tick: 2741, type: 'kick' }, { tick: 2757, type: 'snare' }, { tick: 2757, type: 'hihat' }, { tick: 2770, type: 'kick' }, { tick: 2779, type: 'hihat' }, { tick: 2785, type: 'kick' }, { tick: 2791, type: 'hihat' }, { tick: 2797, type: 'snare' }, { tick: 2814, type: 'hihat' }, { tick: 2814, type: 'kick' }, { tick: 2829, type: 'hihat' }, { tick: 2830, type: 'snare' }, { tick: 2862, type: 'hihat' }, { tick: 2862, type: 'snare' }, { tick: 2880, type: 'crash1' }, { tick: 2902, type: 'crash1' }, { tick: 2903, type: 'kick' }, { tick: 2926, type: 'crash1' }, { tick: 2928, type: 'kick' }, { tick: 2941, type: 'crash1' }, { tick: 2944, type: 'kick' }, { tick: 2967, type: 'crash1' }, { tick: 2968, type: 'kick' }, { tick: 2990, type: 'crash1' }, { tick: 2992, type: 'kick' }, { tick: 3006, type: 'crash1' }, { tick: 3007, type: 'kick' }, { tick: 3023, type: 'hihat' }, { tick: 3040, type: 'hihat' }, { tick: 3059, type: 'hihat' }, { tick: 3078, type: 'hihat' }, { tick: 3097, type: 'hihat' }, { tick: 3113, type: 'hihat' }, { tick: 3131, type: 'hihat' }, { tick: 3149, type: 'crash1' }, { tick: 3149, type: 'kick' }, { tick: 3165, type: 'hihat' }, { tick: 3166, type: 'snare' }, { tick: 3183, type: 'hihat' }, { tick: 3191, type: 'kick' }, { tick: 3197, type: 'hihat' }, { tick: 3200, type: 'snare' }, { tick: 3216, type: 'hihat' }, { tick: 3218, type: 'kick' }, { tick: 3227, type: 'kick' }, { tick: 3233, type: 'hihat' }, { tick: 3236, type: 'snare' }, { tick: 3252, type: 'hihat' }, { tick: 3253, type: 'kick' }, { tick: 3268, type: 'snare' }, { tick: 3268, type: 'hihat' }, { tick: 3285, type: 'hihat' }, { tick: 3287, type: 'kick' }, { tick: 3295, type: 'kick' }, { tick: 3307, type: 'snare' }, { tick: 3307, type: 'hihat' }, { tick: 3324, type: 'kick' }, { tick: 3325, type: 'hihat' }, { tick: 3339, type: 'snare' }, { tick: 3340, type: 'hihat' }, { tick: 3358, type: 'hihat' }, { tick: 3358, type: 'kick' }, { tick: 3367, type: 'crash1' }, { tick: 3368, type: 'kick' }, { tick: 3384, type: 'crash1' }, { tick: 3385, type: 'kick' }, { tick: 3400, type: 'kick' }, { tick: 3400, type: 'hihat' }, { tick: 3415, type: 'hihat' }, { tick: 3416, type: 'snare' }, { tick: 3430, type: 'hihat' }, { tick: 3435, type: 'kick' }, { tick: 3444, type: 'kick' }, { tick: 3447, type: 'hihat' }, { tick: 3453, type: 'snare' }, { tick: 3469, type: 'hihat' }, { tick: 3481, type: 'snare' }, { tick: 3489, type: 'snare' }, { tick: 3504, type: 'tom1' }, { tick: 3513, type: 'tom1' }, { tick: 3522, type: 'tom1' }, { tick: 3529, type: 'tom1' }, { tick: 3540, type: 'kick' }, { tick: 3556, type: 'hihat' }, { tick: 3557, type: 'snare' }, { tick: 3575, type: 'hihat' }, { tick: 3585, type: 'hihat' }, { tick: 3586, type: 'kick' }, { tick: 3596, type: 'snare' }, { tick: 3623, type: 'crash1' }, { tick: 3624, type: 'kick' }, { tick: 3638, type: 'kick' }, { tick: 3638, type: 'crash1' }, { tick: 3654, type: 'hihat' }, { tick: 3669, type: 'hihat' }, { tick: 3669, type: 'snare' }, { tick: 3686, type: 'hihat' }, { tick: 3694, type: 'kick' }, { tick: 3699, type: 'hihat' }, { tick: 3704, type: 'snare' }, { tick: 3719, type: 'hihat' }, { tick: 3725, type: 'kick' }, { tick: 3734, type: 'hihat' }, { tick: 3735, type: 'kick' }, { tick: 3742, type: 'snare' }, { tick: 3757, type: 'hihat' }, { tick: 3758, type: 'kick' }, { tick: 3774, type: 'snare' }, { tick: 3774, type: 'hihat' }, { tick: 3789, type: 'kick' }, { tick: 3789, type: 'hihat' }, { tick: 3807, type: 'hihat' }, { tick: 3808, type: 'snare' }, { tick: 3824, type: 'hihat' }, { tick: 3832, type: 'kick' }, { tick: 3840, type: 'hihat' }, { tick: 3843, type: 'snare' }, { tick: 3858, type: 'hihat' }, { tick: 3861, type: 'kick' }, { tick: 3868, type: 'crash1' }, { tick: 3870, type: 'kick' }, { tick: 3886, type: 'crash1' }, { tick: 3887, type: 'kick' }, { tick: 3900, type: 'crash1' }, { tick: 3919, type: 'hihat' }, { tick: 3924, type: 'kick' }, { tick: 3949, type: 'hihat' }, { tick: 3953, type: 'snare' }, { tick: 3977, type: 'snare' }, { tick: 3985, type: 'snare' }, { tick: 3999, type: 'tom1' }, { tick: 4008, type: 'tom1' }, { tick: 4017, type: 'tom1' }, { tick: 4024, type: 'tom1' }, { tick: 4036, type: 'crash1' }, { tick: 4037, type: 'kick' }, { tick: 4052, type: 'snare' }, { tick: 4054, type: 'hihat' }, { tick: 4070, type: 'hihat' }, { tick: 4080, type: 'kick' }, { tick: 4085, type: 'hihat' }, { tick: 4088, type: 'snare' }, { tick: 4103, type: 'hihat' }, { tick: 4106, type: 'kick' }, { tick: 4114, type: 'crash1' }, { tick: 4114, type: 'kick' }, { tick: 4132, type: 'crash1' }, { tick: 4133, type: 'kick' }, { tick: 4148, type: 'crash1' }, { tick: 4150, type: 'kick' }, { tick: 4163, type: 'hihat' }, { tick: 4165, type: 'snare' }, { tick: 4180, type: 'hihat' }, { tick: 4191, type: 'kick' }, { tick: 4195, type: 'hihat' }, { tick: 4202, type: 'snare' }, { tick: 4215, type: 'hihat' }, { tick: 4221, type: 'kick' }, { tick: 4231, type: 'kick' }, { tick: 4237, type: 'kick' }, { tick: 4252, type: 'hihat' }, { tick: 4259, type: 'snare' }, { tick: 4270, type: 'snare' }, { tick: 4288, type: 'crash1' }, { tick: 4290, type: 'kick' }, { tick: 4305, type: 'hihat' }, { tick: 4306, type: 'snare' }, { tick: 4322, type: 'hihat' }, { tick: 4335, type: 'kick' }, { tick: 4339, type: 'hihat' }, { tick: 4344, type: 'snare' }, { tick: 4357, type: 'hihat' }, { tick: 4367, type: 'kick' }, { tick: 4367, type: 'crash1' }, { tick: 4385, type: 'crash1' }, { tick: 4386, type: 'kick' }, { tick: 4400, type: 'crash1' }, { tick: 4401, type: 'kick' }, { tick: 4415, type: 'hihat' }, { tick: 4417, type: 'snare' }, { tick: 4432, type: 'hihat' }, { tick: 4442, type: 'kick' }, { tick: 4447, type: 'hihat' }, { tick: 4451, type: 'snare' }, { tick: 4465, type: 'hihat' }, { tick: 4476, type: 'snare' }, { tick: 4483, type: 'snare' }, { tick: 4501, type: 'snare' }, { tick: 4508, type: 'snare' }, { tick: 4514, type: 'tom1' }, { tick: 4522, type: 'tom1' }, { tick: 4536, type: 'crash1' }, { tick: 4553, type: 'snare' }, { tick: 4553, type: 'hihat' }, { tick: 4569, type: 'hihat' }, { tick: 4581, type: 'kick' }, { tick: 4585, type: 'hihat' }, { tick: 4589, type: 'snare' }, { tick: 4604, type: 'hihat' }, { tick: 4615, type: 'crash1' }, { tick: 4616, type: 'kick' }, { tick: 4633, type: 'crash1' }, { tick: 4634, type: 'kick' }, { tick: 4648, type: 'kick' }, { tick: 4649, type: 'crash1' }, { tick: 4665, type: 'hihat' }, { tick: 4665, type: 'snare' }, { tick: 4680, type: 'hihat' }, { tick: 4690, type: 'kick' }, { tick: 4696, type: 'hihat' }, { tick: 4700, type: 'snare' }, { tick: 4714, type: 'hihat' }, { tick: 4723, type: 'snare' }, { tick: 4730, type: 'snare' }, { tick: 4746, type: 'tom1' }, { tick: 4755, type: 'tom1' }, { tick: 4763, type: 'tom1' }, { tick: 4770, type: 'tom1' }, { tick: 4781, type: 'kick' }, { tick: 4799, type: 'snare' }, { tick: 4799, type: 'hihat' }, { tick: 4815, type: 'hihat' }, { tick: 4828, type: 'kick' }, { tick: 4837, type: 'snare' }, { tick: 4863, type: 'crash1' }, { tick: 4864, type: 'kick' }, { tick: 4879, type: 'crash1' }, { tick: 4881, type: 'kick' }, { tick: 4894, type: 'crash1' }, { tick: 4894, type: 'kick' }, { tick: 4910, type: 'hihat' }, { tick: 4912, type: 'snare' }, { tick: 4927, type: 'hihat' }, { tick: 4934, type: 'kick' }, { tick: 4942, type: 'hihat' }, { tick: 4946, type: 'snare' }, { tick: 4961, type: 'hihat' }, { tick: 4974, type: 'snare' }, { tick: 4982, type: 'snare' }, { tick: 4996, type: 'snare' }, { tick: 5004, type: 'snare' }, { tick: 5009, type: 'tom1' }, { tick: 5019, type: 'snare' }, { tick: 5027, type: 'snare' }, { tick: 5032, type: 'crash1' }, { tick: 5082, type: 'hihat' }, { tick: 5082, type: 'snare' }, { tick: 5103, type: 'crash1' }, { tick: 5110, type: 'kick' }, { tick: 5127, type: 'kick' }, { tick: 5144, type: 'snare' }, { tick: 5153, type: 'snare' }, { tick: 5162, type: 'snare' }, { tick: 5171, type: 'snare' }, { tick: 5177, type: 'snare' }, { tick: 5185, type: 'snare' }, { tick: 5194, type: 'snare' }, { tick: 5200, type: 'snare' }, { tick: 5205, type: 'snare' }, { tick: 5211, type: 'crash1' }, { tick: 5214, type: 'kick' }, { tick: 5247, type: 'hihat' }, { tick: 5251, type: 'snare' }, { tick: 5265, type: 'snare' }, { tick: 5265, type: 'hihat' }, { tick: 5282, type: 'kick' }, { tick: 5283, type: 'hihat' }, { tick: 5302, type: 'hihat' }, { tick: 5311, type: 'kick' }, { tick: 5315, type: 'hihat' }, { tick: 5318, type: 'snare' }, { tick: 5332, type: 'hihat' }, { tick: 5333, type: 'snare' }, { tick: 5349, type: 'hihat' }, { tick: 5350, type: 'kick' }, { tick: 5366, type: 'hihat' }, { tick: 5374, type: 'kick' }, { tick: 5380, type: 'hihat' }, { tick: 5384, type: 'snare' }, { tick: 5399, type: 'hihat' }, { tick: 5400, type: 'snare' }, { tick: 5416, type: 'snare' }, { tick: 5425, type: 'snare' }, { tick: 5434, type: 'snare' }, { tick: 5447, type: 'tom1' }, { tick: 5456, type: 'tom1' }, { tick: 5464, type: 'tom1' }, { tick: 5475, type: 'snare' }, { tick: 5484, type: 'kick' }, { tick: 5484, type: 'crash1' }, { tick: 5516, type: 'hihat' }, { tick: 5518, type: 'snare' }, { tick: 5533, type: 'hihat' }, { tick: 5535, type: 'snare' }, { tick: 5549, type: 'hihat' }, { tick: 5551, type: 'kick' }, { tick: 5566, type: 'hihat' }, { tick: 5575, type: 'hihat' }, { tick: 5578, type: 'kick' }, { tick: 5586, type: 'snare' }, { tick: 5601, type: 'hihat' }, { tick: 5602, type: 'snare' }, { tick: 5616, type: 'hihat' }, { tick: 5618, type: 'kick' }, { tick: 5636, type: 'hihat' }, { tick: 5646, type: 'kick' }, { tick: 5651, type: 'hihat' }, { tick: 5655, type: 'snare' }, { tick: 5671, type: 'hihat' }, { tick: 5673, type: 'snare' }, { tick: 5689, type: 'snare' }, { tick: 5697, type: 'snare' }, { tick: 5708, type: 'snare' }, { tick: 5715, type: 'snare' }, { tick: 5723, type: 'tom1' }, { tick: 5740, type: 'tom1' }, { tick: 5745, type: 'snare' }, { tick: 5754, type: 'snare' }, { tick: 5760, type: 'crash1' }, { tick: 5762, type: 'kick' }, { tick: 5795, type: 'hihat' }, { tick: 5796, type: 'snare' }, { tick: 5811, type: 'hihat' }, { tick: 5812, type: 'snare' }, { tick: 5829, type: 'hihat' }, { tick: 5830, type: 'kick' }, { tick: 5845, type: 'hihat' }, { tick: 5852, type: 'kick' }, { tick: 5862, type: 'snare' }, { tick: 5863, type: 'hihat' }, { tick: 5879, type: 'snare' }, { tick: 5893, type: 'hihat' }, { tick: 5896, type: 'kick' }, { tick: 5912, type: 'hihat' }, { tick: 5920, type: 'kick' }, { tick: 5929, type: 'hihat' }, { tick: 5930, type: 'snare' }, { tick: 5946, type: 'hihat' }, { tick: 5946, type: 'snare' }, { tick: 5963, type: 'snare' }, { tick: 5971, type: 'snare' }, { tick: 5979, type: 'snare' }, { tick: 5988, type: 'snare' }, { tick: 5995, type: 'tom1' }, { tick: 6004, type: 'tom1' }, { tick: 6013, type: 'tom1' }, { tick: 6020, type: 'tom1' }, { tick: 6031, type: 'crash1' }, { tick: 6033, type: 'kick' }, { tick: 6066, type: 'hihat' }, { tick: 6070, type: 'snare' }, { tick: 6084, type: 'snare' }, { tick: 6085, type: 'hihat' }, { tick: 6101, type: 'hihat' }, { tick: 6103, type: 'kick' }, { tick: 6119, type: 'hihat' }, { tick: 6124, type: 'kick' }, { tick: 6135, type: 'snare' }, { tick: 6138, type: 'hihat' }, { tick: 6154, type: 'snare' }, { tick: 6168, type: 'hihat' }, { tick: 6170, type: 'kick' }, { tick: 6187, type: 'hihat' }, { tick: 6196, type: 'kick' }, { tick: 6204, type: 'hihat' }, { tick: 6205, type: 'snare' }, { tick: 6221, type: 'hihat' }, { tick: 6221, type: 'snare' }, { tick: 6238, type: 'snare' }, { tick: 6246, type: 'snare' }, { tick: 6251, type: 'snare' }, { tick: 6257, type: 'snare' }, { tick: 6275, type: 'tom1' }, { tick: 6283, type: 'tom1' }, { tick: 6309, type: 'crash1' }, { tick: 6309, type: 'kick' }, { tick: 6322, type: 'crash1' }, { tick: 6324, type: 'kick' }, { tick: 6376, type: 'crash1' }, { tick: 6378, type: 'kick' }, { tick: 6392, type: 'crash1' }, { tick: 6394, type: 'kick' }, { tick: 6445, type: 'crash1' }, { tick: 6446, type: 'kick' }, { tick: 6460, type: 'hihat' }, { tick: 6464, type: 'snare' }, { tick: 6480, type: 'hihat' }, { tick: 6493, type: 'kick' }, { tick: 6497, type: 'hihat' }] }, { 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; if (typeof TEST_MODE !== "undefined" && TEST_MODE) { // Update songTotalTicks for timeline songTotalTicks = songNotes.length > 0 ? songNotes[songNotes.length - 1].tick : 1; } startGame(); // Start the game after selecting a level } 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 hits and misses for (var i = notes.length - 1; i >= 0; i--) { var note = notes[i]; note.update(); // --- AUTO-HIT LOGIC --- // If note is not hit and just reached the hit line (NOTE_TARGET_Y) if (!note.hit) { if (note.lastY === undefined) note.lastY = note.y - noteSpeed; // Check if we crossed the hit line this frame if (note.lastY < NOTE_TARGET_Y && note.y >= NOTE_TARGET_Y) { // Find the pad for this note type for (var p = 0; p < pads.length; p++) { if (pads[p].padType === note.noteType) { // Play sound var soundId = pads[p].padType + 'Sound'; var sound = LK.getSound(soundId); if (sound) { if (sound.stop) sound.stop(); sound.play(); } // Visual feedback pads[p].flash(); break; } } // Mark as hit, animate and score note.hit = true; LK.effects.flashObject(note, 0xffffff, 120); tween(note, { alpha: 0 }, { duration: 120, onFinish: function onFinish() { note.destroy(); } }); notes.splice(i, 1); score += 100; combo += 1; if (combo > maxCombo) maxCombo = combo; scoreTxt.setText(score); comboTxt.setText(combo > 1 ? combo + 'x' : ''); continue; // Skip further checks for this note } note.lastY = note.y; } 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(''); continue; } // 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; // --- Start recording automatically if Level 1 is selected --- if (currentLevelIndex === 0 && !isRecording) { isRecording = true; recordedNotes = []; recordStartTick = LK.ticks; recordTxt.setText('KAYIT: AÇIK'); comboTxt.setText('KAYIT MODU'); } // 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) { // Update songTotalTicks in case level changed songTotalTicks = songNotes.length > 0 ? songNotes[songNotes.length - 1].tick : 1; 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); }

===================================================================
--- original.js
+++ change.js
@@ -17,11 +17,9 @@
 	// Set up asset
 	self.setPadType = function (type) {
 		self.padType = type;
 		var assetId = type + 'Pad';
-		if (self.asset) {
-			self.removeChild(self.asset);
-		}
+		if (self.asset) self.removeChild(self.asset);
 		var size = PAD_SIZES[type];
 		self.asset = self.attachAsset(assetId, {
 			anchorX: 0.5,
 			anchorY: 0.5,
@@ -30,11 +28,9 @@
 		});
 	};
 	// Visual feedback on press
 	self.flash = function () {
-		if (!self.asset) {
-			return;
-		}
+		if (!self.asset) return;
 		tween(self.asset, {
 			alpha: 0.5
 		}, {
 			duration: 60,
@@ -58,11 +54,9 @@
 	self.hit = false; // If already hit
 	self.setNoteType = function (type) {
 		self.noteType = type;
 		var assetId = type + 'Note';
-		if (self.asset) {
-			self.removeChild(self.asset);
-		}
+		if (self.asset) self.removeChild(self.asset);
 		self.asset = self.attachAsset(assetId, {
 			anchorX: 0.5,
 			anchorY: 0.5
 		});
@@ -181,549 +175,1674 @@
 var LEVELS = [{
 	name: "Level 1",
 	music: "MasterofUpit",
 	notes: [{
-		tick: 349,
-		type: 'hihat'
+		tick: 0,
+		type: 'crash1'
 	}, {
-		tick: 364,
-		type: 'hihat'
+		tick: 1,
+		type: 'kick'
 	}, {
-		tick: 380,
-		type: 'hihat'
+		tick: 54,
+		type: 'crash1'
 	}, {
-		tick: 398,
-		type: 'hihat'
+		tick: 55,
+		type: 'kick'
 	}, {
-		tick: 415,
-		type: 'hihat'
+		tick: 73,
+		type: 'crash1'
 	}, {
-		tick: 428,
-		type: 'hihat'
+		tick: 73,
+		type: 'kick'
 	}, {
-		tick: 446,
-		type: 'hihat'
+		tick: 90,
+		type: 'crash1'
 	}, {
-		tick: 1836,
-		type: 'hihat'
+		tick: 91,
+		type: 'kick'
 	}, {
-		tick: 1852,
-		type: 'hihat'
+		tick: 186,
+		type: 'kick'
 	}, {
-		tick: 1870,
-		type: 'hihat'
+		tick: 186,
+		type: 'crash1'
 	}, {
-		tick: 1887,
-		type: 'hihat'
+		tick: 452,
+		type: 'crash1'
 	}, {
-		tick: 1906,
-		type: 'hihat'
+		tick: 454,
+		type: 'kick'
 	}, {
-		tick: 1923,
-		type: 'hihat'
+		tick: 471,
+		type: 'crash1'
 	}, {
-		tick: 1940,
+		tick: 471,
+		type: 'kick'
+	}, {
+		tick: 540,
+		type: 'crash1'
+	}, {
+		tick: 541,
+		type: 'kick'
+	}, {
+		tick: 559,
+		type: 'crash1'
+	}, {
+		tick: 559,
+		type: 'kick'
+	}, {
+		tick: 573,
+		type: 'crash1'
+	}, {
+		tick: 574,
+		type: 'kick'
+	}, {
+		tick: 729,
+		type: 'crash1'
+	}, {
+		tick: 730,
+		type: 'kick'
+	}, {
+		tick: 748,
+		type: 'kick'
+	}, {
+		tick: 749,
+		type: 'crash1'
+	}, {
+		tick: 816,
+		type: 'crash1'
+	}, {
+		tick: 817,
+		type: 'kick'
+	}, {
+		tick: 834,
+		type: 'kick'
+	}, {
+		tick: 834,
+		type: 'crash1'
+	}, {
+		tick: 849,
+		type: 'kick'
+	}, {
+		tick: 850,
+		type: 'crash1'
+	}, {
+		tick: 1003,
+		type: 'crash1'
+	}, {
+		tick: 1004,
+		type: 'kick'
+	}, {
+		tick: 1021,
+		type: 'crash1'
+	}, {
+		tick: 1022,
+		type: 'kick'
+	}, {
+		tick: 1091,
+		type: 'crash1'
+	}, {
+		tick: 1091,
+		type: 'kick'
+	}, {
+		tick: 1108,
+		type: 'crash1'
+	}, {
+		tick: 1108,
+		type: 'kick'
+	}, {
+		tick: 1122,
+		type: 'crash1'
+	}, {
+		tick: 1123,
+		type: 'kick'
+	}, {
+		tick: 1157,
+		type: 'snare'
+	}, {
+		tick: 1165,
+		type: 'snare'
+	}, {
+		tick: 1173,
+		type: 'snare'
+	}, {
+		tick: 1180,
+		type: 'snare'
+	}, {
+		tick: 1195,
+		type: 'snare'
+	}, {
+		tick: 1204,
+		type: 'snare'
+	}, {
+		tick: 1213,
+		type: 'snare'
+	}, {
+		tick: 1221,
+		type: 'snare'
+	}, {
+		tick: 1232,
+		type: 'snare'
+	}, {
+		tick: 1242,
+		type: 'snare'
+	}, {
+		tick: 1253,
+		type: 'snare'
+	}, {
+		tick: 1272,
+		type: 'snare'
+	}, {
+		tick: 1305,
+		type: 'kick'
+	}, {
+		tick: 1305,
+		type: 'crash1'
+	}, {
+		tick: 1501,
+		type: 'crash1'
+	}, {
+		tick: 1503,
+		type: 'kick'
+	}, {
+		tick: 1529,
+		type: 'crash1'
+	}, {
+		tick: 1529,
+		type: 'kick'
+	}, {
+		tick: 1552,
+		type: 'kick'
+	}, {
+		tick: 1552,
+		type: 'crash1'
+	}, {
+		tick: 1568,
+		type: 'crash1'
+	}, {
+		tick: 1570,
+		type: 'kick'
+	}, {
+		tick: 1776,
+		type: 'crash1'
+	}, {
+		tick: 1777,
+		type: 'kick'
+	}, {
+		tick: 1802,
+		type: 'crash1'
+	}, {
+		tick: 1802,
+		type: 'kick'
+	}, {
+		tick: 1825,
+		type: 'crash1'
+	}, {
+		tick: 1826,
+		type: 'kick'
+	}, {
+		tick: 1842,
+		type: 'crash1'
+	}, {
+		tick: 1842,
+		type: 'kick'
+	}, {
+		tick: 1858,
+		type: 'snare'
+	}, {
+		tick: 1875,
+		type: 'crash1'
+	}, {
+		tick: 1876,
+		type: 'kick'
+	}, {
+		tick: 1896,
+		type: 'snare'
+	}, {
+		tick: 1912,
 		type: 'hihat'
 	}, {
-		tick: 1956,
+		tick: 1912,
+		type: 'kick'
+	}, {
+		tick: 1930,
+		type: 'snare'
+	}, {
+		tick: 1936,
 		type: 'hihat'
 	}, {
-		tick: 1975,
+		tick: 1955,
+		type: 'kick'
+	}, {
+		tick: 1961,
 		type: 'hihat'
 	}, {
-		tick: 1992,
+		tick: 1964,
+		type: 'snare'
+	}, {
+		tick: 1982,
 		type: 'hihat'
 	}, {
-		tick: 2009,
+		tick: 1983,
+		type: 'kick'
+	}, {
+		tick: 1999,
 		type: 'hihat'
 	}, {
-		tick: 2026,
+		tick: 1999,
+		type: 'snare'
+	}, {
+		tick: 2017,
 		type: 'hihat'
 	}, {
-		tick: 2045,
+		tick: 2025,
+		type: 'kick'
+	}, {
+		tick: 2032,
 		type: 'hihat'
 	}, {
-		tick: 2061,
+		tick: 2035,
+		type: 'snare'
+	}, {
+		tick: 2051,
 		type: 'hihat'
 	}, {
-		tick: 2077,
+		tick: 2053,
+		type: 'kick'
+	}, {
+		tick: 2068,
 		type: 'hihat'
 	}, {
-		tick: 2094,
+		tick: 2069,
+		type: 'snare'
+	}, {
+		tick: 2080,
 		type: 'hihat'
 	}, {
-		tick: 2129,
+		tick: 2092,
+		type: 'kick'
+	}, {
+		tick: 2101,
 		type: 'hihat'
 	}, {
-		tick: 2145,
+		tick: 2102,
+		type: 'snare'
+	}, {
+		tick: 2119,
 		type: 'hihat'
 	}, {
-		tick: 2162,
+		tick: 2121,
+		type: 'kick'
+	}, {
+		tick: 2135,
 		type: 'hihat'
 	}, {
-		tick: 2180,
+		tick: 2137,
+		type: 'snare'
+	}, {
+		tick: 2152,
 		type: 'hihat'
 	}, {
-		tick: 2197,
+		tick: 2161,
+		type: 'kick'
+	}, {
+		tick: 2167,
 		type: 'hihat'
 	}, {
-		tick: 2212,
+		tick: 2172,
+		type: 'snare'
+	}, {
+		tick: 2187,
 		type: 'hihat'
 	}, {
-		tick: 2228,
+		tick: 2189,
+		type: 'kick'
+	}, {
+		tick: 2204,
 		type: 'hihat'
 	}, {
-		tick: 2247,
+		tick: 2205,
+		type: 'snare'
+	}, {
+		tick: 2216,
 		type: 'hihat'
 	}, {
-		tick: 2263,
+		tick: 2234,
+		type: 'kick'
+	}, {
+		tick: 2240,
 		type: 'hihat'
 	}, {
-		tick: 2280,
+		tick: 2243,
+		type: 'snare'
+	}, {
+		tick: 2259,
 		type: 'hihat'
 	}, {
-		tick: 2297,
+		tick: 2260,
+		type: 'kick'
+	}, {
+		tick: 2274,
+		type: 'kick'
+	}, {
+		tick: 2275,
 		type: 'hihat'
 	}, {
-		tick: 2403,
+		tick: 2305,
+		type: 'kick'
+	}, {
+		tick: 2305,
 		type: 'hihat'
 	}, {
-		tick: 2436,
+		tick: 2313,
+		type: 'snare'
+	}, {
+		tick: 2325,
+		type: 'crash1'
+	}, {
+		tick: 2326,
+		type: 'kick'
+	}, {
+		tick: 2348,
+		type: 'crash1'
+	}, {
+		tick: 2349,
+		type: 'kick'
+	}, {
+		tick: 2373,
+		type: 'crash1'
+	}, {
+		tick: 2375,
+		type: 'kick'
+	}, {
+		tick: 2389,
+		type: 'crash1'
+	}, {
+		tick: 2391,
+		type: 'kick'
+	}, {
+		tick: 2404,
 		type: 'hihat'
 	}, {
-		tick: 2454,
+		tick: 2408,
+		type: 'snare'
+	}, {
+		tick: 2421,
 		type: 'hihat'
 	}, {
-		tick: 2470,
+		tick: 2431,
+		type: 'kick'
+	}, {
+		tick: 2437,
 		type: 'hihat'
 	}, {
-		tick: 2491,
+		tick: 2441,
+		type: 'snare'
+	}, {
+		tick: 2457,
 		type: 'hihat'
 	}, {
-		tick: 2505,
+		tick: 2458,
+		type: 'kick'
+	}, {
+		tick: 2474,
 		type: 'hihat'
 	}, {
-		tick: 2522,
+		tick: 2475,
+		type: 'snare'
+	}, {
+		tick: 2486,
 		type: 'hihat'
 	}, {
-		tick: 2540,
+		tick: 2494,
+		type: 'kick'
+	}, {
+		tick: 2504,
 		type: 'hihat'
 	}, {
-		tick: 2558,
+		tick: 2507,
+		type: 'snare'
+	}, {
+		tick: 2524,
 		type: 'hihat'
 	}, {
-		tick: 2574,
+		tick: 2526,
+		type: 'kick'
+	}, {
+		tick: 2542,
 		type: 'hihat'
 	}, {
-		tick: 2592,
+		tick: 2543,
+		type: 'snare'
+	}, {
+		tick: 2562,
 		type: 'hihat'
 	}, {
-		tick: 2610,
+		tick: 2571,
+		type: 'kick'
+	}, {
+		tick: 2578,
 		type: 'hihat'
 	}, {
-		tick: 2641,
+		tick: 2581,
+		type: 'snare'
+	}, {
+		tick: 2598,
 		type: 'hihat'
 	}, {
-		tick: 2664,
+		tick: 2599,
+		type: 'kick'
+	}, {
+		tick: 2614,
 		type: 'hihat'
 	}, {
-		tick: 2680,
+		tick: 2614,
+		type: 'snare'
+	}, {
+		tick: 2626,
+		type: 'kick'
+	}, {
+		tick: 2637,
+		type: 'kick'
+	}, {
+		tick: 2644,
 		type: 'hihat'
 	}, {
-		tick: 2697,
+		tick: 2655,
+		type: 'snare'
+	}, {
+		tick: 2672,
 		type: 'hihat'
 	}, {
-		tick: 2713,
+		tick: 2674,
+		type: 'kick'
+	}, {
+		tick: 2689,
 		type: 'hihat'
 	}, {
-		tick: 2730,
+		tick: 2689,
+		type: 'snare'
+	}, {
+		tick: 2706,
+		type: 'kick'
+	}, {
+		tick: 2714,
+		type: 'kick'
+	}, {
+		tick: 2719,
 		type: 'hihat'
 	}, {
-		tick: 2748,
+		tick: 2723,
+		type: 'snare'
+	}, {
+		tick: 2740,
 		type: 'hihat'
 	}, {
-		tick: 2768,
+		tick: 2741,
+		type: 'kick'
+	}, {
+		tick: 2757,
+		type: 'snare'
+	}, {
+		tick: 2757,
 		type: 'hihat'
 	}, {
-		tick: 2782,
+		tick: 2770,
+		type: 'kick'
+	}, {
+		tick: 2779,
 		type: 'hihat'
 	}, {
-		tick: 2800,
+		tick: 2785,
+		type: 'kick'
+	}, {
+		tick: 2791,
 		type: 'hihat'
 	}, {
-		tick: 2817,
+		tick: 2797,
+		type: 'snare'
+	}, {
+		tick: 2814,
 		type: 'hihat'
 	}, {
-		tick: 2836,
+		tick: 2814,
+		type: 'kick'
+	}, {
+		tick: 2829,
 		type: 'hihat'
 	}, {
-		tick: 2852,
+		tick: 2830,
+		type: 'snare'
+	}, {
+		tick: 2862,
 		type: 'hihat'
 	}, {
-		tick: 3020,
+		tick: 2862,
+		type: 'snare'
+	}, {
+		tick: 2880,
+		type: 'crash1'
+	}, {
+		tick: 2902,
+		type: 'crash1'
+	}, {
+		tick: 2903,
+		type: 'kick'
+	}, {
+		tick: 2926,
+		type: 'crash1'
+	}, {
+		tick: 2928,
+		type: 'kick'
+	}, {
+		tick: 2941,
+		type: 'crash1'
+	}, {
+		tick: 2944,
+		type: 'kick'
+	}, {
+		tick: 2967,
+		type: 'crash1'
+	}, {
+		tick: 2968,
+		type: 'kick'
+	}, {
+		tick: 2990,
+		type: 'crash1'
+	}, {
+		tick: 2992,
+		type: 'kick'
+	}, {
+		tick: 3006,
+		type: 'crash1'
+	}, {
+		tick: 3007,
+		type: 'kick'
+	}, {
+		tick: 3023,
 		type: 'hihat'
 	}, {
-		tick: 3037,
+		tick: 3040,
 		type: 'hihat'
 	}, {
-		tick: 3053,
+		tick: 3059,
 		type: 'hihat'
 	}, {
-		tick: 3072,
+		tick: 3078,
 		type: 'hihat'
 	}, {
-		tick: 3090,
+		tick: 3097,
 		type: 'hihat'
 	}, {
-		tick: 3107,
+		tick: 3113,
 		type: 'hihat'
 	}, {
-		tick: 3125,
+		tick: 3131,
 		type: 'hihat'
 	}, {
-		tick: 3160,
+		tick: 3149,
+		type: 'crash1'
+	}, {
+		tick: 3149,
+		type: 'kick'
+	}, {
+		tick: 3165,
 		type: 'hihat'
 	}, {
-		tick: 3177,
+		tick: 3166,
+		type: 'snare'
+	}, {
+		tick: 3183,
 		type: 'hihat'
 	}, {
-		tick: 3192,
+		tick: 3191,
+		type: 'kick'
+	}, {
+		tick: 3197,
 		type: 'hihat'
 	}, {
-		tick: 3210,
+		tick: 3200,
+		type: 'snare'
+	}, {
+		tick: 3216,
 		type: 'hihat'
 	}, {
+		tick: 3218,
+		type: 'kick'
+	}, {
 		tick: 3227,
+		type: 'kick'
+	}, {
+		tick: 3233,
 		type: 'hihat'
 	}, {
-		tick: 3244,
+		tick: 3236,
+		type: 'snare'
+	}, {
+		tick: 3252,
 		type: 'hihat'
 	}, {
-		tick: 3261,
+		tick: 3253,
+		type: 'kick'
+	}, {
+		tick: 3268,
+		type: 'snare'
+	}, {
+		tick: 3268,
 		type: 'hihat'
 	}, {
-		tick: 3279,
+		tick: 3285,
 		type: 'hihat'
 	}, {
-		tick: 3296,
+		tick: 3287,
+		type: 'kick'
+	}, {
+		tick: 3295,
+		type: 'kick'
+	}, {
+		tick: 3307,
+		type: 'snare'
+	}, {
+		tick: 3307,
 		type: 'hihat'
 	}, {
-		tick: 3314,
+		tick: 3324,
+		type: 'kick'
+	}, {
+		tick: 3325,
 		type: 'hihat'
 	}, {
-		tick: 3330,
+		tick: 3339,
+		type: 'snare'
+	}, {
+		tick: 3340,
 		type: 'hihat'
 	}, {
-		tick: 3349,
+		tick: 3358,
 		type: 'hihat'
 	}, {
-		tick: 3395,
+		tick: 3358,
+		type: 'kick'
+	}, {
+		tick: 3367,
+		type: 'crash1'
+	}, {
+		tick: 3368,
+		type: 'kick'
+	}, {
+		tick: 3384,
+		type: 'crash1'
+	}, {
+		tick: 3385,
+		type: 'kick'
+	}, {
+		tick: 3400,
+		type: 'kick'
+	}, {
+		tick: 3400,
 		type: 'hihat'
 	}, {
-		tick: 3412,
+		tick: 3415,
 		type: 'hihat'
 	}, {
+		tick: 3416,
+		type: 'snare'
+	}, {
 		tick: 3430,
 		type: 'hihat'
 	}, {
-		tick: 3445,
+		tick: 3435,
+		type: 'kick'
+	}, {
+		tick: 3444,
+		type: 'kick'
+	}, {
+		tick: 3447,
 		type: 'hihat'
 	}, {
-		tick: 3464,
+		tick: 3453,
+		type: 'snare'
+	}, {
+		tick: 3469,
 		type: 'hihat'
 	}, {
 		tick: 3481,
-		type: 'hihat'
+		type: 'snare'
 	}, {
-		tick: 3501,
-		type: 'hihat'
+		tick: 3489,
+		type: 'snare'
 	}, {
-		tick: 3518,
-		type: 'hihat'
+		tick: 3504,
+		type: 'tom1'
 	}, {
-		tick: 3553,
+		tick: 3513,
+		type: 'tom1'
+	}, {
+		tick: 3522,
+		type: 'tom1'
+	}, {
+		tick: 3529,
+		type: 'tom1'
+	}, {
+		tick: 3540,
+		type: 'kick'
+	}, {
+		tick: 3556,
 		type: 'hihat'
 	}, {
-		tick: 3569,
+		tick: 3557,
+		type: 'snare'
+	}, {
+		tick: 3575,
 		type: 'hihat'
 	}, {
-		tick: 3587,
+		tick: 3585,
 		type: 'hihat'
 	}, {
-		tick: 3649,
+		tick: 3586,
+		type: 'kick'
+	}, {
+		tick: 3596,
+		type: 'snare'
+	}, {
+		tick: 3623,
+		type: 'crash1'
+	}, {
+		tick: 3624,
+		type: 'kick'
+	}, {
+		tick: 3638,
+		type: 'kick'
+	}, {
+		tick: 3638,
+		type: 'crash1'
+	}, {
+		tick: 3654,
 		type: 'hihat'
 	}, {
-		tick: 3666,
+		tick: 3669,
 		type: 'hihat'
 	}, {
-		tick: 3683,
+		tick: 3669,
+		type: 'snare'
+	}, {
+		tick: 3686,
 		type: 'hihat'
 	}, {
+		tick: 3694,
+		type: 'kick'
+	}, {
 		tick: 3699,
 		type: 'hihat'
 	}, {
-		tick: 3718,
+		tick: 3704,
+		type: 'snare'
+	}, {
+		tick: 3719,
 		type: 'hihat'
 	}, {
+		tick: 3725,
+		type: 'kick'
+	}, {
 		tick: 3734,
 		type: 'hihat'
 	}, {
-		tick: 3753,
-		type: 'hihat'
+		tick: 3735,
+		type: 'kick'
 	}, {
-		tick: 3769,
-		type: 'hihat'
+		tick: 3742,
+		type: 'snare'
 	}, {
-		tick: 3799,
+		tick: 3757,
 		type: 'hihat'
 	}, {
-		tick: 3817,
-		type: 'hihat'
+		tick: 3758,
+		type: 'kick'
 	}, {
-		tick: 3832,
-		type: 'hihat'
+		tick: 3774,
+		type: 'snare'
 	}, {
-		tick: 3850,
+		tick: 3774,
 		type: 'hihat'
 	}, {
-		tick: 4040,
+		tick: 3789,
+		type: 'kick'
+	}, {
+		tick: 3789,
 		type: 'hihat'
 	}, {
-		tick: 4058,
+		tick: 3807,
 		type: 'hihat'
 	}, {
-		tick: 4074,
+		tick: 3808,
+		type: 'snare'
+	}, {
+		tick: 3824,
 		type: 'hihat'
 	}, {
-		tick: 4093,
+		tick: 3832,
+		type: 'kick'
+	}, {
+		tick: 3840,
 		type: 'hihat'
 	}, {
-		tick: 4138,
+		tick: 3843,
+		type: 'snare'
+	}, {
+		tick: 3858,
 		type: 'hihat'
 	}, {
-		tick: 4154,
+		tick: 3861,
+		type: 'kick'
+	}, {
+		tick: 3868,
+		type: 'crash1'
+	}, {
+		tick: 3870,
+		type: 'kick'
+	}, {
+		tick: 3886,
+		type: 'crash1'
+	}, {
+		tick: 3887,
+		type: 'kick'
+	}, {
+		tick: 3900,
+		type: 'crash1'
+	}, {
+		tick: 3919,
 		type: 'hihat'
 	}, {
-		tick: 4172,
+		tick: 3924,
+		type: 'kick'
+	}, {
+		tick: 3949,
 		type: 'hihat'
 	}, {
-		tick: 4188,
+		tick: 3953,
+		type: 'snare'
+	}, {
+		tick: 3977,
+		type: 'snare'
+	}, {
+		tick: 3985,
+		type: 'snare'
+	}, {
+		tick: 3999,
+		type: 'tom1'
+	}, {
+		tick: 4008,
+		type: 'tom1'
+	}, {
+		tick: 4017,
+		type: 'tom1'
+	}, {
+		tick: 4024,
+		type: 'tom1'
+	}, {
+		tick: 4036,
+		type: 'crash1'
+	}, {
+		tick: 4037,
+		type: 'kick'
+	}, {
+		tick: 4052,
+		type: 'snare'
+	}, {
+		tick: 4054,
 		type: 'hihat'
 	}, {
-		tick: 4208,
+		tick: 4070,
 		type: 'hihat'
 	}, {
-		tick: 4224,
+		tick: 4080,
+		type: 'kick'
+	}, {
+		tick: 4085,
 		type: 'hihat'
 	}, {
-		tick: 4292,
+		tick: 4088,
+		type: 'snare'
+	}, {
+		tick: 4103,
 		type: 'hihat'
 	}, {
-		tick: 4310,
+		tick: 4106,
+		type: 'kick'
+	}, {
+		tick: 4114,
+		type: 'crash1'
+	}, {
+		tick: 4114,
+		type: 'kick'
+	}, {
+		tick: 4132,
+		type: 'crash1'
+	}, {
+		tick: 4133,
+		type: 'kick'
+	}, {
+		tick: 4148,
+		type: 'crash1'
+	}, {
+		tick: 4150,
+		type: 'kick'
+	}, {
+		tick: 4163,
 		type: 'hihat'
 	}, {
-		tick: 4327,
+		tick: 4165,
+		type: 'snare'
+	}, {
+		tick: 4180,
 		type: 'hihat'
 	}, {
-		tick: 4345,
+		tick: 4191,
+		type: 'kick'
+	}, {
+		tick: 4195,
 		type: 'hihat'
 	}, {
-		tick: 4406,
+		tick: 4202,
+		type: 'snare'
+	}, {
+		tick: 4215,
 		type: 'hihat'
 	}, {
-		tick: 4442,
+		tick: 4221,
+		type: 'kick'
+	}, {
+		tick: 4231,
+		type: 'kick'
+	}, {
+		tick: 4237,
+		type: 'kick'
+	}, {
+		tick: 4252,
 		type: 'hihat'
 	}, {
-		tick: 4542,
+		tick: 4259,
+		type: 'snare'
+	}, {
+		tick: 4270,
+		type: 'snare'
+	}, {
+		tick: 4288,
+		type: 'crash1'
+	}, {
+		tick: 4290,
+		type: 'kick'
+	}, {
+		tick: 4305,
 		type: 'hihat'
 	}, {
-		tick: 4559,
+		tick: 4306,
+		type: 'snare'
+	}, {
+		tick: 4322,
 		type: 'hihat'
 	}, {
-		tick: 4574,
+		tick: 4335,
+		type: 'kick'
+	}, {
+		tick: 4339,
 		type: 'hihat'
 	}, {
-		tick: 4592,
+		tick: 4344,
+		type: 'snare'
+	}, {
+		tick: 4357,
 		type: 'hihat'
 	}, {
-		tick: 4785,
+		tick: 4367,
+		type: 'kick'
+	}, {
+		tick: 4367,
+		type: 'crash1'
+	}, {
+		tick: 4385,
+		type: 'crash1'
+	}, {
+		tick: 4386,
+		type: 'kick'
+	}, {
+		tick: 4400,
+		type: 'crash1'
+	}, {
+		tick: 4401,
+		type: 'kick'
+	}, {
+		tick: 4415,
 		type: 'hihat'
 	}, {
-		tick: 4818,
+		tick: 4417,
+		type: 'snare'
+	}, {
+		tick: 4432,
 		type: 'hihat'
 	}, {
-		tick: 4837,
+		tick: 4442,
+		type: 'kick'
+	}, {
+		tick: 4447,
 		type: 'hihat'
 	}, {
-		tick: 4866,
+		tick: 4451,
+		type: 'snare'
+	}, {
+		tick: 4465,
 		type: 'hihat'
 	}, {
-		tick: 4883,
+		tick: 4476,
+		type: 'snare'
+	}, {
+		tick: 4483,
+		type: 'snare'
+	}, {
+		tick: 4501,
+		type: 'snare'
+	}, {
+		tick: 4508,
+		type: 'snare'
+	}, {
+		tick: 4514,
+		type: 'tom1'
+	}, {
+		tick: 4522,
+		type: 'tom1'
+	}, {
+		tick: 4536,
+		type: 'crash1'
+	}, {
+		tick: 4553,
+		type: 'snare'
+	}, {
+		tick: 4553,
 		type: 'hihat'
 	}, {
-		tick: 4901,
+		tick: 4569,
 		type: 'hihat'
 	}, {
-		tick: 4920,
+		tick: 4581,
+		type: 'kick'
+	}, {
+		tick: 4585,
 		type: 'hihat'
 	}, {
-		tick: 4936,
+		tick: 4589,
+		type: 'snare'
+	}, {
+		tick: 4604,
 		type: 'hihat'
 	}, {
-		tick: 4953,
+		tick: 4615,
+		type: 'crash1'
+	}, {
+		tick: 4616,
+		type: 'kick'
+	}, {
+		tick: 4633,
+		type: 'crash1'
+	}, {
+		tick: 4634,
+		type: 'kick'
+	}, {
+		tick: 4648,
+		type: 'kick'
+	}, {
+		tick: 4649,
+		type: 'crash1'
+	}, {
+		tick: 4665,
 		type: 'hihat'
 	}, {
-		tick: 5039,
+		tick: 4665,
+		type: 'snare'
+	}, {
+		tick: 4680,
 		type: 'hihat'
 	}, {
-		tick: 5058,
+		tick: 4690,
+		type: 'kick'
+	}, {
+		tick: 4696,
 		type: 'hihat'
 	}, {
-		tick: 5075,
+		tick: 4700,
+		type: 'snare'
+	}, {
+		tick: 4714,
 		type: 'hihat'
 	}, {
-		tick: 5092,
+		tick: 4723,
+		type: 'snare'
+	}, {
+		tick: 4730,
+		type: 'snare'
+	}, {
+		tick: 4746,
+		type: 'tom1'
+	}, {
+		tick: 4755,
+		type: 'tom1'
+	}, {
+		tick: 4763,
+		type: 'tom1'
+	}, {
+		tick: 4770,
+		type: 'tom1'
+	}, {
+		tick: 4781,
+		type: 'kick'
+	}, {
+		tick: 4799,
+		type: 'snare'
+	}, {
+		tick: 4799,
 		type: 'hihat'
 	}, {
-		tick: 5237,
+		tick: 4815,
 		type: 'hihat'
 	}, {
-		tick: 5256,
+		tick: 4828,
+		type: 'kick'
+	}, {
+		tick: 4837,
+		type: 'snare'
+	}, {
+		tick: 4863,
+		type: 'crash1'
+	}, {
+		tick: 4864,
+		type: 'kick'
+	}, {
+		tick: 4879,
+		type: 'crash1'
+	}, {
+		tick: 4881,
+		type: 'kick'
+	}, {
+		tick: 4894,
+		type: 'crash1'
+	}, {
+		tick: 4894,
+		type: 'kick'
+	}, {
+		tick: 4910,
 		type: 'hihat'
 	}, {
-		tick: 5272,
+		tick: 4912,
+		type: 'snare'
+	}, {
+		tick: 4927,
 		type: 'hihat'
 	}, {
-		tick: 5290,
+		tick: 4934,
+		type: 'kick'
+	}, {
+		tick: 4942,
 		type: 'hihat'
 	}, {
-		tick: 5305,
+		tick: 4946,
+		type: 'snare'
+	}, {
+		tick: 4961,
 		type: 'hihat'
 	}, {
-		tick: 5324,
+		tick: 4974,
+		type: 'snare'
+	}, {
+		tick: 4982,
+		type: 'snare'
+	}, {
+		tick: 4996,
+		type: 'snare'
+	}, {
+		tick: 5004,
+		type: 'snare'
+	}, {
+		tick: 5009,
+		type: 'tom1'
+	}, {
+		tick: 5019,
+		type: 'snare'
+	}, {
+		tick: 5027,
+		type: 'snare'
+	}, {
+		tick: 5032,
+		type: 'crash1'
+	}, {
+		tick: 5082,
 		type: 'hihat'
 	}, {
-		tick: 5340,
+		tick: 5082,
+		type: 'snare'
+	}, {
+		tick: 5103,
+		type: 'crash1'
+	}, {
+		tick: 5110,
+		type: 'kick'
+	}, {
+		tick: 5127,
+		type: 'kick'
+	}, {
+		tick: 5144,
+		type: 'snare'
+	}, {
+		tick: 5153,
+		type: 'snare'
+	}, {
+		tick: 5162,
+		type: 'snare'
+	}, {
+		tick: 5171,
+		type: 'snare'
+	}, {
+		tick: 5177,
+		type: 'snare'
+	}, {
+		tick: 5185,
+		type: 'snare'
+	}, {
+		tick: 5194,
+		type: 'snare'
+	}, {
+		tick: 5200,
+		type: 'snare'
+	}, {
+		tick: 5205,
+		type: 'snare'
+	}, {
+		tick: 5211,
+		type: 'crash1'
+	}, {
+		tick: 5214,
+		type: 'kick'
+	}, {
+		tick: 5247,
 		type: 'hihat'
 	}, {
-		tick: 5358,
+		tick: 5251,
+		type: 'snare'
+	}, {
+		tick: 5265,
+		type: 'snare'
+	}, {
+		tick: 5265,
 		type: 'hihat'
 	}, {
-		tick: 5375,
+		tick: 5282,
+		type: 'kick'
+	}, {
+		tick: 5283,
 		type: 'hihat'
 	}, {
-		tick: 5393,
+		tick: 5302,
 		type: 'hihat'
 	}, {
-		tick: 5507,
+		tick: 5311,
+		type: 'kick'
+	}, {
+		tick: 5315,
 		type: 'hihat'
 	}, {
-		tick: 5526,
+		tick: 5318,
+		type: 'snare'
+	}, {
+		tick: 5332,
 		type: 'hihat'
 	}, {
-		tick: 5544,
+		tick: 5333,
+		type: 'snare'
+	}, {
+		tick: 5349,
 		type: 'hihat'
 	}, {
-		tick: 5562,
+		tick: 5350,
+		type: 'kick'
+	}, {
+		tick: 5366,
 		type: 'hihat'
 	}, {
-		tick: 5579,
+		tick: 5374,
+		type: 'kick'
+	}, {
+		tick: 5380,
 		type: 'hihat'
 	}, {
-		tick: 5596,
+		tick: 5384,
+		type: 'snare'
+	}, {
+		tick: 5399,
 		type: 'hihat'
 	}, {
-		tick: 5613,
+		tick: 5400,
+		type: 'snare'
+	}, {
+		tick: 5416,
+		type: 'snare'
+	}, {
+		tick: 5425,
+		type: 'snare'
+	}, {
+		tick: 5434,
+		type: 'snare'
+	}, {
+		tick: 5447,
+		type: 'tom1'
+	}, {
+		tick: 5456,
+		type: 'tom1'
+	}, {
+		tick: 5464,
+		type: 'tom1'
+	}, {
+		tick: 5475,
+		type: 'snare'
+	}, {
+		tick: 5484,
+		type: 'kick'
+	}, {
+		tick: 5484,
+		type: 'crash1'
+	}, {
+		tick: 5516,
 		type: 'hihat'
 	}, {
-		tick: 5632,
+		tick: 5518,
+		type: 'snare'
+	}, {
+		tick: 5533,
 		type: 'hihat'
 	}, {
-		tick: 5649,
+		tick: 5535,
+		type: 'snare'
+	}, {
+		tick: 5549,
 		type: 'hihat'
 	}, {
-		tick: 5666,
+		tick: 5551,
+		type: 'kick'
+	}, {
+		tick: 5566,
 		type: 'hihat'
 	}, {
-		tick: 5682,
+		tick: 5575,
 		type: 'hihat'
 	}, {
-		tick: 5703,
+		tick: 5578,
+		type: 'kick'
+	}, {
+		tick: 5586,
+		type: 'snare'
+	}, {
+		tick: 5601,
 		type: 'hihat'
 	}, {
-		tick: 5718,
+		tick: 5602,
+		type: 'snare'
+	}, {
+		tick: 5616,
 		type: 'hihat'
 	}, {
-		tick: 5735,
+		tick: 5618,
+		type: 'kick'
+	}, {
+		tick: 5636,
 		type: 'hihat'
 	}, {
-		tick: 5770,
+		tick: 5646,
+		type: 'kick'
+	}, {
+		tick: 5651,
 		type: 'hihat'
 	}, {
-		tick: 5786,
+		tick: 5655,
+		type: 'snare'
+	}, {
+		tick: 5671,
 		type: 'hihat'
 	}, {
-		tick: 5802,
+		tick: 5673,
+		type: 'snare'
+	}, {
+		tick: 5689,
+		type: 'snare'
+	}, {
+		tick: 5697,
+		type: 'snare'
+	}, {
+		tick: 5708,
+		type: 'snare'
+	}, {
+		tick: 5715,
+		type: 'snare'
+	}, {
+		tick: 5723,
+		type: 'tom1'
+	}, {
+		tick: 5740,
+		type: 'tom1'
+	}, {
+		tick: 5745,
+		type: 'snare'
+	}, {
+		tick: 5754,
+		type: 'snare'
+	}, {
+		tick: 5760,
+		type: 'crash1'
+	}, {
+		tick: 5762,
+		type: 'kick'
+	}, {
+		tick: 5795,
 		type: 'hihat'
 	}, {
-		tick: 5820,
+		tick: 5796,
+		type: 'snare'
+	}, {
+		tick: 5811,
 		type: 'hihat'
 	}, {
-		tick: 5837,
+		tick: 5812,
+		type: 'snare'
+	}, {
+		tick: 5829,
 		type: 'hihat'
 	}, {
-		tick: 5854,
+		tick: 5830,
+		type: 'kick'
+	}, {
+		tick: 5845,
 		type: 'hihat'
 	}, {
-		tick: 5871,
+		tick: 5852,
+		type: 'kick'
+	}, {
+		tick: 5862,
+		type: 'snare'
+	}, {
+		tick: 5863,
 		type: 'hihat'
 	}, {
-		tick: 5890,
+		tick: 5879,
+		type: 'snare'
+	}, {
+		tick: 5893,
 		type: 'hihat'
 	}, {
-		tick: 5906,
+		tick: 5896,
+		type: 'kick'
+	}, {
+		tick: 5912,
 		type: 'hihat'
 	}, {
-		tick: 5923,
+		tick: 5920,
+		type: 'kick'
+	}, {
+		tick: 5929,
 		type: 'hihat'
 	}, {
-		tick: 5941,
+		tick: 5930,
+		type: 'snare'
+	}, {
+		tick: 5946,
 		type: 'hihat'
 	}, {
-		tick: 5991,
+		tick: 5946,
+		type: 'snare'
+	}, {
+		tick: 5963,
+		type: 'snare'
+	}, {
+		tick: 5971,
+		type: 'snare'
+	}, {
+		tick: 5979,
+		type: 'snare'
+	}, {
+		tick: 5988,
+		type: 'snare'
+	}, {
+		tick: 5995,
+		type: 'tom1'
+	}, {
+		tick: 6004,
+		type: 'tom1'
+	}, {
+		tick: 6013,
+		type: 'tom1'
+	}, {
+		tick: 6020,
+		type: 'tom1'
+	}, {
+		tick: 6031,
+		type: 'crash1'
+	}, {
+		tick: 6033,
+		type: 'kick'
+	}, {
+		tick: 6066,
 		type: 'hihat'
 	}, {
-		tick: 6057,
+		tick: 6070,
+		type: 'snare'
+	}, {
+		tick: 6084,
+		type: 'snare'
+	}, {
+		tick: 6085,
 		type: 'hihat'
 	}, {
-		tick: 6075,
+		tick: 6101,
 		type: 'hihat'
 	}, {
-		tick: 6093,
+		tick: 6103,
+		type: 'kick'
+	}, {
+		tick: 6119,
 		type: 'hihat'
 	}, {
-		tick: 6110,
+		tick: 6124,
+		type: 'kick'
+	}, {
+		tick: 6135,
+		type: 'snare'
+	}, {
+		tick: 6138,
 		type: 'hihat'
 	}, {
-		tick: 6128,
+		tick: 6154,
+		type: 'snare'
+	}, {
+		tick: 6168,
 		type: 'hihat'
 	}, {
-		tick: 6145,
+		tick: 6170,
+		type: 'kick'
+	}, {
+		tick: 6187,
 		type: 'hihat'
 	}, {
-		tick: 6162,
+		tick: 6196,
+		type: 'kick'
+	}, {
+		tick: 6204,
 		type: 'hihat'
 	}, {
-		tick: 6180,
+		tick: 6205,
+		type: 'snare'
+	}, {
+		tick: 6221,
 		type: 'hihat'
 	}, {
-		tick: 6197,
+		tick: 6221,
+		type: 'snare'
+	}, {
+		tick: 6238,
+		type: 'snare'
+	}, {
+		tick: 6246,
+		type: 'snare'
+	}, {
+		tick: 6251,
+		type: 'snare'
+	}, {
+		tick: 6257,
+		type: 'snare'
+	}, {
+		tick: 6275,
+		type: 'tom1'
+	}, {
+		tick: 6283,
+		type: 'tom1'
+	}, {
+		tick: 6309,
+		type: 'crash1'
+	}, {
+		tick: 6309,
+		type: 'kick'
+	}, {
+		tick: 6322,
+		type: 'crash1'
+	}, {
+		tick: 6324,
+		type: 'kick'
+	}, {
+		tick: 6376,
+		type: 'crash1'
+	}, {
+		tick: 6378,
+		type: 'kick'
+	}, {
+		tick: 6392,
+		type: 'crash1'
+	}, {
+		tick: 6394,
+		type: 'kick'
+	}, {
+		tick: 6445,
+		type: 'crash1'
+	}, {
+		tick: 6446,
+		type: 'kick'
+	}, {
+		tick: 6460,
 		type: 'hihat'
 	}, {
-		tick: 6215,
+		tick: 6464,
+		type: 'snare'
+	}, {
+		tick: 6480,
 		type: 'hihat'
 	}, {
-		tick: 6463,
+		tick: 6493,
+		type: 'kick'
+	}, {
+		tick: 6497,
 		type: 'hihat'
 	}]
 }, {
 	name: "Level 2",
@@ -925,11 +2044,9 @@
 		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;
-		}
+		if (dx * dx / (rx * rx) + dy * dy / (ry * ry) <= 1) return pad;
 	}
 	return null;
 }
 game.down = function (x, y, obj) {
@@ -961,11 +2078,9 @@
 	// 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
+		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);
@@ -975,14 +2090,10 @@
 	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;
-		}
+		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;
@@ -1002,11 +2113,9 @@
 		});
 		notes.splice(notes.indexOf(bestNote), 1);
 		score += 100;
 		combo += 1;
-		if (combo > maxCombo) {
-			maxCombo = combo;
-		}
+		if (combo > maxCombo) maxCombo = combo;
 		scoreTxt.setText(score);
 		comboTxt.setText(combo > 1 ? combo + 'x' : '');
 	} else {
 		// Miss!
@@ -1016,11 +2125,9 @@
 	}
 }
 // --- Game Update ---
 game.update = function () {
-	if (!isPlaying) {
-		return;
-	}
+	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;
@@ -1037,11 +2144,9 @@
 		note.update();
 		// --- AUTO-HIT LOGIC ---
 		// If note is not hit and just reached the hit line (NOTE_TARGET_Y)
 		if (!note.hit) {
-			if (note.lastY === undefined) {
-				note.lastY = note.y - noteSpeed;
-			}
+			if (note.lastY === undefined) note.lastY = note.y - noteSpeed;
 			// Check if we crossed the hit line this frame
 			if (note.lastY < NOTE_TARGET_Y && note.y >= NOTE_TARGET_Y) {
 				// Find the pad for this note type
 				for (var p = 0; p < pads.length; p++) {
@@ -1049,11 +2154,9 @@
 						// Play sound
 						var soundId = pads[p].padType + 'Sound';
 						var sound = LK.getSound(soundId);
 						if (sound) {
-							if (sound.stop) {
-								sound.stop();
-							}
+							if (sound.stop) sound.stop();
 							sound.play();
 						}
 						// Visual feedback
 						pads[p].flash();
@@ -1073,11 +2176,9 @@
 				});
 				notes.splice(i, 1);
 				score += 100;
 				combo += 1;
-				if (combo > maxCombo) {
-					maxCombo = combo;
-				}
+				if (combo > maxCombo) maxCombo = combo;
 				scoreTxt.setText(score);
 				comboTxt.setText(combo > 1 ? combo + 'x' : '');
 				continue; // Skip further checks for this note
 			}
@@ -1100,11 +2201,9 @@
 			continue;
 		}
 		// Remove notes that go off screen
 		if (note.y > GAME_H + 100) {
-			if (notes.indexOf(note) !== -1) {
-				notes.splice(notes.indexOf(note), 1);
-			}
+			if (notes.indexOf(note) !== -1) notes.splice(notes.indexOf(note), 1);
 			note.destroy();
 		}
 	}
 	// End of song
@@ -1124,30 +2223,34 @@
 	notes = [];
 	noteIndex = 0;
 	isPlaying = true;
 	songStartTick = LK.ticks;
+	// --- Start recording automatically if Level 1 is selected ---
+	if (currentLevelIndex === 0 && !isRecording) {
+		isRecording = true;
+		recordedNotes = [];
+		recordStartTick = LK.ticks;
+		recordTxt.setText('KAYIT: AÇIK');
+		comboTxt.setText('KAYIT MODU');
+	}
 	// 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();
-			}
+			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();
-		}
+		if (preloadMusic.stop) preloadMusic.stop();
 		preloadMusic.volume = 1;
 	}
 	// Stop any currently playing music to ensure clean start
 	LK.stopMusic();
@@ -1205,11 +2308,9 @@
 	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 (origUpdate) origUpdate.apply(this, arguments);
 			if (isPlaying && TEST_MODE) {
 				// Update songTotalTicks in case level changed
 				songTotalTicks = songNotes.length > 0 ? songNotes[songNotes.length - 1].tick : 1;
 				var relTick = LK.ticks - songStartTick;

Creation History

Images

Sounds & Music

Used plugins