sketch-a-day/README.md

419 wiersze
17 KiB
Markdown

----
# sketch-a-day
### one visual idea a day [[on GitHub!](https://github.com/villares/sketch-a-day)]
Hi! I'm [Alexandre Villares](https://abav.lugaralgum.com), let's see if I can make one small program (*sketch*) a day. I'm working with [Processing Java Mode](https://processing.org), [Processing Python Mode](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN), [P5JS (JavaScript)](p5js.org) and sometimes other stuff.
If you enjoy this, make a small donation [here](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=HCGAKACDMVNV2) or with [Patreon](https://patreon.com/arteprog)
----
![s060](s060/s060.gif)
060: [code](https://github.com/villares/sketch-a-day/tree/master/s060) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Complete Object Oriented refactor...
----
![s059](s059/s059.gif)
059: [code](https://github.com/villares/sketch-a-day/tree/master/s059) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Back to a list of points, now every point of the grid has a node. Limited points_to random each.
----
![s058](s058/s058.gif)
058: [code](https://github.com/villares/sketch-a-day/tree/master/s058) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Now with some deepcopy of changeable imutable namedtuples (containing mutable lists), and some lerp()
----
![s057](s057/s057.gif)
057: [code](https://github.com/villares/sketch-a-day/tree/master/s057) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Revisited 54 and now I'm re-selecting random points_to nodes...
----
![s056](s056/s056.gif)
056: [code](https://github.com/villares/sketch-a-day/tree/master/s056) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Arrow grid moving in HSB colour space
----
![s055](s055/s055.png)
055: [code](https://github.com/villares/sketch-a-day/tree/master/s055) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Grid revisited
----
![s054](s054/s054.gif)
054: [code](https://github.com/villares/sketch-a-day/tree/master/s054) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
New arrows! With a "Tail" parameter...
----
![s053](s053/s053.png)
053: [code](https://github.com/villares/sketch-a-day/tree/master/s053) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Big invisible refactor (no more point-grid to select from, now a list of possible X and Y positons to choose).
On the visible side, fewer elements, and non-pointing elements redrawn in red on top.
----
![s052](s052/s052.png)
052: [code](https://github.com/villares/sketch-a-day/tree/master/s052) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
White lines first, black arrows on top.
----
![s051](s051/s051.gif)
051: [code](https://github.com/villares/sketch-a-day/tree/master/s051) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Points now on a grid.
----
![s050](s050/s050.gif)
050: [code](https://github.com/villares/sketch-a-day/tree/master/s050) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Arrows now...
----
![s049](s049/s049.gif)
049: [code](https://github.com/villares/sketch-a-day/tree/master/s049) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Yet more graphs
----
![s048](s048/s048.gif)
048: [code](https://github.com/villares/sketch-a-day/tree/master/s048) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Yet more graphs
----
![s047](s047/s047.gif)
047: [code](https://github.com/villares/sketch-a-day/tree/master/s047) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Yet more graphs
----
![s046](s046/s046.png)
046: [code](https://github.com/villares/sketch-a-day/tree/master/s046) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Yet more graphs
----
![s045](s045/s045.gif)
045: [code](https://github.com/villares/sketch-a-day/tree/master/s045) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Yet more graphs
----
![s044](s044/s044.gif)
044: [code](https://github.com/villares/sketch-a-day/tree/master/s044) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
More graphs
----
![s043](s043/s043.png)
043: [code](https://github.com/villares/sketch-a-day/tree/master/s043) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
More graphs
----
![s042](s042/s042.gif)
042: [code](https://github.com/villares/sketch-a-day/tree/master/s042) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Yet another interactive recursive thingy, the image on the right is shown with a key pressed
----
![s041](s041/s041.png)
041: [code](https://github.com/villares/sketch-a-day/tree/master/s041) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Yet another interactive recursive thingy, the image on the right is shown with a key pressed
----
![040](sketch_180209a/sketch_180209a.png)
![040](sketch_180209a/sketch_180209a_2.png)
040: [sketch_180209a](https://github.com/villares/sketch-a-day/tree/master/sketch_180209a) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
More recursion
----
![039](sketch_180208e/sketch_180208e.png)
039: [sketch_180208e](https://github.com/villares/sketch-a-day/tree/master/sketch_180208e) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Manoloide inspired recursion
----
![038](sketch_180208d/sketch_180208d.png)
038: [sketch_180208d](https://github.com/villares/sketch-a-day/tree/master/sketch_180208d) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Saskia Freeke inspired grid
----
![037](sketch_180206a/sketch_180206a.gif)
037: [sketch_180206b](https://github.com/villares/sketch-a-day/tree/master/sketch_180206a) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
"Carnahacking is near!"
----
![036](sketch_180205b/sketch_180205b.png)
036: [sketch_180205b](https://github.com/villares/sketch-a-day/tree/master/sketch_180205b) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Added some mouse disturbance
----
![035](sketch_180204b/sketch_180204b.gif)
035: [sketch_180204b](https://github.com/villares/sketch-a-day/tree/master/sketch_180204b) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Preparing for "Carnahacking"
----
![034](sketch_180203c/sketch_180203c.gif)
034: [sketch_180203c](https://github.com/villares/sketch-a-day/tree/master/sketch_180203c) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Like 33 but again with "w squared" circles
----
![033](sketch_180202c/sketch_180202c.png)
033: [sketch_180202c](https://github.com/villares/sketch-a-day/tree/master/sketch_180202c) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Like 32 but again with lines
----
![032](sketch_180201c/sketch_180201c.gif)
032: [sketch_180201c](https://github.com/villares/sketch-a-day/tree/master/sketch_180201c) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Like 29 but with moving points after the gesture is done
----
![031](sketch_180131c/sketch_180131c.gif)
031: [sketch_180130c](https://github.com/villares/sketch-a-day/tree/master/sketch_180131c) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Like 29 but with moving points after the gesture is done
----
![030](sketch_180130c/sketch_180130c.png)
030: [sketch_180130c](https://github.com/villares/sketch-a-day/tree/master/sketch_180130c) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Like 29 but with 3D and PeasyCam orbit...
----
![29c](sketch_180129c/sketch_180129c.gif)
029: [sketch_180129c](https://github.com/villares/sketch-a-day/tree/master/sketch_180129c) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Like 27 but with circles
----
![28c](sketch_180128c/sketch_180128c.png)
028: [sketch_180128c](https://github.com/villares/sketch-a-day/tree/master/sketch_180128c) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Like 27 but on grayscale
----
![27c](sketch_180127c/sketch_180127c.png)
027: [sketch_180127c](https://github.com/villares/sketch-a-day/tree/master/sketch_180127c) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)][YouTube](https://www.youtube.com/watch?v=A-rqkru79Dw)
Saving a list of points to animate colour... Mouse speed changes recorded colour & strokeWeight()
----
![26](sketch_180126c/sketch_180126c.png)
026: [sketch_180126c](https://github.com/villares/sketch-a-day/tree/master/sketch_180126c) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Mouse speed changing colour & strokeWeight()
----
![25](sketch_180125c/sketch_180125c.png)
025c: [sketch_180125b](https://github.com/villares/sketch-a-day/tree/master/sketch_180125c) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Mouse speed changing strokeWeight()
----
![24](sketch_180124b/sketch_180124b.png)
024b: [sketch_180124b](https://github.com/villares/sketch-a-day/tree/master/sketch_180124b) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)] Maybe tomorrow I'll try adding some sliders & movement to this graph ? [nah...]
----
![23](sketch_180123b/sketch_180123b.gif)
023b: [sketch_180123b](https://github.com/villares/sketch-a-day/tree/master/sketch_180123b) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)] Farrel's Sliders adding random displacement
----
022: missed :(
----
![21b](sketch_180121b/sketch_180121b.gif)
021b: [sketch_180121b](https://github.com/villares/sketch-a-day/tree/master/sketch_180121b) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Playing with Peter "[Hacking Math Class](http://twitter.com/hackingmath)" Farrel's Sliders!
----
![20b](sketch_180120b/sketch_180120b.gif)
020b: [sketch_180120b](https://github.com/villares/sketch-a-day/tree/master/sketch_180120b) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
I was stuck on my DBN conversion sketch 20a, so this HSB shape play is 20b...
![20a](sketch_180120a/sketch_180120a.png)
020a: [sketch_180120a](https://github.com/villares/sketch-a-day/tree/master/sketch_180120a) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)]
Refactored the code generation, removed most of the repeated vertices... C D E G O R not nice yet…
----
![19a](sketch_180119a/sketch_180119a.png)
019: [sketch_180119a](https://github.com/villares/sketch-a-day/tree/master/sketch_180119a) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)] DBN Letters: Now working on a new approach, generating vertex/Shape code, not there yet...
----
![18a](sketch_180118a/sketch_180118a.png)
018: [sketch_180118a](https://github.com/villares/sketch-a-day/tree/master/sketch_180118a) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)] DBN Color font? Nah…
----
![17a](sketch_180117a/sketch_180117a.png)
017: [sketch_180117a](https://github.com/villares/sketch-a-day/tree/master/sketch_180117a) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)] John Maeda's `dbnletters.dbn` code from Design by Numbers on Processing Python Mode
----
![16a](sketch_180116a/sketch_180116a.png)
016: [16a](https://github.com/villares/sketch-a-day/tree/master/sketch_180116a) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)] Converting some Typography code from Design by Numbers, almost there!
----
![15a](sketch_180115a/sketch_180115a.png)
015: [sketch_180115a](https://github.com/villares/sketch-a-day/tree/master/sketch_180115a) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)] Converting some Typography code from Design by Numbers, first trials
----
![14a](sketch_180114a/sketch_180114a.png)
014: [sketch_180114a](https://github.com/villares/sketch-a-day/tree/master/sketch_180114a) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)] Another 3D Graph
----
![13a](sketch_180113a/sketch_180113a.png)
013: [s180113](https://github.com/villares/sketch-a-day/tree/master/sketch_180113a) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)] 3D Graph
----
![s180112](s180112/s180112.png)
012: [s180112](https://github.com/villares/sketch-a-day/tree/master/s180112) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)] Another Graph Take
----
![s180111](s180111/s180111.png)
011: [s180111](https://github.com/villares/sketch-a-day/tree/master/s180111) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)] A Graph Take
----
![s180110](s180110/s180110.png)
010: [s180110](https://github.com/villares/sketch-a-day/tree/master/s180110) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)] More Manoloide inspired balls [PNG](s180110/s180110.png) (derived from a [sketch](https://gist.github.com/manoloide/16ea9e1d68c6ba1700fcb008fd38aab0) by [Manuel Gamboa Naon](http://manoloide.com))
----
![GIF](s180109/s180109.gif)
009: [s180109](https://github.com/villares/sketch-a-day/tree/master/s180109) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)] Balls for Manoloide [GIF](s180109/s180109.gif) (derived from a [sketch](https://gist.github.com/manoloide/16ea9e1d68c6ba1700fcb008fd38aab0) by [Manuel Gamboa Naon](http://manoloide.com))
----
![GIF](s180108/s180108.gif)
008: [s180108](https://github.com/villares/sketch-a-day/tree/master/s180108) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)] Grid of Platonic Solids in Python Mode [GIF](s180108/s180108.gif)
----
![GIF](s180107/s180107.gif)
007: [s180107](https://github.com/villares/sketch-a-day/tree/master/s180107) [[Processing Java](https://www.processing.org)] Another grid of Platonic Solids in Java Mode [GIF](s180107/s180107.gif)
----
![GIF](s180106/s180106.gif)
006: [s180106](https://github.com/villares/sketch-a-day/tree/master/s180106) [[Processing Java](https://www.processing.org)] Grid of Platonic Solids in Java Mode [GIF](s180106/s180106.gif)
----
005: [s180105](https://github.com/villares/sketch-a-day/tree/master/s180105) [[p5js](https://www.p5js.org)] Line Tetrahedrons in p5*js - [interactive](https://villares.github.io/sketch-a-day/s180105/s180105)
----
![GIF](s180104/s180104.gif)
004: [s180104](https://github.com/villares/sketch-a-day/tree/master/s180104) [[Processing Java](https://www.processing.org)] Tetrahedrons in Java Mode- [GIF](https://github.com/villares/sketch-a-day/tree/master/s180104/s180104.gif)
----
![GIF](s180103/s180103.gif)
003: [s180103](https://github.com/villares/sketch-a-day/tree/master/s180103) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)] Tetrahedrons Python Mode- [GIF](https://github.com/villares/sketch-a-day/tree/master/s180103/s180103.gif)
----
002: [s180102](https://github.com/villares/sketch-a-day/tree/master/s180102) [[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)] Many Stars 3D - [YouTube](https://www.youtube.com/watch?v=QmsthW60iBY)
----
001: [s180101](https://github.com/villares/sketch-a-day/tree/master/s180101)[[Py.Processing](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN)] Many Stars - [YouTube](https://www.youtube.com/watch?v=gKWBfghDV_w) (inspired by my own [p5js Xmas & New Year card code](https://github.com/villares/p5js-play/tree/master/newYearStars))