From e075667cd2dc878dd9dceb07c85719f6712bcda1 Mon Sep 17 00:00:00 2001
From: James Barnett <noreply@jamesbarnett.xyz>
Date: Sun, 2 Jan 2022 18:23:36 +0000
Subject: Implement multi-threaded rendering

---
 index.html | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index b084dc8..1c74f6e 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
     <div class="container grid-xl">
       <div class="columns">
         <div class="column col-xl-12">
-          <div id="output-wrapper" class="p-centered loading loading-lg">
+          <div id="output-wrapper" class="p-centered">
             <canvas id="render-output"></canvas>
           </div>
         </div>
@@ -49,6 +49,20 @@
                   <i class="form-icon"></i> Reflections
                 </label>
               </div>
+              <div class="form-group">
+                <label class="form-switch">
+                  <input id="enable-threads-toggle" type="checkbox" checked>
+                  <i class="form-icon"></i> Multi-threaded rendering
+                </label>
+              </div>
+              <div class="form-group thread-slider">
+                <label class="form-label label-sm" for="threads">Render threads</label>
+                <!-- TODO style -->
+                <div class="input-group"> 
+                  <input id="threads" class="slider" type="range" min="2" max="16" value="2" step="2">
+                  <span id="threads-value" class="input-group-addon">2</span>
+                </div>
+              </div>
               <button id="render" class="btn btn-primary">Render</button>
             </div>
           </div>
-- 
cgit v1.2.3