prepend

1 files changed, 13 insertions, 9 deletions

diff --git a/shader-api.html b/shader-api.html
index 0f7ca67..5225060 100644
--- a/shader-api.html
+++ b/shader-api.html
@@ -94,6 +94,8 @@ a { color: #00f; }
 var cc = cq(0,0).appendTo("#workspace")
 var w, h
 var firsttime = true
+var shader_gallery_template = $("#shader-gallery-template").html()
+
 
 $(init)
 
@@ -142,17 +144,9 @@ function init(){
 }
 function load_shaders(err, shaders){
 	var $el = $("#shader-gallery").empty()
-	var template = $("#shader-gallery-template").html()
 
 	for (var i in shaders) {
-		var $shader = $("<div>").addClass("shader")
-		$shader.data("shader", shaders[i])
-		var html = template
-		for (var field in shaders[i]) {
-			html = html.replace("{" + field + "}", shaders[i][field])
-		}
-		$shader.html(html)
-
+		var $shader = display_shader(shaders[i])
 		$el.append( $shader )
 	}
 	if (firsttime) {
@@ -160,6 +154,16 @@ function load_shaders(err, shaders){
 		run(shaders[0])
 	}
 }
+function display_shader(shader_object){
+	var $shader = $("<div>").addClass("shader")
+	$shader.data("shader", shader_object)
+	var html = shader_gallery_template
+	for (var field in shader_object) {
+		html = html.replace("{" + field + "}", shader_object[field])
+	}
+	$shader.html(html)
+	return $shader;
+}
 function run(shader_object){
 	console.log(shader_object)
 	shader_id_root = shader_object.shader_id