diff options
Diffstat (limited to 'shader-combo.html')
| -rw-r--r-- | shader-combo.html | 22 |
1 files changed, 21 insertions, 1 deletions
diff --git a/shader-combo.html b/shader-combo.html index 0a5fcab..282e5e2 100644 --- a/shader-combo.html +++ b/shader-combo.html @@ -30,7 +30,7 @@ form { display: inline-block; } #instructions.dragging iframe { pointer-events: none; } #instructions .close { position: absolute; top: 5px; right: 5px; color: #f00; padding: 3px; border: 0;background: white; font-size: 10px; line-height: 10px; } -#frames { width: 435px; max-height: 150px; overflow: auto; border: 1px solid #ddd; line-height: 0; } +#frames { display: block; width: 404px; max-height: 150px; overflow: auto; border: 1px solid #ddd; line-height: 0; } #frames div { margin: 1px; padding: 0; position: relative; border: 1px solid #eee; cursor: -webkit-grab; } #frames canvas { display: block } #frames .remove { position: absolute; top: 5px; right: 5px; color: #f00; padding: 3px; border: 0;background: white; font-size: 10px; line-height: 10px; } @@ -112,7 +112,27 @@ form { display: inline-block; } <br> <input type="text" id="uploaded-url"> </span> + <br> + + frames <input type="text" id="framecount" value="1"> + <button id="add-frame">+add frame</button> + <select id="reorder-frames"> + <option value="">reorder</option> + <option value="weave-frames">weave</button> + <option value="shuffle-frames">shuffle</button> + <option value="reverse-frames">reverse</button> + <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> + gif delay <input type="text" id="framedelay" value="0.06s"> + background <input type="text" id="background" value="#fff"> </div> <div id="workspace"></div> |