Categories
Color

RGB to artist color paint

Being a criative coder and also painter, is always a problem to map digital color creations using RGB color system to the physical painting canvas.
The artist pallete usually has 100 or a few more colors, nothing like the 16581375 RGB colors. Color paints use a discrete color system, called Munsell.
For example, Turners Yellow as a hue of 1.5Y, a value of 7 and a chroma of 9 in Munsell system and a corresponding RGB value of (215,166,59) using the mapping application in http://pteromys.melonisland.net/munsell/

Based in the previous method, I made a list with all the RGB values of the painters pallete, and with a simple calculation of the smaller tridimensional distance between the RGB codes is possible to find a similar color paint to a RGB color. The results seem pretty good, but you must have in mind that not all artist colors have a corresponding valid RGB value.

You can try in https://www.openprocessing.org/sketch/960400

Categories
Processing Sketch

OpenProcessing – informal/ colaborative/ gigantic criative space

Recursive tiles are a frequent subject in  OpenProcessing, the platform I use to publish my Processing sketches. This platform is like an informal/ colaborative/ gigantic criative space were everyone shares his own creations and reuse others creations, called sketchs in Processing. Most the source code is available.

It’s like a team developing in a colaborative space. But here the people don’t known each other, it’s just the pleasure in participating in something big and showing their skills and art. This last sketch I made has code, at least, from 3 other creative coders. Is a good pratice to make a fork of the original sketch or make a reference of the author.

At the end, each creative coder prusuit is own vision and original criation. https://www.openprocessing.org/sketch/908224

 

 

Categories
Cellular Automata Processing

Deep dive into Wolfram Cellular Automata

The cellular automata is something that I came along, from time to time, in the world of generative art. I’m always surprised by the countless imagery that arise from this sketchs. This time I made it  more interactive, with a tab were you can switch the bits of the rules sets. There are 1024 rules, corresponding to a 10 bit binary number.

You can try in https://www.openprocessing.org/sketch/840764

and also https://www.openprocessing.org/sketch/838235 for rule 204.

Categories
Libraries Processing

Treemap on Sentences on Conceptual Art

200527_141006_634.200527_141006_634200527_143145_478.200527_143145_478

Treemap diagram on the famous “Sentences on Conceptual Art” by Sol Lewitt, generated using P5.js and the generative-design-library.js.  There’s a kind of deconstrution on the targets on the background that I think that goes well.

References:

https://www.openprocessing.org/sketch/807331

http://www.altx.com/vizarts/conceptual.html

Categories
Libraries

Generative Gestaltung

generative-gestaltung58764.39999998547

 

Attention creative coders!
“Generative Design —  Visualize, Program, and Create with JavaScript in p5.js” is a great book from the german group Benedikt Gross, Hartmut Bohnacker, Julia Laub and Claudius Lazzeroni.

All the code, sketches and libraries done for the book are available in http://www.generative-gestaltung.de/2/

http://www.papress.com/html/product.details.dna?isbn=9781616897581

The images were generated with the sketch http://www.generative-gestaltung.de/2/sketches/?01_P/P_1_2_3_02

 

Categories
Sketch

Paint an abstract painting

This sketch, was done for the Tiny Sketch Challenge, submissions ending 30 March, restricted to less than or equal to 200 characters. It’s really a challenge to make something interesting with such small code.

How to paint an abstract painting_1583622070882

I made this sketch remembering that, when I was a student, my painting teacher José Mouga told me that the orientation of the brush strokes give structure and unity to the painting, something that I did some times at the time . Now, in the sketch, the orientation of the brush is connected to the movement of the mouse over the X axis.

How to paint an abstract painting_1583622636274

So it goes a sketch with a bit less than 200 characters that make abstract paintings 🙂

“How to paint an abstract painting”,  https://www.openprocessing.org/sketch/684534/

https://www.openprocessing.org/sketch/854040

Tiny Sketch Challenge, https://www.openprocessing.org/curation/59474?fbclid=IwAR0muxqmh9zd-tS6I9aLoguLX9N_IjGgYGMYD5JPEAHZ7xtH3K9M3jOJ_ZU

 

Categories
Tiles

Color grid #2

gridn225656.6899999998

gridn2261679.80000004172

Try my new sketch in https://www.openprocessing.org/sketch/621227

Click in the small grid. Click in the same cell changes color.

The disposition of the colors in the small grid will make a different tile pattern and works like a kind of signature of the tile pattern.

Categories
Processing

P5.js course at MILL – Makers in Little Lisbon

Last month I gave a P5.js course at the media lab MILL – Makers at Little Lisbon. It was a short but intense course of 3 sessions of 3 hours.

P5.js is a tool for visual artistic creations, based on Javascript and Processing programming. The programs created are called Sketches and run naturally in the browser using the HTML5 “Canvas” object, being easily integrated into Web pages, and having all the resources that are available when developing applications for the web.

glitch_curso_1590945781500

The course was based on the work of artist Sol LeWitt as a foundation for the creation of sketches, as well as classic examples of Processing, with the aim of developing new creations and exploring the potential of Processing and Javascript programming.

Sol LeWitt was a conceptual artist whose work consists of written instructions and diagrams for the execution of works, with more or less degrees of freedom. These instructions function as a meta-language for programming.

The course worked based on https://www.openprocessing.org/ which allows to create classes and create and share sketches in an integrated way. This was an important point that gave dynamism to the course.

Anotação 2020-05-31 182522

At the end was possible to draw a sketch in a pen plotter available at the MILL.

References:

Programa Curso

http://mill.pt/agenda/introducao-ao-p5-js-formas-e-movimento/

http://mill.pt/agenda/introducao-ao-p5-js-padroes-dinamicos/

http://mill.pt/agenda/introducao-ao-p5-js-visualizacoes/

Categories
computer-generated imagery Tiles

Tile pattern generator

 

Small program written in P5.js (Processing) based in sequences of 3 figures with codes L,B,E given by the user.

https://www.openprocessing.org/sketch/515304

Categories
computer-generated imagery

TSP Art

I used the StippleGen tool to create vector files from an image to make the design of various materials for a musical event commemorating the 25th of April, the day of freedom in Portugal, whose symbol is a carnation.
This tool is widely used for new printing devices such as pen plotters that require vector formats as input.
The new vector images generated also have an aesthetic potential and allow a more interesting manipulation than the bitmap images improving the integration with other elements of design.

References:

StippleGen: Weighted Voronoi stippling and TSP paths in Processing, http://www.evilmadscientist.com/2012/stipplegen-weighted-voronoi-stippling-and-tsp-paths-in-processing/

TSP art, http://wiki.evilmadscientist.com/TSP_art