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

/**** 
* Classes
****/ 
// Board class (for classroom board)
var Board = Container.expand(function () {
	var self = Container.call(this);
	var boardAsset = self.attachAsset('board', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	boardAsset.width = 500;
	boardAsset.height = 500;
	boardAsset.color = 0x2d5c3a; // green board
	return self;
});
// Desk class (with hitbox)
var Desk = Container.expand(function () {
	var self = Container.call(this);
	// Attach a box asset for the desk
	var deskAsset = self.attachAsset('desk', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	deskAsset.width = 220;
	deskAsset.height = 120;
	deskAsset.color = 0xc2b280; // light brown
	// For hitbox, just use the desk's bounds (self.intersects works)
	return self;
});
// Nerd class
var Nerd = Container.expand(function () {
	var self = Container.call(this);
	// Attach nerd asset (green ellipse)
	var nerdAsset = self.attachAsset('nerd', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	nerdAsset.width = 180;
	nerdAsset.height = 180;
	nerdAsset.color = 0x6be445; // green
	nerdAsset.shape = 'ellipse';
	// Move nerd to a random position in the classroom (with padding)
	self.moveToRandom = function () {
		var pad = 180;
		var nx = pad + Math.random() * (2048 - 2 * pad);
		var ny = 400 + Math.random() * (2732 - 800);
		tween(self, {
			x: nx,
			y: ny
		}, {
			duration: 900 + Math.random() * 800,
			easing: tween.easeInOut
		});
	};
	return self;
});
// Student (Player) class
var Student = Container.expand(function () {
	var self = Container.call(this);
	// Attach student asset (blue box)
	var studentAsset = self.attachAsset('student', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Set color and size (make bigger)
	studentAsset.width = 180;
	studentAsset.height = 180;
	studentAsset.color = 0x3a8ee6; // blue
	// For possible future use
	self.radius = 90;
	return self;
});
// Teacher class
var Teacher = Container.expand(function () {
	var self = Container.call(this);
	// Attach teacher asset (red rectangle)
	var teacherAsset = self.attachAsset('teacher', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	teacherAsset.width = 240;
	teacherAsset.height = 240;
	teacherAsset.color = 0xe64b3a; // red
	// For patrol direction
	self.targetX = 0;
	self.targetY = 0;
	self.speed = 8 + Math.random() * 4;
	// Move teacher to a random position in the classroom (with padding)
	self.moveToRandom = function () {
		var pad = 180;
		self.targetX = pad + Math.random() * (2048 - 2 * pad);
		self.targetY = 400 + Math.random() * (2732 - 800);
		self.speed = 8 + Math.random() * 4;
	};
	// Teacher patrol update
	self.update = function () {
		var dx = self.targetX - self.x;
		var dy = self.targetY - self.y;
		var dist = Math.sqrt(dx * dx + dy * dy);
		if (dist < 10) {
			self.moveToRandom();
		} else {
			self.x += dx / dist * self.speed;
			self.y += dy / dist * self.speed;
		}
	};
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0xf7e7c1 // light classroom color
});

/**** 
* Game Code
****/ 
// --- Game variables --- 
var student = new Student();
var nerd = new Nerd();
var teacher = new Teacher();
var dragNode = null;
var lastCopying = false;
var copyingTimer = 0;
var copyScore = 0;
var scoreTxt = null;
var lastTeacherCaught = false;
var copyDistance = 180; // px, how close to nerd to copy
var teacherCatchDistance = 220; // px, how close to teacher to get caught
var teacherFOV = Math.PI / 2; // 90 degree field of view
var teacherVisionDistance = 500; // px, how far teacher can "see"
var nerdMoveTimer = 0;
// --- Classroom environment ---
// Board at the front
var board = new Board();
board.x = 2048 / 2;
board.y = 250;
game.addChild(board);
// Arrange desks in a grid (4 columns x 4 rows)
var desks = [];
var deskRows = 4;
var deskCols = 4;
var deskSpacingX = 400;
var deskSpacingY = 320;
var deskStartX = 384;
var deskStartY = 600;
for (var row = 0; row < deskRows; row++) {
	for (var col = 0; col < deskCols; col++) {
		var desk = new Desk();
		desk.x = deskStartX + col * deskSpacingX;
		desk.y = deskStartY + row * deskSpacingY;
		desks.push(desk);
		game.addChild(desk);
	}
}
// --- Add elements to game ---
game.addChild(nerd);
game.addChild(student);
game.addChild(teacher);
// Add 3 more static students (cannot be copied from), randomizing their desk row/col each round
var otherStudents = [];
function shuffleArray(arr) {
	for (var i = arr.length - 1; i > 0; i--) {
		var j = Math.floor(Math.random() * (i + 1));
		var temp = arr[i];
		arr[i] = arr[j];
		arr[j] = temp;
	}
}
function assignOtherStudentsToDesks() {
	// Remove previous students from game if any
	for (var i = 0; i < otherStudents.length; i++) {
		if (otherStudents[i].parent) {
			otherStudents[i].parent.removeChild(otherStudents[i]);
		}
	}
	otherStudents = [];
	// Get all desk indices, shuffle, pick 3
	var deskIndices = [];
	for (var i = 0; i < desks.length; i++) deskIndices.push(i);
	shuffleArray(deskIndices);
	for (var i = 0; i < 3; i++) {
		var deskIdx = deskIndices[i];
		var s = new Student();
		// Place student at desk center
		s.x = desks[deskIdx].x;
		s.y = desks[deskIdx].y;
		// Make them visually distinct (lighter color)
		s.children[0].color = 0x7ee6c6;
		otherStudents.push(s);
		game.addChild(s);
	}
}
// Initial assignment
assignOtherStudentsToDesks();
// Initial positions
student.x = 2048 / 2;
student.y = 2732 - 400;
nerd.x = 2048 / 2;
nerd.y = 900;
teacher.x = 2048 / 2;
teacher.y = 400;
teacher.moveToRandom();
nerd.moveToRandom();
// --- Score display ---
scoreTxt = new Text2('0', {
	size: 120,
	fill: 0x222222
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// --- Helper functions ---
// Distance between two objects
function dist(a, b) {
	var dx = a.x - b.x;
	var dy = a.y - b.y;
	return Math.sqrt(dx * dx + dy * dy);
}
// Angle from teacher to student
function angleTo(a, b) {
	return Math.atan2(b.y - a.y, b.x - a.x);
}
// Is student in teacher's field of view and close enough?
function teacherCanSeeStudent() {
	var d = dist(teacher, student);
	if (d > teacherVisionDistance) return false;
	// Teacher "looks" toward their movement direction (target)
	var teacherDir = Math.atan2(teacher.targetY - teacher.y, teacher.targetX - teacher.x);
	var angleToStu = angleTo(teacher, student);
	var diff = Math.abs(teacherDir - angleToStu);
	if (diff > Math.PI) diff = 2 * Math.PI - diff;
	return diff < teacherFOV / 2;
}
// --- Dragging logic ---
function handleMove(x, y, obj) {
	if (dragNode) {
		// Clamp to classroom area (avoid top menu)
		var pad = 100;
		var minY = 400;
		var maxY = 2732 - pad;
		var minX = pad;
		var maxX = 2048 - pad;
		var newX = Math.max(minX, Math.min(maxX, x));
		var newY = Math.max(minY, Math.min(maxY, y));
		// Temporarily move student to new position to check for desk collision
		var prevX = dragNode.x;
		var prevY = dragNode.y;
		dragNode.x = newX;
		dragNode.y = newY;
		var blocked = false;
		for (var i = 0; i < desks.length; i++) {
			if (dragNode.intersects(desks[i])) {
				blocked = true;
				break;
			}
		}
		if (blocked) {
			// If blocked, revert to previous position
			dragNode.x = prevX;
			dragNode.y = prevY;
		} else {
			// Otherwise, keep new position
			// (already set above)
		}
	}
}
game.move = handleMove;
game.down = function (x, y, obj) {
	// Only allow drag if not caught
	if (!lastTeacherCaught) {
		dragNode = student;
		handleMove(x, y, obj);
	}
};
game.up = function (x, y, obj) {
	dragNode = null;
};
// --- Main game update ---
// --- Teacher FOV View Asset ---
// Use a triangle shape for the FOV cone
if (!teacher.fovView) {
	// Only create once
	var fovRadius = teacherVisionDistance;
	var fovAngle = teacherFOV;
	// Use a triangle asset for the FOV cone
	// The triangle asset is assumed to be an isosceles triangle pointing right, with base at left, tip at right
	// We'll scale it to match the FOV angle and vision distance
	// Default triangle asset is 100x100, base at (0,0)-(0,100), tip at (100,50)
	var fovAsset = LK.getAsset('triangle', {
		anchorX: 0,
		anchorY: 0.5,
		scaleX: teacherVisionDistance / 100,
		scaleY: Math.tan(teacherFOV / 2),
		x: 0,
		y: 0
	});
	fovAsset.alpha = 0.18; // transparent
	fovAsset.tint = 0xff0000;
	teacher.fovView = fovAsset;
	teacher.addChild(fovAsset);
}
// Update FOV cone position, scale, and rotation every frame
var fovRadius = teacherVisionDistance;
var fovAngle = teacherFOV;
teacher.fovView.scaleX = fovRadius / 100;
teacher.fovView.scaleY = Math.tan(fovAngle / 2);
// Point FOV cone in teacher's facing direction
var teacherDir = Math.atan2(teacher.targetY - teacher.y, teacher.targetX - teacher.x);
teacher.fovView.rotation = teacherDir;
// Place at teacher's center
teacher.fovView.x = 0;
teacher.fovView.y = 0;
game.update = function () {
	// Move nerd occasionally
	nerdMoveTimer++;
	if (nerdMoveTimer > 90 + Math.random() * 60) {
		nerd.moveToRandom();
		nerdMoveTimer = 0;
		// Re-randomize other students' desk positions each round
		assignOtherStudentsToDesks();
	}
	// Teacher patrol
	teacher.update();
	// --- Copying logic ---
	var copying = false;
	if (dist(student, nerd) < copyDistance) {
		copying = true;
	}
	// If copying, increment timer and score
	if (copying) {
		copyingTimer++;
		if (copyingTimer % 30 === 0) {
			// every 0.5s
			copyScore++;
			scoreTxt.setText(copyScore);
			// Win condition
			if (copyScore >= 30) {
				LK.showYouWin();
			}
		}
		// Visual feedback: flash nerd green
		if (!lastCopying) {
			LK.effects.flashObject(nerd, 0x00ff00, 400);
		}
	}
	lastCopying = copying;
	// --- Teacher detection logic ---
	var teacherCaught = false;
	// If student is copying and teacher can see and is close enough
	// Also: check if student is inside the FOV cone (distance and angle)
	if (copying && teacherCanSeeStudent() && dist(teacher, student) < teacherCatchDistance) {
		teacherCaught = true;
	} else if (copying) {
		// Manual FOV cone check (redundant with teacherCanSeeStudent, but explicit for clarity)
		var d = dist(teacher, student);
		if (d < teacherVisionDistance) {
			var teacherDir = Math.atan2(teacher.targetY - teacher.y, teacher.targetX - teacher.x);
			var angleToStu = angleTo(teacher, student);
			var diff = Math.abs(teacherDir - angleToStu);
			if (diff > Math.PI) diff = 2 * Math.PI - diff;
			if (diff < teacherFOV / 2 && d < teacherCatchDistance) {
				teacherCaught = true;
			}
		}
	}
	if (teacherCaught && !lastTeacherCaught) {
		// Flash screen red
		LK.effects.flashScreen(0xff0000, 1000);
		LK.showGameOver();
	}
	lastTeacherCaught = teacherCaught;
};

===================================================================
--- original.js
+++ change.js
@@ -283,19 +283,22 @@
 	dragNode = null;
 };
 // --- Main game update ---
 // --- Teacher FOV View Asset ---
+// Use a triangle shape for the FOV cone
 if (!teacher.fovView) {
 	// Only create once
 	var fovRadius = teacherVisionDistance;
 	var fovAngle = teacherFOV;
-	// Use a red ellipse as the FOV cone, scale and rotate as needed
-	var fovAsset = LK.getAsset('centerCircle', {
+	// Use a triangle asset for the FOV cone
+	// The triangle asset is assumed to be an isosceles triangle pointing right, with base at left, tip at right
+	// We'll scale it to match the FOV angle and vision distance
+	// Default triangle asset is 100x100, base at (0,0)-(0,100), tip at (100,50)
+	var fovAsset = LK.getAsset('triangle', {
 		anchorX: 0,
 		anchorY: 0.5,
-		scaleX: fovRadius / 50,
-		// 50 is default radius of centerCircle
-		scaleY: fovRadius * Math.tan(fovAngle / 2) / 50,
+		scaleX: teacherVisionDistance / 100,
+		scaleY: Math.tan(teacherFOV / 2),
 		x: 0,
 		y: 0
 	});
 	fovAsset.alpha = 0.18; // transparent
@@ -305,10 +308,10 @@
 }
 // Update FOV cone position, scale, and rotation every frame
 var fovRadius = teacherVisionDistance;
 var fovAngle = teacherFOV;
-teacher.fovView.scaleX = fovRadius / 50;
-teacher.fovView.scaleY = fovRadius * Math.tan(fovAngle / 2) / 50;
+teacher.fovView.scaleX = fovRadius / 100;
+teacher.fovView.scaleY = Math.tan(fovAngle / 2);
 // Point FOV cone in teacher's facing direction
 var teacherDir = Math.atan2(teacher.targetY - teacher.y, teacher.targetX - teacher.x);
 teacher.fovView.rotation = teacherDir;
 // Place at teacher's center