From 940de78d9e38dc518f0b1d67a98f328bdb1547a9 Mon Sep 17 00:00:00 2001
From: gbrochar <gaetanbrochard@protonmail.com>
Date: Fri, 27 Nov 2020 14:06:59 +0100
Subject: [PATCH] add circlesize again

---
 src/client/matrix.ts | 8 ++++++++
 views/index.ejs      | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/client/matrix.ts b/src/client/matrix.ts
index 6cd3af6..6b658d5 100644
--- a/src/client/matrix.ts
+++ b/src/client/matrix.ts
@@ -58,6 +58,14 @@ export function initMatrices(gl: any, params: any) {
 		mat4.rotateY(normalModelMatrixTemplate,
 			normalModelMatrixTemplate,
 			params.squareRotation);
+		mat4.translate(
+			viewMatrix,
+			viewMatrix,
+			[
+				params.circleSize * Math.cos(params.squareRotation),
+				params.circleSize * Math.sin(params.squareRotation),
+				0,
+			]);
 		if (i % 3 == 1) {
 			addx = Math.floor(i / 9 + 1) * params.range * 1.5;
 		} else if (i % 3 == 2) {
diff --git a/views/index.ejs b/views/index.ejs
index ce4060a..02a9ee8 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -35,7 +35,7 @@
 				</div>
 				<div class='ui-block'>
 					<div style='display: inline;'>Change circle size: </div>
-					<input type="range" min="0" max="50" value="2" class="slider" id="circlesize">
+					<input type="range" min="0" max="5" value="0.5" step='0.001' class="slider" id="circlesize">
 				</div>
 				<div class='ui-block'>
 					<div style='display: inline;'>Change fov: </div>