From ae847a5b37a9dee7db85989342fd0e4dd2df26a1 Mon Sep 17 00:00:00 2001 From: ENGO150 Date: Wed, 17 May 2023 10:43:17 +0200 Subject: [PATCH] blocking user from rotating the image to much I will make it overflow eventually --- res/script.js | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/res/script.js b/res/script.js index bf118a3..c8358f9 100644 --- a/res/script.js +++ b/res/script.js @@ -11,6 +11,7 @@ let img; //THE PANORAMA IMAGE //CURRENT IMAGE STATE let x1 = WIDTH / 2; let x2; //TODO? Unused +let turn = 0; //NEGATIVE MEANS IT IS TURNED LEFT FROM CENTER, POSITIVE IS RIGHT function load_panorama() { @@ -30,11 +31,20 @@ function load_panorama() img.src = './res/img/test.jpg'; } -function turn_left() //TODO: MOVE THE RIGHT PART TO LEFT +function turn_left() { //MOVE AN 8th TO LEFT x1 -= WIDTH * MOVE_PIECES; x2 -= WIDTH * MOVE_PIECES; + if ((Math.abs(turn) - (1/MOVE_PIECES / 2)) >= 0) + { + //ctx.drawImage(img, img.width - WIDTH * MOVE_PIECES * (Math.abs(turn) - (1/MOVE_PIECES / 2)), 0, img.width, img.height, 0, 0, WIDTH * MOVE_PIECES * (Math.abs(turn) - (1/MOVE_PIECES / 2)), WIDTH * ASPECT_RATIO); //DRAW RIGHT PART ON THE LEFT SIDE //TODO + + return; + } + ctx.drawImage(img, x1, 0, img.width - WIDTH * MOVE_PIECES, img.height, 0, 0, WIDTH, WIDTH * ASPECT_RATIO); //DRAW + + turn--; } \ No newline at end of file