frame editor html

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>