Add threading for web version

Sekqies · Sekqies · commit 4266aaab0af0 · 2026-03-20T22:03:51.000-03:00
diff --git a/CMakeLists.txt b/CMakeLists.txt
@@ -5,6 +5,10 @@ project ("complex-plotter")
 set(CMAKE_CXX_STANDARD 20)
 set(CMAKE_CXX_STANDARD_REQUIRED ON)
 
+if (EMSCRIPTEN)
+	set(CMAKE_CXX_FLAGS "${CMAKE_CXX_FLAGS} -pthread")
+endif()
+
 if (MSVC)
 	set(CMAKE_MSVC_RUNTIME_LIBRARY "MultiThreaded$<$<CONFIG:Debug>:Debug>")
 endif()
diff --git a/src/CMakeLists.txt b/src/CMakeLists.txt
@@ -103,13 +103,20 @@ if(EMSCRIPTEN)
     -sALLOW_MEMORY_GROWTH=1
     -fexceptions
     -sASSERTIONS=1
-    -sEXPORTED_RUNTIME_METHODS=[ccall])
+    -sEXPORTED_RUNTIME_METHODS=[ccall]
+    -pthread
+    -sUSE_PTHREADS=1
+    -sPTHREAD_POOL_SIZE=8
+    )
     target_compile_options(complex-plotter PRIVATE "-s" "USE_GLFW=3" "-fexceptions")
     set_target_properties(complex-plotter PROPERTIES SUFFIX ".js")
     add_custom_command(TARGET complex-plotter POST_BUILD
         COMMAND ${CMAKE_COMMAND} -E copy
         "${CMAKE_CURRENT_SOURCE_DIR}/index.html"
         "${CMAKE_CURRENT_BINARY_DIR}/index.html"
+        COMMAND ${CMAKE_COMMAND} -E copy
+        "${CMAKE_CURRENT_SOURCE_DIR}/coi-serviceworker.min.js"
+        "${CMAKE_CURRENT_BINARY_DIR}/coi-serviceworker.min.js"
         COMMENT "Copying custom index.html to build directory..."
     )
 endif()
diff --git a/src/coi-serviceworker.min.js b/src/coi-serviceworker.min.js
diff --git a/src/graphics/ui.cpp b/src/graphics/ui.cpp
@@ -400,15 +400,18 @@ void render_and_update(FunctionState& state, ViewState& view_state, unsigned int
     }
     if (UI::CollapsingHeader("Arbitrary Precision Mode")) {
         ImGui::TextWrapped("Renders the current view using CPU-based arbitrary precision math. Required for extreme zoom levels.");
+#ifdef __EMSCRIPTEN__
+        ImGui::TextDisabled("This feature is best suited for the desktop version.");
+#endif
         ImGui::Spacing();
         
         static std::string ui_shift_x = "0.0";
         static std::string ui_shift_y = "0.0";
         static std::string ui_range = "4.0";
         
         if (UI::Button("Configure Deep Render")) {
-            view_state.hp_width = 700;
-            view_state.hp_height = 700;
+            view_state.hp_width = 600;
+            view_state.hp_height = 600;
             ui_range = std::to_string(view_state.range);
             ui_shift_x = std::to_string(view_state.shift.x);
             ui_shift_y = std::to_string(view_state.shift.y);
diff --git a/src/index.html b/src/index.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+  <script src="coi-serviceworker.min.js"></script>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Complex Plotter</title>
@@ -55,7 +56,7 @@
 
   <div id="loading-overlay">
     <div class="spinner"></div>
-    <h2>Loading!...</h2>
+    <h2>Loading...</h2>
   </div>
   
   <canvas id="canvas" oncontextmenu="event.preventDefault()" tabindex="-1"></canvas>
diff --git a/src/main.cpp b/src/main.cpp
@@ -53,6 +53,7 @@ unsigned int stack_tbo_buffer, stack_tbo_texture;
 unsigned int constants_tbo_buffer, constants_tbo_texture;
 
 
+
 struct AppContext {
 	GLFWwindow* window;
 	ViewState* view_state;
@@ -211,7 +212,9 @@ void main_loop_step(AppContext* ctx) {
 			glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER,GL_LINEAR);
 			glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
 		}
-		int user_thread_limit = 8;
+		int user_thread_limit = 16;
+
+		
 
 		std::fill(ctx->view_state->hp_cpu_buffer.begin(), ctx->view_state->hp_cpu_buffer.end(), 30);
 
