Online class on Skillshare, November 2013 – January 2014.
Sublime people is a new project started on Skillshare: Programming Graphics I: Introduction to Generative Art, Processing and HYPE with Joshua Davis.
Note #14: The SVGs are out again. But you wouldn't say these are all squares and blocks. With strokeCap and strokeJoin set to ROUND, I get these beautiful curves:
Note #13: Changing parameters and mixing colors. With the same file, too curious to stop changing values! I also kicked out my color palette and simply added a lot of white, one time black and some very basic shades of red, blue, yellow and one green. Instead of creating a color palette in advance, just set some basics and left the mix up to the code. My basic forms are blown up in a way that the borders seem to become lines on the canvas disconnected from the fills. Digital painting:
Note #12: Playing with variabels. Can't get my hands of the variables. Same file with other values:
Note #11: Back to SVG and positioning. Today it was back to SVG day. Also trying to concentrate on positioning of SVGs in different layers. Or grids in HYPE speak (Thanks Benjamin Gonzalez for the reminder). I also reuse the colors I had at the beginning. All this because I still didn't find how to randomly choose and paint a pure processing shape with HYPE. I guess I will have to dig deeper in the code for that.
But with SVGs loaded in and with HYPE, it's easy. Just load all my SVG's in and HYPE will randomly pick and paint a shape on screen. The only thing I need to figure out now is how to get the positioning right. For now the four limbs of the 24 people are just more or less of attached to the body. I have 25 different limb shapes and their positioning depends on their form. Maybe I have to save the SVG's in Illustrator in such a way that they all have the same width and height.
Note #10: BRY. Once you start fiddling around with the parametres in your code, you always end up by that amazing thing called surprise. Swimming around in an ocean of possibilities. And like a photographer you just do 'click' to try to capture something you have seen. Today I saved the following images:
Note #9: Houston! We have people! When you put a head on a body and then attach arms and two legs. You got humans! Okay, I am getting somewhere. Now I have to figure out how to get people on screen with different arms and legs. Then later I will get back to SVG's. The colors here are obivious taken from Mondrian paintings:
Note #8: Getting head, body and limbs to form a human figure. To use older pure Processing classes with HYPE is still haunting me. Reading code is hard for me. I only seem to begin to understand when I start to play with it. Copy, paste, change a bit, try, error, change a bit, try, error. And sometimes this endless play gives you images you couldn't even think of. These weird glitches because you probably forgot to check your code.
The svg's are out again in the following examples. Just trying to draw forms in pure code. Mixing Hype with non-hype code and trying to get head, body and limbs straight:
Note #7: Multiple SVG's. The HDrawablePool is really a very fast way to use multiple svg's in a project. I got rid of the unvisible layers in my svg's. The basic forms now appear as they should. Still no human forms. Just floating limbs, body's and heads.
Another thing I noticed is that apparantly you can not have too much svg's at once on your screen. And it depends also on what you are applying as style. Here's is 50 svg instances of a pool of 28 with styles for stroke and fill:
I probably should use the HGridLayout and work in some kind of layer fashion. First put bodies, then heads finally four limbs. And figure out positioning. For now endless variations are possible. Here's one with HGridLayout:
Note #6: Using SVG and getting used to HYPE. In the version of Illustrator you can not export your different layers or artboards to SVG. And when you switch off the visibility of all layers but the one you want to save as SVG, the SVG will contain all artwork on every layer. Not what I expected. So I worked with the SVG containing all the 28 forms and played a bit with HYPE:
Note #5: To draw or not to draw. Meanwhile I am still not sure if I will use SVG to import in the project or just generate all the forms I need by code. Here's 28 forms drawn by hand and scanned. Imported and converted to vectors in Flash, exported and cleaned up in Illustrator, here with each form on a separate artboard:
Note #4: Custom classes. Trying to integrate an existing class into HYPE.
The HYPE documentation is not something I am able to digest. Trial and error will do for now. And I probably should spend some time to learn a bit more about processing.
Note #3: Hello HYPE. Next thing to do is to get a bit more familiar with HYPE. And that will take some time to get adapted to the specific wat HYPE is organised. Using custom classes within the HYPE objects is not straightforward. At least not for me. The simple forms I can generate by using HPath and vertex. But getting these together to form the human figure is a bit more of a challenge. For now I have heads, bodies and limbs floating around:
Note #2: Great color tool. Great also that I rediscovered the Color Picking Tool. I had it for while on my former computer before it crashed a year ago. Great tool! Glad to have it back. Here are some colors I might use:
Note #1: Basic forms. Years ago as simple vector forms with the drawing tools in Flash 5. Somewhat later with AS2 I managed to generate them by code. The simple squares and rectangles were easy, the 'corners' were more difficult. And combining them programmatically in human figures was even more challenging. But after days, weeks, months and even years of play it evolved from clumsy code to a more elegant kind of code.
Then curiosity made me want to rewrite the actionscript for processing. Like Joshua explains well, positioning and rotating in processing was some hurdle to take. I also tried to get my head around the whole concept of Object Oriented Programming. But never in such a way that it would keep me from pure play.
For this project I wonder what role the use of SVG will be. The simple forms seem not really something you would need to draw at first glance. Maybe I can reuse some of the small sketches I made when I was trying to program my human figures in a 'class'?
Note #0Getting started. The project cover photo represents the project because only eleven forms and one figure will be used in this project. Minimal, I am afraid. Abstract too. But with lots of people! Set up went too smooth too be true. Sublime text is new. Size up is new. Double wow!