Add missing readme

Author: Abe Pazos

readme.md

@@ -45,7 +45,7 @@ My current tools include [OPENRNDR](https://openrndr.discourse.group/t/doodles-w
 | [radial hex<br><img src="processing/ideas/2015/09/radial_hex/.thumb.jpg" title=" Program that draws glowing curves quantized to 6 possible angles, producing hexagonal shapes.  Mouse click to set the center of rotation.  [space] to clear  's' to save  ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2015/09/radial_hex/) <br><sub>interactive, line, trails</sub> | [particles Noise<br><img src="processing/ideas/2015/12/particlesNoise/.thumb.jpg" title=" Using the Nature of Code's Vehicle class, draw a number of particles leaving traces on the screen. They move flocking, avoiding each other.  The drawn lines change opacity, thickness and brightness.    ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2015/12/particlesNoise/) <br><sub>flocking, line, natureofcode, trails</sub> | [caustic<br><img src="processing/ideas/2016/02/caustic/.thumb.jpg" title=" Trying to simulate the light at the bottom of the swimming pool.  I treat the the `noise()` value of locations on the screen as their elevation (the elevation of the water moving up and down).  The difference in elevation of a location and the surrounding locations gives the inclination of the water at that point. This inclination refracts the light of ray in certain direction, increasing the brightness at that point.  Slow. Non real-time. A shader could easily do this in real time.   ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2016/02/caustic/) <br><sub>static, refraction, light</sub> | [Lewitt Drawing](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2016/05/LewittDrawing/)  | [Lewitt Drawing Server](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2016/05/LewittDrawingServer/)   |
 | [non overlapping circles using arrays<br><img src="processing/ideas/2016/07/non_overlapping_circles_using_arrays/.thumb.jpg" title="">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2016/07/non_overlapping_circles_using_arrays/)  | [pipe Process Input<br><img src="processing/ideas/2016/07/pipeProcessInput/.thumb.jpg" title="">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2016/07/pipeProcessInput/) <br><sub>viz</sub> | [two circles line tangents<br><img src="processing/ideas/2016/07/two_circles_line_tangents/.thumb.jpg" title=" Interactive program showing the tangent lines that connect two circles.   ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2016/07/two_circles_line_tangents/)  | [copycat<br><img src="processing/ideas/2017/01/copycat/.thumb.jpg" title="">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/01/copycat/)  | [Midi Viz<br><img src="processing/ideas/2017/04/MidiViz/.thumb.jpg" title=" I wrote this program to play midi files and visualize the channels, notes and velocities.  There are thousands of files online in `.mid` format. I think it's quite an interesting source of data. We often try to get information out of sound using FFT, but that's a very limited approach which doesn't give us the chords and simultaneous notes being played.  Of course using MIDI has its own limitations. For instance, you don't know if the synths being played have short or long decay, so it can be hard to visualize decaying sounds with precision.  In any case, fun to play with I think.  If you create anything with it, I would be happy if you link it at https://forum.processing.org/two/discussion/comment/116764 for others to see.  ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/04/MidiViz/) <br><sub>midi, shader, viz</sub>  |
 | [extract Audio With Ffmpeg<br><img src="processing/ideas/2017/05/extractAudioWithFfmpeg/.thumb.jpg" title="">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/05/extractAudioWithFfmpeg/)  | [hsluv<br><img src="processing/ideas/2017/05/hsluv/.thumb.jpg" title="">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/05/hsluv/) <br><sub>color</sub> | [kaleidoscope<br><img src="processing/ideas/2017/05/kaleidoscope/.thumb.jpg" title=" Shader based polar-coordinates effect applied to video playback.   ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/05/kaleidoscope/)  | [plot3Dfor Jerome<br><img src="processing/ideas/2017/05/plot3DforJerome/.thumb.jpg" title="">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/05/plot3DforJerome/) <br><sub>static</sub> | [plot3Dorganic<br><img src="processing/ideas/2017/05/plot3Dorganic/.thumb.jpg" title=" A sketch that draws a huge number of lines of various lengths and colors all starting from the same position is space.  Press [space] to trigger a render, [s] to save the resulting image.  These images were all created with this program by slightly changing the formula.  ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/05/plot3Dorganic/) <br><sub>line, static</sub>  |
-| [lineshader<br><img src="processing/ideas/2017/08/lineshader/.thumb.jpg" title=" Modified Line Shader giving it variable width.  Note that it only uses ellipse to draw circles. Comment out the line starting with `shader(` to observe the default rendering.  ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/08/lineshader/) <br><sub>line, shader</sub> | [lineshader2<br><img src="processing/ideas/2017/08/lineshader2/.thumb.jpg" title=" Drawing lines of variable stroke-weight with a shader.  The shader is mostly the original line shader from Processing with just two little changes: one to make the line width variable, and another to modulate the color so it doesn't look flat.   ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/08/lineshader2/) <br><sub>animation, line, shader</sub> | [shaded<br><img src="processing/ideas/2017/08/shaded/.thumb.jpg" title="">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/08/shaded/) <br><sub>shader</sub> | [copycat gears<br><img src="processing/ideas/2017/10/copycat_gears/.thumb.jpg" title="">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/10/copycat_gears/) <br><sub>loop</sub> | [bloom Games<br><img src="processing/ideas/2017/11/bloomGames/.thumb.jpg" title=" Experimenting with shader based post processing using Thomas Diewald's Pixelflow library.  Move the mouse horizontally to control. Start on the right side of the screen then move left.   ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/11/bloomGames/)   |
+| [lineshader<br><img src="processing/ideas/2017/08/lineshader/.thumb.jpg" title=" Modified Line Shader giving it variable width.  Note that it only uses ellipse to draw circles. Comment out the line starting with `shader(` to observe the default rendering.  ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/08/lineshader/) <br><sub>line, shader</sub> | [lineshader2<br><img src="processing/ideas/2017/08/lineshader2/.thumb.jpg" title=" Drawing lines of variable stroke-weight with a shader.  The shader is mostly the original line shader from Processing with just two little changes: one to make the line width variable, and another to modulate the color so it doesn't look flat.   ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/08/lineshader2/) <br><sub>animation, line, shader</sub> | [shaded<br><img src="processing/ideas/2017/08/shaded/.thumb.jpg" title="">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/08/shaded/) <br><sub>shader</sub> | [copycat gears<br><img src="processing/ideas/2017/10/copycat_gears/.thumb.jpg" title=" During the Creative Code Jam (Berlin) sometimes we play the copy cat game. Teams describe to each other an animated loop. A describes a loop to B, and B describes a loop to A. Then we code based on the description. Finally we compare the original to the result. A great exercise in observation, description and coding.  [OPENRNDR port](https://github.com/hamoid/openrndr-template/blob/master/src/main/kotlin/apps/copycat_gears.kt)   ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/10/copycat_gears/) <br><sub>loop</sub> | [bloom Games<br><img src="processing/ideas/2017/11/bloomGames/.thumb.jpg" title=" Experimenting with shader based post processing using Thomas Diewald's Pixelflow library.  Move the mouse horizontally to control. Start on the right side of the screen then move left.   ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/11/bloomGames/)   |
 | [max Image Saturation<br><img src="processing/ideas/2017/11/maxImageSaturation/.thumb.jpg" title=" Shows images from a folder with maxed out saturation. Just to find out how they look like.   ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/11/maxImageSaturation/)  | [neighboors<br><img src="processing/ideas/2017/11/neighboors/.thumb.jpg" title=" Some kind of game of incomplete life attempt, version 1   ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/11/neighboors/)  | [neighboors2<br><img src="processing/ideas/2017/11/neighboors2/.thumb.jpg" title=" Some kind of game of incomplete life attempt, version 2   ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/11/neighboors2/)  | [super Slow Fade Out<br><img src="processing/ideas/2017/11/superSlowFadeOut/.thumb.jpg" title=" A method for fading out the image very slowly. The speed is configurable in pixels per frame. Slowest would be 1 pixel per frame.   ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/11/superSlowFadeOut/)  | [avoidxmas<br><img src="processing/ideas/2017/12/avoidxmas/.thumb.jpg" title=" Choose a random point in the screen and start drawing a line there. If you are going to collide with an existing line or with the border of the window, turn to avoid that. If there's no way to avoid collision, respawn somewhere else and try again.  ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/12/avoidxmas/) <br><sub>animation, line</sub>  |
 | [avoidxmastree<br><img src="processing/ideas/2017/12/avoidxmastree/.thumb.jpg" title=" Draws a xmas tree by filling a masked space (`bg.png`) with squiggly width-varying lines. The lines grow trying to avoid colliding until they can no longer move forward. At that point it adds a red dot at the beginning of the line.   ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/12/avoidxmastree/)  | [lineshaderlux<br><img src="processing/ideas/2017/12/lineshaderlux/.thumb.jpg" title=" A bunch of circles moving across the screen. Rendered with a custom shader for variable stroke width and with two PixelFlow effects.  The circles move at non-constant speed, a bit like frogs crossing the road.   ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2017/12/lineshaderlux/)  | [shader Breaks Sphere<br><img src="processing/ideas/2018/02/shaderBreaksSphere/.thumb.jpg" title=" The sketch uses the sphere purely as data ignoring all matrices (therefore the camera doesn't work). The vertex shader calculates a new position of each vertex based on sines and cosines of the original vertex coordinates.  It also shows how to directly use gl_Position to place things in the window.  It makes use of a ShaderReloader class, based on code by Raphaël de Courville. That class shows an error overlay message when the shader does not compile.   ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2018/02/shaderBreaksSphere/) <br><sub>shader</sub> | [shader Scroll Textured<br><img src="processing/ideas/2018/02/shaderScrollTextured/.thumb.jpg" title=" A confusing program doing a lot of stuff :) To start press `[space]`.  There's video playing as a source of texture. It uses noise to draw that texture in symmetrical &quot;butterfly like&quot; shapes.  It uses a flow-style shader to smear the result based on hue.  Then the whole result is partially occluded and seen only through a mask full of words. That mask is loaded from disk, but there's an alternative one generated in real time (commented out). The mask scrolls up as the credits of a movie.  The `[enter]` key jumps to a random location in the movie and randomizes noise seed.  The `s` key is used for starting and ending video export. It calls a command line voice synthesizer to speak `start` and `stop`.   ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2018/02/shaderScrollTextured/) <br><sub>shader, video, mask</sub> | [shader Shadow2 svg<br><img src="processing/ideas/2018/02/shaderShadow2_svg/.thumb.jpg" title=" Loads an svg into a PShape, then draws that 255 times in various locations on the screen using a gray scale fill color.  That fill color represents depth and it's used by the shader to know where to draw drop shadows. The shader colorizes each shape using a cosine based palette generator.  This is not necessarily a good idea :) It's just an experiment.  Limited to 255 objects (as buffers in Processing are not floating point based).   ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2018/02/shaderShadow2_svg/) <br><sub>shader</sub>  |
 | [fft Frag Shader<br><img src="processing/ideas/2018/03/fftFragShader/.thumb.jpg" title="">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2018/03/fftFragShader/) <br><sub>shader, fft</sub> | [fft Vert Shader<br><img src="processing/ideas/2018/03/fftVertShader/.thumb.jpg" title="">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2018/03/fftVertShader/) <br><sub>shader</sub> | [matrix Multiplication<br><img src="processing/ideas/2018/03/matrixMultiplication/.thumb.jpg" title="">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2018/03/matrixMultiplication/) <br><sub>viz</sub> | [simple Tesselation<br><img src="processing/ideas/2018/03/simpleTesselation/.thumb.jpg" title=" A simple way to tesselate a convex polygon. If we have 7 points defining the contour, then we can create triangles using these vertices: 012, 023, 034, 045, 056.   ">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2018/03/simpleTesselation/) <br><sub>tesselation</sub> | [viz Img Color Distrib<br><img src="processing/ideas/2018/03/vizImgColorDistrib/.thumb.jpg" title="">](https://github.com/hamoid/Fun-Programming/blob/master/processing/ideas/2018/03/vizImgColorDistrib/) <br><sub>color</sub>  |