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 mostly with [Processing Python Mode](https://villares.github.io/como-instalar-o-processing-modo-python/index-EN) and sometimes [Processing Java Mode](https://processing.org) and[P5JS (JavaScript)](p5js.org) or 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)

# sketch-a-day ### one visual idea a day [on GitHub!] Hi! I'm Alexandre Villares, let's see if I can make one small program (sketch) a day. I'm working mostly with Processing Python Mode and sometimes Processing Java Mode andP5JS (JavaScript) or other stuff. If you enjoy this, make a small donation here or with Patreon

095: code [Py.Processing]

Complete rewrite of the 'Inputs' helper

# Ask user for Arduino port, uses slider if none is selected, use on `setup()`
global input
input = Input(Arduino)

# on `draw()`read analog pins 1, 2, 3, 4 or sliders
pot1 = input.analog(1)
pot2 = input.analog(2)
pot3 = input.analog(3)
pot4 = input.analog(4)

tilt = input.digital(13) # also triggered by [space bar]

# When on sliders, this draws them and checks mouse dragging / keystrokes
input.update()

---

094: code [Py.Processing]

Connection 'rate' can be less than 1, prevents less than 2 nodes

---

093: code [Py.Processing]

Nodes without connection are now removed

    COM_ARESTAS = set()  # para guardar pontos com aresta
    for aresta in Aresta.ARESTAS:
        if (aresta.p1 not in Ponto.SET) or (aresta.p2 not in Ponto.SET)\
                or (aresta.p1 is aresta.p2):  # arestas degeneradas
            Aresta.ARESTAS.remove(aresta)   # remove a aresta
        else:                # senão, tudo OK!
            aresta.desenha()  # desenha a linha
            aresta.puxa_empurra(TAM_ARESTA)  # altera a velocidade dos pontos
            # Adiciona ao conjunto de pontos com aresta
            COM_ARESTAS.update([aresta.p1, aresta.p2])
    Ponto.SET = COM_ARESTAS  # isto remove pontos sem nenhuma aresta
 

---

092: code [Py.Processing]

Dynamic change of connection rate

if NUM_PONTOS * NUM_CONNECT > len(Aresta.ARESTAS):
        rnd_choice(list(Ponto.SET)).cria_arestas()
    elif NUM_PONTOS * NUM_CONNECT < len(Aresta.ARESTAS):
        Aresta.ARESTAS.remove(rnd_choice(list(Aresta.ARESTAS)))

---

091: code [Py.Processing]

Major rethink of my Arduino/Firmata code. I can now choose on start between sliders and potentiometers.

---

090: code [Py.Processing]

Opaque strokes, no fill, randomized colours by column.

---

089: code [Py.Processing]

X stroke now is translucent and grid elements have random colour inside grids.

---

088: code [Py.Processing]

Filled rects, ellipses and losangles (without sktroke) and Xs

---

087: code [Py.Processing]

No fill again, less colours. Variable/random number of elements per grid.

---

086: code [Py.Processing]

Translucent fill & some stroke weight

---

085: code [Py.Processing]

Some colour, and some crazy meddling with the Slider class...

---

084: code [Py.Processing]

Make the grid's position/origin align based on the spacing size (super- grid)

---

083: code [Py.Processing]

Xs and rotated rectangles

---

082: code [Py.Processing]

Squares and ellipses

---

081: code [Py.Processing]

Let's try some grids

---

080: code [Py.Processing]

More arrows (black and white alternate by generation)

---

079: code [Py.Processing]

Arrows (right black, left white)

---

078: code [Py.Processing]

Color

---

077: code [Py.Processing]

Random branch reduction is now less simmetric, and random seed changes on depth change.

---

076: code [Py.Processing]

Stroke weight and some transparency

---

075: code [Py.Processing]

... and slightly different parameters and recursion level control instead of lenght

---

074: code [Py.Processing]

Adaptomg Shiffmans recusive Tree, with sliders or Pots...

---

073: code [Py.Processing]

The code remains ugly :(

---

072: code [Py.Processing]

Let's mix some arrows?

---

071: code [Py.Processing]

Thicker and with a saturation slider (no more scale offset)

---

070: code [Py.Processing]

Thicker and with a saturation slider (no more scale offset)

---

069: code [Py.Processing]

Added rotation.

---

068: code [Py.Processing]

... and with sliders (by Peter Farell)

---

067: code [Py.Processing]

Something else.

---

066: code [Py.Processing]

Arrow grid networks can be sized and placed...

---

065: code [Py.Processing]

Arrow grid networks are now objects...

---

064: code [Py.Processing]

Revisiting yet an older graph, adding arrows...

---

063: code [Py.Processing]

Revisiting an older graph adding arrows...

---

062: code [Py.Processing]

+ and - keys control the distange/range of targes in 0.5 * SPACING increments

---

061: code [Py.Processing]

Sometimes we have multiple arrows now out of each node...But I reduced the range (distance) they can point to.

---

060: code [Py.Processing]

Complete Object Oriented refactor...

---

059: code [Py.Processing]

Back to a list of points, now every point of the grid has a node. Limited points_to random each.

---

058: code [Py.Processing]

Now with some deepcopy of changeable imutable namedtuples (containing mutable lists), and some lerp()

---

057: code [Py.Processing]

Revisited 54 and now I'm re-selecting random points_to nodes...

---

056: code [Py.Processing]

Arrow grid moving in HSB colour space

---

055: code [Py.Processing]

Grid revisited

---

054: code [Py.Processing]

New arrows! With a "Tail" parameter...

---

053: code [Py.Processing]

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.

---

052: code [Py.Processing]

White lines first, black arrows on top.

---

051: code [Py.Processing]

Points now on a grid.

---

050: code [Py.Processing]

Arrows now...

---

049: code [Py.Processing] Yet more graphs

---

048: code [Py.Processing] Yet more graphs

---

047: code [Py.Processing] Yet more graphs

---

046: code [Py.Processing] Yet more graphs

---

045: code [Py.Processing] Yet more graphs

---

044: code [Py.Processing] More graphs

---

043: code [Py.Processing] More graphs

---

042: code [Py.Processing] Yet another interactive recursive thingy, the image on the right is shown with a key pressed

---

041: code [Py.Processing] Yet another interactive recursive thingy, the image on the right is shown with a key pressed

---

040: sketch_180209a [Py.Processing] More recursion

---

039: sketch_180208e [Py.Processing] Manoloide inspired recursion

---

038: sketch_180208d [Py.Processing] Saskia Freeke inspired grid

---

037: sketch_180206b [Py.Processing] "Carnahacking is near!"

---

036: sketch_180205b [Py.Processing] Added some mouse disturbance

---

035: sketch_180204b [Py.Processing] Preparing for "Carnahacking"

---

034: sketch_180203c [Py.Processing] Like 33 but again with "w squared" circles

---

033: sketch_180202c [Py.Processing] Like 32 but again with lines

---

032: sketch_180201c [Py.Processing] Like 29 but with moving points after the gesture is done

---

031: sketch_180130c [Py.Processing] Like 29 but with moving points after the gesture is done

---

030: sketch_180130c [Py.Processing] Like 29 but with 3D and PeasyCam orbit...

---

029: sketch_180129c [Py.Processing] Like 27 but with circles

---

028: sketch_180128c [Py.Processing] Like 27 but on grayscale

---

027: sketch_180127c [Py.Processing]YouTube

Saving a list of points to animate colour... Mouse speed changes recorded colour & strokeWeight()

---

026: sketch_180126c [Py.Processing] Mouse speed changing colour & strokeWeight()

---

025c: sketch_180125b [Py.Processing] Mouse speed changing strokeWeight()

---

024b: sketch_180124b [Py.Processing] Maybe tomorrow I'll try adding some sliders & movement to this graph ? [nah...]

---

023b: sketch_180123b [Py.Processing] Farrel's Sliders adding random displacement

---

022: missed :(

---

021b: sketch_180121b [Py.Processing] Playing with Peter "Hacking Math Class" Farrel's Sliders!

---

020b: sketch_180120b [Py.Processing] I was stuck on my DBN conversion sketch 20a, so this HSB shape play is 20b...

020a: sketch_180120a [Py.Processing] Refactored the code generation, removed most of the repeated vertices... C D E G O R not nice yet…

---

019: sketch_180119a [Py.Processing] DBN Letters: Now working on a new approach, generating vertex/Shape code, not there yet...

---

018: sketch_180118a [Py.Processing] DBN Color font? Nah…

---

017: sketch_180117a [Py.Processing] John Maeda's dbnletters.dbn code from Design by Numbers on Processing Python Mode

---

016: 16a [Py.Processing] Converting some Typography code from Design by Numbers, almost there!

---

015: sketch_180115a [Py.Processing] Converting some Typography code from Design by Numbers, first trials

---

014: sketch_180114a [Py.Processing] Another 3D Graph

---

013: s180113 [Py.Processing] 3D Graph

---

012: s180112 [Py.Processing] Another Graph Take

---

011: s180111 [Py.Processing] A Graph Take

---

010: s180110 [Py.Processing] More Manoloide inspired balls PNG (derived from a sketch by Manuel Gamboa Naon)

---

009: s180109 [Py.Processing] Balls for Manoloide GIF (derived from a sketch by Manuel Gamboa Naon)

---

008: s180108 [Py.Processing] Grid of Platonic Solids in Python Mode GIF

---

007: s180107 [Processing Java] Another grid of Platonic Solids in Java Mode GIF

---

006: s180106 [Processing Java] Grid of Platonic Solids in Java Mode GIF

---

005: s180105 [p5js] Line Tetrahedrons in p5*js - interactive

---

004: s180104 [Processing Java] Tetrahedrons in Java Mode- GIF

---

003: s180103 [Py.Processing] Tetrahedrons Python Mode- GIF

---

002: s180102 [Py.Processing] Many Stars 3D - YouTube

---

001: s180101[Py.Processing] Many Stars - YouTube (inspired by my own p5js Xmas & New Year card code)