diff options
| author | Jules <jules@asdf.us> | 2014-02-07 10:21:11 -0500 |
|---|---|---|
| committer | Jules <jules@asdf.us> | 2014-02-07 10:21:11 -0500 |
| commit | f17fca66f25c1b8ad2f572d803473fbeab915d1e (patch) | |
| tree | 00d042adca452f0a0422008d4a93093abd797303 | |
| parent | f8b8dd6b8fe71b7689aad873fb8f8b82d6f46b67 (diff) | |
actual index on /dither .. fix shader-animate
| -rw-r--r-- | index.html | 67 | ||||
| -rw-r--r-- | shader-animate.html | 1 |
2 files changed, 18 insertions, 50 deletions
@@ -5,57 +5,24 @@ </head> <body> <div> -<button id="random">random</button> -<button id="pattern2">pattern2</button> -<button id="pattern3">pattern3</button> -<button id="pattern4">pattern4</button> -<button id="pattern2Lite">pattern2lite</button> -<button id="pattern3Lite">pattern3lite</button> -<button id="pattern4Lite">pattern4lite</button> -<button id="floydSteinberg">floyd-steinberg</button> -<button id="right">right</button> +<h1>dither</h1> +<a target="_blank" href="dither-picker.html"><button>dither-picker</button></a> +... +<a target="_blank" href="threshold.html"><button>threshold</button></a> +<a target="_blank" href="pattern.html"><button>pattern</button></a> +<a target="_blank" href="halftone.html"><button>halftone</button></a> + +<h1>shader</h1> +<a target="_blank" href="shader-combo.html"><button>shader-combo</button></a> +... +<a target="_blank" href="shader-demo.html"><button>shader-demo</button></a> +<a target="_blank" href="shader-api.html"><button>shader-api</button></a> +<a target="_blank" href="shader-animate.html"><button>shader-animate</button></a> +<a target="_blank" href="shader-gif.html"><button>shader-gif</button></a> +<a target="_blank" href="shader-picker.html"><button>shader-picker</button></a> +<!--<a target="_blank" href="shader-localstorage.html"><button>shader-localstorage</button></a>--> </div> -<div id="images"></div> + </body> -<script type="text/javascript" src="js/vendor/canvasquery.js"></script> -<script type="text/javascript" src="js/canvasquery.dither.js"></script> -<script type="text/javascript"> -var algo = 'random'; -var urls = ["img/abyss.png","img/building.png","img/gradient.jpg"] -var imgs = [] -var complete = 0 -urls.forEach(function(src){ - var img = new Image () - img.onload = ready - img.src = src - imgs.push(img) - if (img.complete) ready() -}) -function ready(){ - complete += 1 - if (complete < imgs.length) return; - var buttons = document.getElementsByTagName("button") - for (var i = 0; i < buttons.length; i++) { - (function(n){ - buttons[n].onclick = function(){ - algo = buttons[n].id; - build() - } - })(i) - } - build() -} -function build(){ - document.getElementById("images").innerHTML = "" - imgs.forEach(dither) -} -function dither(img){ - var w = img.naturalWidth, h = img.naturalHeight; - var cc = cq(w, h) - cc.drawImage(img, 0, 0, w, h); - cc[algo + "Dither"]( ) - cc.appendTo("#images") -} -</script> </html> diff --git a/shader-animate.html b/shader-animate.html index 6591d6d..e63a728 100644 --- a/shader-animate.html +++ b/shader-animate.html @@ -62,6 +62,7 @@ function run(el){ $("#shader").html(s) shader_build() } +function status(s){$("#status").html(s)} </script> <script type="text/javascript-shader" id="first"> |