Shader

From 08333b714e73034ca9098692950051d5d9d78220 Mon Sep 17 00:00:00 2001 From: jules Date: Tue, 21 Jan 2014 13:51:57 -0500 Subject: split off shader localstorage version --- shader-localstorage.html | 211 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 211 insertions(+) create mode 100644 shader-localstorage.html (limited to 'shader-localstorage.html') diff --git a/shader-localstorage.html b/shader-localstorage.html new file mode 100644 index 0000000..cc4bd18 --- /dev/null +++ b/shader-localstorage.html @@ -0,0 +1,211 @@ + + + +Shader + + + +

+ + + +

+ +

+ + +
+
+ + +
+
+ + frames + interval + + + +
+ reorder: + + + + + +

+
+
+ + gif delay + background + your name here → +
+
+ + + + + + +
+
+ Photoblaster Gallery +

+ +

+ + + + + + +
+ +

+ +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + -- cgit v1.2.3-70-g09d2 From b1aab59987e2f6aecf904d32ba092b509e72e9d3 Mon Sep 17 00:00:00 2001 From: jules Date: Tue, 21 Jan 2014 15:31:31 -0500 Subject: call it local_shaders --- js/api/localstorage.js | 94 ++++++++++++++++++++++++------------------------ shader-localstorage.html | 4 +-- shader-picker.html | 4 +-- 3 files changed, 51 insertions(+), 51 deletions(-) (limited to 'shader-localstorage.html') diff --git a/js/api/localstorage.js b/js/api/localstorage.js index 0ec7cad..eeae658 100644 --- a/js/api/localstorage.js +++ b/js/api/localstorage.js @@ -1,106 +1,106 @@ -user.shaders = new function(){} -user.shaders.init = function(){ - user.shaders.bind() +local_shaders = new function(){} +local_shaders.init = function(){ + local_shaders.bind() } -user.shaders.bind = function(){ - user.shaders.buttons = {} +local_shaders.bind = function(){ + local_shaders.buttons = {} if ('SHADERS' in window) { - user.shaders.bindButtons( window.SHADERS ) + local_shaders.bindButtons( window.SHADERS ) } - user.shaders.bindButtons( user.shaders.getShaders() ) - document.getElementById("add-shader").addEventListener("click", user.shaders.save, false) - document.getElementById("remove-shader").addEventListener("click", user.shaders.remove, false) + local_shaders.bindButtons( local_shaders.getShaders() ) + document.getElementById("add-shader").addEventListener("click", local_shaders.save, false) + document.getElementById("remove-shader").addEventListener("click", local_shaders.remove, false) } -user.shaders.bindButtons = function(shaders){ +local_shaders.bindButtons = function(shaders){ for (var i = 0; i < shaders.length; i++){ - user.shaders.bindButton(shaders[i]) + local_shaders.bindButton(shaders[i]) } } -user.shaders.bindButton = function(data){ +local_shaders.bindButton = function(data){ // console.log("button >> " + data.name) var button = document.createElement("button") button.innerHTML = data.name - button.addEventListener("click", user.shaders.load.bind(this, data), false) + button.addEventListener("click", local_shaders.load.bind(this, data), false) document.getElementById("shaders").appendChild(button) - user.shaders.buttons[data.name] = button + local_shaders.buttons[data.name] = button } -user.shaders.load = function(data){ +local_shaders.load = function(data){ var shader = data.shader if (shader && shader.length > 0) { - user.shaders.name = data.name + local_shaders.name = data.name $("#shader").val(shader) // pause here? shader_build() $(".active").removeClass("active") - $(user.shaders.buttons[data.name]).addClass("active") - user.shaders.setLastAccessed(data.name) + $(local_shaders.buttons[data.name]).addClass("active") + local_shaders.setLastAccessed(data.name) } } -user.shaders.loadLastAccessed = function(){ +local_shaders.loadLastAccessed = function(){ var name = localStorage.getItem("im.lastShader") || "colorcycle" - if (name in user.shaders.buttons) { - $(user.shaders.buttons[name]).trigger("click") + if (name in local_shaders.buttons) { + $(local_shaders.buttons[name]).trigger("click") } } -user.shaders.setLastAccessed = function(name){ +local_shaders.setLastAccessed = function(name){ localStorage.setItem("im.lastShader", name) } -user.shaders.getShaderByName = function(name){ - return { name: name, shader: user.shaders.getShaderBody(name) } +local_shaders.getShaderByName = function(name){ + return { name: name, shader: local_shaders.getShaderBody(name) } } -user.shaders.getShaderIndex = function(){ +local_shaders.getShaderIndex = function(){ return JSON.parse( localStorage.getItem("im.shaders") ) || [] } -user.shaders.getShaderBody = function(name){ +local_shaders.getShaderBody = function(name){ return localStorage.getItem("im.shaders."+name) || null } -user.shaders.getShaders = function(){ - var shaders = user.shaders.getShaderIndex() - return shaders.map(function(name){ return { name: name, shader: user.shaders.getShaderBody(name) } }) +local_shaders.getShaders = function(){ + var shaders = local_shaders.getShaderIndex() + return shaders.map(function(name){ return { name: name, shader: local_shaders.getShaderBody(name) } }) } -user.shaders.setShaderIndex = function(shaders){ +local_shaders.setShaderIndex = function(shaders){ localStorage.setItem("im.shaders", JSON.stringify(shaders)) } -user.shaders.setShader = function(name, shader){ +local_shaders.setShader = function(name, shader){ if (! name.length || ! shader.length || !name.length || !shader.length) return localStorage.setItem("im.shaders." + name, shader) } -user.shaders.removeShader = function(name){ +local_shaders.removeShader = function(name){ localStorage.removeItem("im.shaders." + name) } -user.shaders.save = function(){ +local_shaders.save = function(){ var name = prompt("enter shader name") var shader = $("#shader").val() if (! name) return; if (shade !== shade_no_error_handling) return; - user.shaders.setShader(name, shader) + local_shaders.setShader(name, shader) - var shaders = user.shaders.getShaderIndex() + var shaders = local_shaders.getShaderIndex() shaders.push(name) - user.shaders.setShaderIndex(shaders) + local_shaders.setShaderIndex(shaders) - user.shaders.name = name - user.shaders.bindButton({ name: name, shader: shader }) + local_shaders.name = name + local_shaders.bindButton({ name: name, shader: shader }) $(".active").removeClass("active") - $(user.shaders.buttons[name]).addClass("active") - user.shaders.setLastAccessed(name) + $(local_shaders.buttons[name]).addClass("active") + local_shaders.setLastAccessed(name) } -user.shaders.remove = function(){ - var name = user.shaders.name +local_shaders.remove = function(){ + var name = local_shaders.name if (! name || ! name.length) return - var shaders = user.shaders.getShaderIndex() + var shaders = local_shaders.getShaderIndex() if (shaders.splice( shaders.indexOf(name), 1 )) { - user.shaders.setShaderIndex(shaders) - user.shaders.removeShader(name) - $(user.shaders.buttons[name]).remove() - user.shaders.name = "" + local_shaders.setShaderIndex(shaders) + local_shaders.removeShader(name) + $(local_shaders.buttons[name]).remove() + local_shaders.name = "" } } diff --git a/shader-localstorage.html b/shader-localstorage.html index cc4bd18..923f1b6 100644 --- a/shader-localstorage.html +++ b/shader-localstorage.html @@ -191,8 +191,8 @@ function init(){ console.log("signed in as", user.username) } - user.shaders.init() - user.shaders.loadLastAccessed() + local_shaders.init() + local_shaders.loadLastAccessed() document.getElementById('shader').addEventListener('input', shader_build); shader_build() diff --git a/shader-picker.html b/shader-picker.html index cc4bd18..923f1b6 100644 --- a/shader-picker.html +++ b/shader-picker.html @@ -191,8 +191,8 @@ function init(){ console.log("signed in as", user.username) } - user.shaders.init() - user.shaders.loadLastAccessed() + local_shaders.init() + local_shaders.loadLastAccessed() document.getElementById('shader').addEventListener('input', shader_build); shader_build() -- cgit v1.2.3-70-g09d2