nicer loading logic

1 files changed, 6 insertions, 5 deletions

diff --git a/js/frames.js b/js/frames.js
index 1d08807..887b497 100644
--- a/js/frames.js
+++ b/js/frames.js
@@ -54,7 +54,6 @@ function add_single_frame(){
   frame.canvas.style.display = "none"
   var thumb = cc.clone().resize(frame_thumb_size,frame_thumb_size).appendTo($el.find(".frame")[0])
   $("#frames").append($el)
-  $("#render").enable()
 }
 function add_frames(frame_count){
   rendering = true
@@ -71,9 +70,6 @@ function add_frames(frame_count){
 }
 function remove_frame(){
   $(this).closest("div").remove()
-  if ($("#frames div").length == 0) {
-    $("#render").disable()
-  }
 }
 function remove_all_frames(){
   $("#frames").empty()
@@ -102,6 +98,11 @@ function sort_frames(){
 function render (){
   if (rendering) return
   rendering = true
+  
+  if ($("#frames canvas.fullsize").length == 0) {
+  	add_frame()
+  }
+  
   encoder.reset()
   var delay = $("#framedelay").float() * 1000 || 100
   $("#frames canvas.fullsize").each(function(){
@@ -149,7 +150,7 @@ encoder.on("rendered-url", function(url){
   $("#uploaded-url").hide().val("")
   $("#save,#upload,#rendered").show()
   $("#pause,#render,#add-frame,#save,#upload").enable()
-  $("#render").html("render")
+  $("#render").html("render gif")
   rendering = false
   pause(true)
 })