diff options
| author | Jules <jules@asdf.us> | 2014-02-02 01:18:37 -0500 |
|---|---|---|
| committer | Jules <jules@asdf.us> | 2014-02-02 01:18:37 -0500 |
| commit | 76a4f773a56eaf59953f2f7ebe027d8b0a4b3ee7 (patch) | |
| tree | 054e1a7864ae3e87088f11013d311b06de7e5435 /tutorial.html | |
| parent | b601a81793ebaec5c6d05e0b6e3e14916bfc3bca (diff) | |
| parent | 4e05e159ec5a9c32366884fecbb7368a8b6f9836 (diff) | |
Merge branch 'master' of lmno:dither
Conflicts:
dist/app.css
dist/app.min.js
dist/index.html
Diffstat (limited to 'tutorial.html')
| -rw-r--r-- | tutorial.html | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/tutorial.html b/tutorial.html new file mode 100644 index 0000000..f994c2a --- /dev/null +++ b/tutorial.html @@ -0,0 +1,29 @@ +<!doctype html> +<html> +<head> +<title>tutorial</title> +<style type="text/css"> +html,body{margin:0;padding:5px 5px 5px 5px; } +article { font-family: serif; font-size: 14px; margin:0;padding:0;} +u{ color: #866; } +i{ color: #666; } +a{ color: #a39; } +</style> +</head> +<body> +<article id="pre">Shaders are little programs that draw a picture, pixel by pixel. With ShaderBlaster, use shaders on gifs and images to make new effects. + +Your basic variables are position (x, y), +time (t), and color (r, g, b, a). + +Many math functions such as <i>cos</i> and <i>sqrt</i> are available, along with functions from GLSL like <i>step</i> and <i>mix</i>. Click <b>commands</b> to see a complete list. + +Use the bar below to search <a href="http://dump.fm/">Dumpfm</a> and <a href="http://asdf.us/im/">Photoblaster</a> for images, or use your own. + +If you make a cool effect, you can render it out to a gif, or save the shader for others to use. +</article> +</body> +<script> +pre.innerHTML = pre.innerHTML.replace(/\(/g,"(<i>").replace(/\)/g,"</i>)").replace(/\n/g,"<br>") +</script> +</html> |