Fixed input box size

Author: Sekqies

src/index.html

@@ -17,11 +17,12 @@
       align-items: center;
     }
     canvas {
-      width: 100vw;
-      height: 100vh;
+      width: 100vw !important;
+      height: 100vh !important;
       display: block;
       outline: none;
       touch-action: none;
+      image-rendering: pixelated;
     }
     #loading-overlay {
       position: absolute;
@@ -66,6 +67,11 @@ <h2>Loading...</h2>
 
     var Module = {
       canvas: canvas,
+      setCanvasSize: function(width, height, noRepaint) {
+    const dpr = window.devicePixelRatio || 1;
+    this.canvas.width = width * dpr;
+    this.canvas.height = height * dpr;
+  },
       onRuntimeInitialized: function() {
         document.getElementById('loading-overlay').style.display = 'none';
       }

src/interactions/interactions.cpp

@@ -94,7 +94,9 @@ EM_BOOL browser_resize_callback(int event_type, const EmscriptenUiEvent* ui_even
 
 	emscripten_set_canvas_element_size("#canvas", width * ratio, height * ratio);
 
-	glfwSetWindowSize(window, static_cast<int>(width), static_cast<int>(height));
+	int phys_width = static_cast<int>(width * ratio);
+    int phys_height = static_cast<int>(height * ratio);
+	glfwSetWindowSize(window, phys_width, phys_height);
 	return EM_TRUE;
 }
 #endif 

src/main.cpp

@@ -30,8 +30,8 @@
 
 using vec2 = glm::vec2;
 
-constexpr float WIDTH = 800.00f * 1.5f;
-constexpr float HEIGHT = 600.00f * 1.5f;
+constexpr float WIDTH = 800.00f * 2.0f;
+constexpr float HEIGHT = WIDTH * 3/4;
 
 float last_x = WIDTH / 2.0f;
 float last_y = HEIGHT / 2.0f;
@@ -116,7 +116,7 @@ void main_loop_step(AppContext* ctx) {
 	}
 
 	if (ctx->function_state->is_3d) {
-		glm::mat4 projection = glm::perspective(glm::radians(45.0f), WIDTH / HEIGHT, 0.1f, 100.0f);
+		glm::mat4 projection = glm::perspective(glm::radians(45.0f), ctx->view_state->width / ctx->view_state->height, 0.1f, 100.0f);
 		glm::mat4 view = get_view_matrix(camera_state);
 		glm::mat4 model = glm::mat4(1.0f);
 		current_shader->setMat4("projection", projection);
@@ -273,6 +273,8 @@ int main() {
 
 
 #ifdef __EMSCRIPTEN__
+	//glViewport(0, 0, (int)view_state.width, (int)view_state.height);
+	emscripten_set_canvas_element_size("#canvas", (int)view_state.width, (int)view_state.height);
 	emscripten_set_resize_callback(EMSCRIPTEN_EVENT_TARGET_WINDOW, window, EM_FALSE, browser_resize_callback);
 	EmscriptenUiEvent fake_event;
 	fake_event.windowInnerWidth = EM_ASM_INT({ return window.innerWidth; });