diff options
Diffstat (limited to 'shader-combo.html')
| -rw-r--r-- | shader-combo.html | 32 |
1 files changed, 18 insertions, 14 deletions
diff --git a/shader-combo.html b/shader-combo.html index 3c28b54..f51037b 100644 --- a/shader-combo.html +++ b/shader-combo.html @@ -2,7 +2,7 @@ <html> <head> <style type="text/css"> -body { background: #f8f8f8; } +body { background: #f8f8f8; font-size: 14px } #url { width: 250px; } #width,#height,#framecount,#framedelay,#frameinterval,#background { width: 30px; text-align: right; } #background { text-align: left; } @@ -47,8 +47,10 @@ form { display: inline-block; } #rendered { display: none; } .status { font-size: 12px; } -#header .status { float: right; margin-top: 5px; margin-right: 5px;} .toggle-off { float: right; } + +#render,#save,#upload,#save-shader { font-weight: bold; } +#save[disabled],#upload[disabled] { font-weight: normal; } </style> </head> <body> @@ -99,23 +101,20 @@ form { display: inline-block; } <textarea id="shader"></textarea> <br> - <button id="save-shader"><b>save shader</b></button> - <button id="pause">pause</button> + <button id="render">render gif</button> + <button id="save" disabled>save gif</button> + <button id="upload" disabled>upload gif</button> <button id="reset">reset</button> + <br> + <button id="save-shader">save shader</button> <input type="text" id="width" placeholder="width" value="0"> <input type="text" id="height" placeholder="height" value="0"> <span class="status"></span> <!--<button id="step-forward">>></button>--> <br> - <span id="rendered"> - <button id="save" disabled>save image</button> - <button id="upload" disabled>upload</button> - <br> - <input type="text" id="uploaded-url"> - </span> - <br> - - frames <input type="text" id="framecount" value="1"> + <br> + + frames <input type="text" id="framecount" value="10"> <button id="add-frame">+add frame</button> <select id="reorder-frames"> <option value="">reorder</option> @@ -125,15 +124,20 @@ form { display: inline-block; } <option value="sort-frames">sort</button> </select> <button id="remove-all-frames">clear</button> - <button id="render" disabled>render</button> <br> <span id="frames"></span> <br> <br> + <button id="pause">pause</button> gif delay <input type="text" id="framedelay" value="0.06s"> background <input type="text" id="background" value="#fff"> + + <input type="text" id="uploaded-url"> + <span id="rendered"> + </span> + <br> </div> <div id="workspace"></div> |