/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.v1", {
	bpm: 100
});

/**** 
* Classes
****/ 
// default bpm 100
// Beat marker class (moving dot)
var BeatMarker = Container.expand(function () {
	var self = Container.call(this);
	var marker = self.attachAsset('beatMarker', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.active = true; // Whether this beat is still hittable
	self.hit = false; // Whether this beat was hit
	// For feedback animation
	self.showFeedback = function (type) {
		var feedbackId = type === 'good' ? 'goodCircle' : 'missCircle';
		var feedback = LK.getAsset(feedbackId, {
			anchorX: 0.5,
			anchorY: 0.5,
			x: self.x,
			y: self.y,
			alpha: 0.7,
			scaleX: 1,
			scaleY: 1
		});
		game.addChild(feedback);
		tween(feedback, {
			alpha: 0,
			scaleX: 1.5,
			scaleY: 1.5
		}, {
			duration: 400,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				feedback.destroy();
			}
		});
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// --- Game constants ---
// Bass drum (kick) hit circle
// Bass drum (kick) hit circle when active
// Timeline bar
// Beat marker
// Miss feedback
// Good feedback
// Sound for kick
// Music (looping, short demo)
var TIMELINE_WIDTH = 1200;
var TIMELINE_HEIGHT = 24;
var TIMELINE_Y = 2000; // Y position of timeline bar
var TIMELINE_X = (2048 - TIMELINE_WIDTH) / 2;
var HIT_ZONE_X = 2048 / 2; // Center of screen
var HIT_ZONE_Y = TIMELINE_Y + TIMELINE_HEIGHT / 2;
var HIT_WINDOW = 120; // px distance for perfect hit
var BEAT_SPEED = 900; // px/sec, will increase with difficulty
var INITIAL_BPM = 100; // Starting BPM
var BEATS_PER_MEASURE = 4;
var BEAT_INTERVAL = 60 / INITIAL_BPM; // seconds per beat
var DIFFICULTY_STEP = 0.15; // How much to increase BPM per level
var MAX_MISSES = 5;
// --- Game state ---
var beats = []; // Active BeatMarker objects
var beatPattern = []; // Array of {time, type}
var nextBeatIdx = 0; // Next beat to spawn
var songTime = 0; // Elapsed time in seconds
var lastTickTime = Date.now();
var score = 0;
var misses = 0;
var combo = 0;
var bpm = typeof storage.bpm === "number" ? storage.bpm : INITIAL_BPM;
var beatInterval = 60 / bpm;
var gameActive = true;
var feedbackTimeout = null;
// --- UI elements --- 
// --- Gameplay Screen Container ---
var gamescreen = new Container();
gamescreen.visible = false;
game.addChild(gamescreen);
// Add isyeri background image, anchored top-left, covering the whole game area
var isyeriBg = LK.getAsset('isyeri', {
	anchorX: 0,
	anchorY: 0,
	x: 0,
	y: 0,
	width: 2048,
	height: 2732
});
gamescreen.addChild(isyeriBg);
var timelineBar = LK.getAsset('timelineBar', {
	anchorX: 0,
	anchorY: 0.5,
	x: TIMELINE_X,
	y: TIMELINE_Y + TIMELINE_HEIGHT / 2
});
gamescreen.addChild(timelineBar);
// Hit zone (kick target)
var kickTarget = LK.getAsset('kickTarget', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: HIT_ZONE_X,
	y: HIT_ZONE_Y
});
gamescreen.addChild(kickTarget);
// Score text
var scoreTxt = new Text2('0', {
	size: 120,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Combo text
var comboTxt = new Text2('', {
	size: 70,
	fill: 0x00FF00
});
comboTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(comboTxt);
comboTxt.y = 120;
// Misses text
var missTxt = new Text2('', {
	size: 70,
	fill: 0xFF4444
});
missTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(missTxt);
missTxt.y = 200;
// --- Beat pattern generation ---
function generateBeatPattern(bpm, measures) {
	// Simple: 4/4, kick on every beat, can add more complex patterns later
	var pattern = [];
	var interval = 60 / bpm;
	for (var m = 0; m < measures; m++) {
		for (var b = 0; b < BEATS_PER_MEASURE; b++) {
			pattern.push({
				time: (m * BEATS_PER_MEASURE + b) * interval,
				type: 'kick'
			});
		}
	}
	return pattern;
}
// --- Start game ---
function startGame() {
	// Reset state
	for (var i = 0; i < beats.length; i++) {
		beats[i].destroy();
	}
	beats = [];
	// Use current bpm and beatInterval
	beatInterval = 60 / bpm;
	beatPattern = generateBeatPattern(bpm, 16); // 16 measures = 64 beats
	nextBeatIdx = 0;
	songTime = 0;
	lastTickTime = Date.now();
	score = 0;
	misses = 0;
	combo = 0;
	gameActive = true;
	scoreTxt.setText('0');
	comboTxt.setText('');
	missTxt.setText('');
	kickTarget.visible = true;
	LK.setScore(0);
	LK.playMusic('bgmusic', {
		loop: true
	});
}
// --- Main Menu Implementation ---
var mainMenuContainer = new Container();
mainMenuContainer.visible = true;
// Title
var titleTxt = new Text2("DJ Bass Kickstart", {
	size: 160,
	fill: 0xffd700
});
titleTxt.anchor.set(0.5, 0);
titleTxt.x = 2048 / 2;
titleTxt.y = 300;
mainMenuContainer.addChild(titleTxt);
// Start Button
var startBtn = new Text2("START", {
	size: 120,
	fill: 0x00ff00
});
startBtn.anchor.set(0.5, 0.5);
startBtn.x = 2048 / 2;
startBtn.y = 700;
mainMenuContainer.addChild(startBtn);
// Settings Button
var settingsBtn = new Text2("SETTINGS", {
	size: 100,
	fill: 0x1e90ff
});
settingsBtn.anchor.set(0.5, 0.5);
settingsBtn.x = 2048 / 2;
settingsBtn.y = 900;
mainMenuContainer.addChild(settingsBtn);
// Credits Button
var creditsBtn = new Text2("CREDITS", {
	size: 100,
	fill: 0xffffff
});
creditsBtn.anchor.set(0.5, 0.5);
creditsBtn.x = 2048 / 2;
creditsBtn.y = 1050;
mainMenuContainer.addChild(creditsBtn);
// Support Us Button
var supportBtn = new Text2("SUPPORT US", {
	size: 100,
	fill: 0xff4444
});
supportBtn.anchor.set(0.5, 0.5);
supportBtn.x = 2048 / 2;
supportBtn.y = 1200;
mainMenuContainer.addChild(supportBtn);
// Overlay for credits/settings/support
var settingsmenu = new Container();
settingsmenu.visible = false;
game.addChild(settingsmenu);
var creditsmenu = new Container();
creditsmenu.visible = false;
game.addChild(creditsmenu);
var supportmenu = new Container();
supportmenu.visible = false;
game.addChild(supportmenu);
// Helper to hide all overlays
function hideAllMenus() {
	settingsmenu.visible = false;
	creditsmenu.visible = false;
	supportmenu.visible = false;
}
// Show credits menu
function showCreditsMenu() {
	hideAllMenus();
	creditsmenu.removeChildren();
	var bg = LK.getAsset('missCircle', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2048 / 2,
		y: 2732 / 2,
		scaleX: 5,
		scaleY: 2.5,
		alpha: 0.92
	});
	creditsmenu.addChild(bg);
	var txt = new Text2("Credits\nTasarım & Kod: FRVR.Ava.Combo[POGAAS].v1.0\nInspired by Ada Lovelace", {
		size: 90,
		fill: 0xffffff
	});
	txt.anchor.set(0.5, 0.5);
	txt.x = 2048 / 2;
	txt.y = 2732 / 2;
	creditsmenu.addChild(txt);
	// Close button (bottom right)
	var closeBtn = new Text2("KAPAT", {
		size: 90,
		fill: 0xffffff
	});
	closeBtn.anchor.set(1, 1);
	closeBtn.x = 2048 - 60;
	closeBtn.y = 2732 - 60;
	creditsmenu.addChild(closeBtn);
	closeBtn.down = function (x, y, obj) {
		creditsmenu.visible = false;
		mainMenuContainer.visible = true;
	};
	creditsmenu.visible = true;
	// Remove tap-to-close on background
	creditsmenu.down = undefined;
}
// Show support menu
function showSupportMenu() {
	hideAllMenus();
	supportmenu.removeChildren();
	var bg = LK.getAsset('missCircle', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2048 / 2,
		y: 2732 / 2,
		scaleX: 5,
		scaleY: 2.5,
		alpha: 0.92
	});
	supportmenu.addChild(bg);
	var txt = new Text2("Support Us\nBizi desteklemek için sosyal medyada paylaşın!", {
		size: 90,
		fill: 0xffffff
	});
	txt.anchor.set(0.5, 0.5);
	txt.x = 2048 / 2;
	txt.y = 2732 / 2;
	supportmenu.addChild(txt);
	// Close button (bottom right)
	var closeBtn = new Text2("KAPAT", {
		size: 90,
		fill: 0xffffff
	});
	closeBtn.anchor.set(1, 1);
	closeBtn.x = 2048 - 60;
	closeBtn.y = 2732 - 60;
	supportmenu.addChild(closeBtn);
	closeBtn.down = function (x, y, obj) {
		supportmenu.visible = false;
		mainMenuContainer.visible = true;
	};
	supportmenu.visible = true;
	// Remove tap-to-close on background
	supportmenu.down = undefined;
}
// Show settings menu
function showSettingsMenu() {
	hideAllMenus();
	settingsmenu.removeChildren();
	var bg = LK.getAsset('missCircle', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2048 / 2,
		y: 2732 / 2,
		scaleX: 5,
		scaleY: 2.5,
		alpha: 0.92
	});
	settingsmenu.addChild(bg);
	var txt = new Text2("Ayarlar", {
		size: 110,
		fill: 0xffffff
	});
	txt.anchor.set(0.5, 0.5);
	txt.x = 2048 / 2;
	txt.y = 700;
	settingsmenu.addChild(txt);
	// --- BPM CIRCLE UI ---
	// Container for the whole BPM control
	var bpmCircleContainer = new Container();
	bpmCircleContainer.x = 2048 / 2;
	bpmCircleContainer.y = 1100;
	settingsmenu.addChild(bpmCircleContainer);
	// Circle background
	var bpmCircleBg = LK.getAsset('kickTarget', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 0,
		y: 0,
		scaleX: 1.1,
		scaleY: 1.1,
		alpha: 0.85
	});
	bpmCircleContainer.addChild(bpmCircleBg);
	// BPM value text
	var bpmValueTxt = new Text2(bpm + "", {
		size: 110,
		fill: 0x1e90ff
	});
	bpmValueTxt.anchor.set(0.5, 0.5);
	bpmValueTxt.x = 0;
	bpmValueTxt.y = 0;
	bpmCircleContainer.addChild(bpmValueTxt);
	// BPM label text
	var bpmLabelTxt = new Text2("BPM", {
		size: 48,
		fill: 0xffffff
	});
	bpmLabelTxt.anchor.set(0.5, 0.5);
	bpmLabelTxt.x = 0;
	bpmLabelTxt.y = 90;
	bpmCircleContainer.addChild(bpmLabelTxt);
	// --- Drag-to-change BPM logic ---
	var dragActive = false;
	var dragStartY = 0;
	var dragStartBpm = 0;
	var lastDragStep = 0;
	var BPM_MIN = 40;
	var BPM_MAX = 300;
	var BPM_STEP = 5;
	var PIXELS_PER_STEP = 20;
	// Touch start (down) on circle
	bpmCircleContainer.down = function (x, y, obj) {
		dragActive = true;
		dragStartY = y;
		dragStartBpm = bpm;
		lastDragStep = 0;
		// Animate circle slightly for feedback
		tween(bpmCircleBg, {
			scaleX: 1.18,
			scaleY: 1.18
		}, {
			duration: 100,
			yoyo: true,
			repeat: 1
		});
	};
	// Touch move on circle
	bpmCircleContainer.move = function (x, y, obj) {
		if (!dragActive) return;
		var dy = dragStartY - y; // Up is positive
		var step = Math.floor(dy / PIXELS_PER_STEP);
		if (step !== lastDragStep) {
			var newBpm = dragStartBpm + step * BPM_STEP;
			if (newBpm < BPM_MIN) newBpm = BPM_MIN;
			if (newBpm > BPM_MAX) newBpm = BPM_MAX;
			if (newBpm !== bpm) {
				bpm = newBpm;
				bpmValueTxt.setText(bpm + "");
				beatInterval = 60 / bpm;
				storage.bpm = bpm; // persist bpm to storage
			}
			lastDragStep = step;
		}
	};
	// Touch end (up) on circle
	bpmCircleContainer.up = function (x, y, obj) {
		dragActive = false;
		// Animate back to normal scale
		tween(bpmCircleBg, {
			scaleX: 1.1,
			scaleY: 1.1
		}, {
			duration: 100
		});
	};
	// Close button (bottom right)
	var closeBtn = new Text2("KAPAT", {
		size: 90,
		fill: 0xffffff
	});
	closeBtn.anchor.set(1, 1);
	closeBtn.x = 2048 - 60;
	closeBtn.y = 2732 - 60;
	settingsmenu.addChild(closeBtn);
	closeBtn.down = function (x, y, obj) {
		settingsmenu.visible = false;
		mainMenuContainer.visible = true;
	};
	// Remove tap-to-close on background
	settingsmenu.down = undefined;
	settingsmenu.visible = true;
}
// Button event handlers
startBtn.down = function (x, y, obj) {
	mainMenuContainer.visible = false;
	startGame();
};
settingsBtn.down = function (x, y, obj) {
	mainMenuContainer.visible = false;
	showSettingsMenu();
};
creditsBtn.down = function (x, y, obj) {
	mainMenuContainer.visible = false;
	showCreditsMenu();
};
supportBtn.down = function (x, y, obj) {
	mainMenuContainer.visible = false;
	showSupportMenu();
};
// Add menu to game
game.addChild(mainMenuContainer);
// menus are already added above
// Hide all gameplay UI until game starts
scoreTxt.visible = false;
comboTxt.visible = false;
missTxt.visible = false;
// timelineBar and kickTarget are now children of gamescreen, so their visibility is managed by gamescreen
// Patch startGame to show gameplay UI and gamescreen
var _originalStartGame = startGame;
startGame = function startGame() {
	scoreTxt.visible = true;
	comboTxt.visible = true;
	missTxt.visible = true;
	gamescreen.visible = true;
	mainMenuContainer.visible = false;
	// overlayContainer.visible = false; // Removed, not defined
	_originalStartGame();
};
// On menu, hide gameplay UI and gamescreen
mainMenuContainer.visible = true;
scoreTxt.visible = false;
comboTxt.visible = false;
missTxt.visible = false;
gamescreen.visible = false;
// --- Beat spawning ---
function spawnBeat(beat) {
	var marker = new BeatMarker();
	// Start at left edge of timeline, move right to hit zone
	marker.x = TIMELINE_X;
	marker.y = HIT_ZONE_Y;
	marker.beatTime = beat.time;
	marker.type = beat.type;
	marker.active = true;
	marker.hit = false;
	beats.push(marker);
	gamescreen.addChild(marker);
}
// --- Game update ---
game.update = function () {
	if (!gameActive) {
		return;
	}
	// Time management
	var now = Date.now();
	var dt = (now - lastTickTime) / 1000;
	lastTickTime = now;
	songTime += dt;
	// Spawn new beats if it's time
	while (nextBeatIdx < beatPattern.length && beatPattern[nextBeatIdx].time - songTime < TIMELINE_WIDTH / BEAT_SPEED) {
		spawnBeat(beatPattern[nextBeatIdx]);
		nextBeatIdx++;
	}
	// Move beats and check for misses
	for (var i = beats.length - 1; i >= 0; i--) {
		var beat = beats[i];
		// Calculate progress: 0 (spawn) to 1 (hit zone)
		var timeToHit = beat.beatTime - songTime;
		var pxFromStart = TIMELINE_WIDTH * (1 - timeToHit / (TIMELINE_WIDTH / BEAT_SPEED));
		beat.x = TIMELINE_X + Math.max(0, Math.min(TIMELINE_WIDTH, pxFromStart));
		// Check if passed hit zone (missed)
		if (!beat.hit && beat.active && Math.abs(beat.x - HIT_ZONE_X) < HIT_WINDOW / 2) {
			// Still in hit window, do nothing
		} else if (!beat.hit && beat.active && beat.x > HIT_ZONE_X + HIT_WINDOW) {
			// Missed
			beat.active = false;
			beat.showFeedback('miss');
			misses++;
			combo = 0;
			missTxt.setText('Miss: ' + misses);
			comboTxt.setText('');
			LK.effects.flashObject(kickTarget, 0xff0000, 200);
			if (misses >= MAX_MISSES) {
				gameOver();
			}
		}
		// Remove if off screen
		if (beat.x > TIMELINE_X + TIMELINE_WIDTH + 100) {
			beat.destroy();
			beats.splice(i, 1);
		}
	}
};
// --- Input handling ---
var isTouching = false;
game.down = function (x, y, obj) {
	if (!gameActive) {
		return;
	}
	// Only register if touch is in hit zone
	var dx = x - HIT_ZONE_X;
	var dy = y - HIT_ZONE_Y;
	var dist = Math.sqrt(dx * dx + dy * dy);
	if (dist < 120) {
		isTouching = true;
		// Animate kick target
		kickTarget.destroy();
		kickTarget = LK.getAsset('kickActive', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: HIT_ZONE_X,
			y: HIT_ZONE_Y
		});
		gamescreen.addChild(kickTarget);
		// Check for beat hit
		var hit = false;
		for (var i = 0; i < beats.length; i++) {
			var beat = beats[i];
			if (beat.active && !beat.hit && Math.abs(beat.x - HIT_ZONE_X) < HIT_WINDOW) {
				// Calculate timing accuracy
				var distFromCenter = Math.abs(beat.x - HIT_ZONE_X);
				var feedbackType = '';
				var feedbackText = '';
				var feedbackColor = 0xffffff;
				var scoreAdd = 0;
				if (distFromCenter < 20) {
					feedbackType = 'perfect';
					feedbackText = 'PERFECT!';
					feedbackColor = 0xffe600;
					scoreAdd = 200;
				} else if (distFromCenter < 40) {
					feedbackType = 'awesome';
					feedbackText = 'AWESOME!';
					feedbackColor = 0x00e6ff;
					scoreAdd = 150;
				} else if (distFromCenter < 70) {
					feedbackType = 'good';
					feedbackText = 'GOOD';
					feedbackColor = 0x00ff00;
					scoreAdd = 100;
				} else {
					feedbackType = 'ok';
					feedbackText = 'OK';
					feedbackColor = 0xcccccc;
					scoreAdd = 50;
				}
				beat.hit = true;
				beat.active = false;
				hit = true;
				score += scoreAdd;
				combo += 1;
				LK.setScore(score);
				scoreTxt.setText(score);
				comboTxt.setText('Combo: ' + combo);
				// Show feedback text at hit zone
				var feedbackTxt = new Text2(feedbackText, {
					size: 120,
					fill: feedbackColor
				});
				feedbackTxt.anchor.set(0.5, 0.5);
				feedbackTxt.x = HIT_ZONE_X;
				feedbackTxt.y = HIT_ZONE_Y - 180;
				game.addChild(feedbackTxt);
				tween(feedbackTxt, {
					alpha: 0,
					y: feedbackTxt.y - 100
				}, {
					duration: 600,
					easing: tween.easeOut,
					onFinish: function onFinish() {
						feedbackTxt.destroy();
					}
				});
				beat.showFeedback('good');
				LK.getSound('kick').play();
				LK.effects.flashObject(kickTarget, feedbackColor, 200);
				// Difficulty up every 10 combo
				if (combo % 10 === 0 && combo > 0) {
					bpm += 8;
					if (bpm > 300) bpm = 300;
					beatInterval = 60 / bpm;
					// Add more beats to pattern
					var extra = generateBeatPattern(bpm, 4);
					for (var j = 0; j < extra.length; j++) {
						extra[j].time += beatPattern[beatPattern.length - 1].time + beatInterval;
						beatPattern.push(extra[j]);
					}
				}
				break;
			}
		}
		if (!hit) {
			// Missed (tapped at wrong time)
			misses++;
			combo = 0;
			missTxt.setText('Miss: ' + misses);
			comboTxt.setText('');
			LK.effects.flashObject(kickTarget, 0xff0000, 200);
			if (misses >= MAX_MISSES) {
				gameOver();
			}
		}
	}
};
game.up = function (x, y, obj) {
	isTouching = false;
	// Restore kick target
	kickTarget.destroy();
	kickTarget = LK.getAsset('kickTarget', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: HIT_ZONE_X,
		y: HIT_ZONE_Y
	});
	gamescreen.addChild(kickTarget);
};
// --- Game over ---
function gameOver() {
	gameActive = false;
	LK.effects.flashScreen(0xff0000, 800);
	LK.showGameOver();
	LK.stopMusic();
}
// --- Win condition ---
function checkWin() {
	if (score >= 5000) {
		gameActive = false;
		LK.effects.flashScreen(0x00ff00, 800);
		LK.showYouWin();
		LK.stopMusic();
	}
}
// --- Restart on game over ---
LK.on('gameover', function () {
	startGame();
});
LK.on('youwin', function () {
	startGame();
});

===================================================================
--- original.js
+++ change.js
@@ -1,12 +1,16 @@
 /**** 
 * Plugins
 ****/ 
 var tween = LK.import("@upit/tween.v1");
+var storage = LK.import("@upit/storage.v1", {
+	bpm: 100
+});
 
 /**** 
 * Classes
 ****/ 
+// default bpm 100
 // Beat marker class (moving dot)
 var BeatMarker = Container.expand(function () {
 	var self = Container.call(this);
 	var marker = self.attachAsset('beatMarker', {
@@ -83,10 +87,10 @@
 var lastTickTime = Date.now();
 var score = 0;
 var misses = 0;
 var combo = 0;
-var bpm = INITIAL_BPM;
-var beatInterval = BEAT_INTERVAL;
+var bpm = typeof storage.bpm === "number" ? storage.bpm : INITIAL_BPM;
+var beatInterval = 60 / bpm;
 var gameActive = true;
 var feedbackTimeout = null;
 // --- UI elements --- 
 // --- Gameplay Screen Container ---
@@ -418,8 +422,9 @@
 			if (newBpm !== bpm) {
 				bpm = newBpm;
 				bpmValueTxt.setText(bpm + "");
 				beatInterval = 60 / bpm;
+				storage.bpm = bpm; // persist bpm to storage
 			}
 			lastDragStep = step;
 		}
 	};