diff options
| author | Jules Laplace <jules@okfoc.us> | 2015-05-05 01:43:14 -0400 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2015-05-05 01:43:14 -0400 |
| commit | f55034ec625400fde922f81d03d950694c78507c (patch) | |
| tree | 0a7069f40877d7b8c1b73b53febca6b04f01b0d0 | |
| parent | fbd3a309bac74fa5b7384f536590f1f2a9d69f72 (diff) | |
rejig webcam
| -rw-r--r-- | img/gray-dither.gif | bin | 0 -> 1102 bytes | |||
| -rw-r--r-- | webcam.html | 18 |
2 files changed, 9 insertions, 9 deletions
diff --git a/img/gray-dither.gif b/img/gray-dither.gif Binary files differnew file mode 100644 index 0000000..8809b7a --- /dev/null +++ b/img/gray-dither.gif diff --git a/webcam.html b/webcam.html index bf528d2..dcd5939 100644 --- a/webcam.html +++ b/webcam.html @@ -1,12 +1,13 @@ <style> +#controls { width: 220px; float: left; } label { min-width: 70px; display: inline-block; } +#text_style { width: 100px; } </style> <body> - <div> - <input type="text" id="url_el" placeholder="enter a url"> + <div id="controls"> + <label></label> <span id="width_span"></span>x<span id="height_span"></span> <br> <label for="width_el">width</label> <input type="range" min="1" max="120" value="40" id="width_el"> - <span id="width_span"></span>x<span id="height_span"></span> <br> <label for="ratio_el">ratio</label> <input type="range" min="0.0" max="8" value="2" step="0.005" id="ratio_el"><br> <label for="hue_el">hue</label> <input type="range" min="-1" max="1" value="0" step="0.005" id="hue_el"><br> @@ -28,17 +29,16 @@ label { min-width: 70px; display: inline-block; } <label></label> <input type="checkbox" checked id="nn_el"> <label for="nn_el" style="padding-top: 7px;">nearest neighbor</label> <br> <br> + <input type="text" id="text_style"> + <button id="save_el">SAVE</button> + <button id="timer_el">TIMER</button> </div> <div id="image_style"></div> - <br> - <input type="text" id="text_style"> - <button id="save_el">SAVE</button> - <button id="timer_el">TIMER</button> </body> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> -<script src="/dither/js/color.js"></script> -<script src="/dither/js/util.js"></script> +<script src="http://asdf.us/dither/js/color.js"></script> +<script src="http://asdf.us/dither/js/util.js"></script> <script src="js/color_code.js"></script> <script> var width = parseInt( width_span.innerHTML = width_el.value ) |
