diff options
| author | James Barnett <noreply@jamesbarnett.xyz> | 2022-01-02 18:23:36 +0000 |
|---|---|---|
| committer | James Barnett <noreply@jamesbarnett.xyz> | 2022-01-02 18:23:36 +0000 |
| commit | e075667cd2dc878dd9dceb07c85719f6712bcda1 (patch) | |
| tree | 414e76418d92a39c59b1f5faf08289c0a729ddb4 /index.html | |
| parent | 7ad1b7efabea1349107669a432e6c88305f8d825 (diff) | |
| download | js-raytracer-e075667cd2dc878dd9dceb07c85719f6712bcda1.tar.xz js-raytracer-e075667cd2dc878dd9dceb07c85719f6712bcda1.zip | |
Implement multi-threaded rendering
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 16 |
1 files changed, 15 insertions, 1 deletions
@@ -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> |