diff options
| author | Elizabeth Hunt <me@liz.coffee> | 2026-01-07 19:29:30 -0800 |
|---|---|---|
| committer | Elizabeth Hunt <me@liz.coffee> | 2026-01-07 19:29:30 -0800 |
| commit | 91b7598b22f89319f64054daf42c950de3eb6451 (patch) | |
| tree | b337ad01c75e7ee88f287eda05522e72dd9a8dd5 /src/toys/julia/index.html | |
| parent | 49012297ea792a69501b74d8d83bd4be44d177da (diff) | |
| download | lizdotcoffee-91b7598b22f89319f64054daf42c950de3eb6451.tar.gz lizdotcoffee-91b7598b22f89319f64054daf42c950de3eb6451.zip | |
Adding some of my favorite toys
Diffstat (limited to 'src/toys/julia/index.html')
| -rw-r--r-- | src/toys/julia/index.html | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/src/toys/julia/index.html b/src/toys/julia/index.html new file mode 100644 index 0000000..5b4c90d --- /dev/null +++ b/src/toys/julia/index.html @@ -0,0 +1,51 @@ +<!DOCTYPE html> + +<html> + <head> + <style> + body { + height: 100vh; + width: 100vw; + margin: 0; + } + .bottomRight { + padding: 12px; + position: fixed; + bottom: 0; + right: 0; + background-color: rgba(255,255,255,0.5); + border: 1px solid white; + border-radius: 8px; + margin-right: 6px; + margin-bottom: 6px; + } + .verticalSlider + { + writing-mode: bt-lr; /* IE */ + -webkit-appearance: slider-vertical; /* Chromium */ + width: 8px; + padding: 0 5px; + } + </style> + </head> + <body> + <div id="canvasHolder"> + + </div> + <div class="bottomRight"> + <input orient="vertical" type="range" min="-1000" max="1000" value="0" id="imaginarySlider" class="verticalSlider"> + <input type="range" min="-1000" max="1000" value="0" id="realSlider"> + <br> + imaginary: <input id="imag-val" size="10" type="number" step="0.001"></input> + <button id="animate-imag" onclick="startAnim('animate-imag', 'ci')">Animate</button> + <br> + real: <input id="real-val" size="10" type="number" step="0.001"></input> + <button id="animate-real" onclick="startAnim('animate-real', 'cr')">Animate</button> + <br> + powered by <a href="https://github.com/gpujs/gpu.js">gpu.js</a> + </div> + + <script src="gpu-browser.js"></script> + <script src="julia.js"></script> + </body> +</html> |