diff options
| author | jules <jules@okfoc.us> | 2014-02-02 00:54:39 -0500 |
|---|---|---|
| committer | jules <jules@okfoc.us> | 2014-02-02 00:54:39 -0500 |
| commit | e8c4db53f205c9407d8b208657a9f62cbee47b07 (patch) | |
| tree | dc80b9dc1169c882eb8dce794a58104dae4cfb4a /tutorial.html | |
| parent | 29fea9f5478168457d276bcaea5bed5cba32ce31 (diff) | |
tutorial
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..84d4ca0 --- /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; } +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"><u>About ShaderBlaster</u> +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. + +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> |