Styleguide
This is the styleguide for the whole course, including all its assignments and projects. I highly recommend to follow all the rules strictly.
The idea behind this styleguide is to adapt the aesthetics of photograms to create and share a strong, common visual language. This will put all of our works into a coherent context.
We will use Processing and stick to a few visual constants, defining the size and the color theme of the whole project. This is basically the briefing. Everything else is up to you!
This is The Magic Triangle for this course. The Magic Triangle is a powerful creativity-technique to plan self-commissioned, explorative projects.
Basic Geometric Shapes
In the previous course, Creative Coding Essentials, you have learned how to create and control abstract geometric shapes in Processing. Geometry is a fundamental pillar of the Bauhaus aesthetic. These are the basic geometric shapes, for each of which there is also a corresponding function in Processing:
Format
The size of of the sketch must be set to 900*900 pixels. This is a great format for Instagram posts.
Colors
All generated results must be black and white. Whether you decide for a black or a white background is up to you. Depending on which color scheme you choose, your visual will look more like a photogram negative or a drawing on paper.
If you decide to use a light background, please do not use pure white, otherwise the visual will not stand out from the background. With the color value #f1f1f1 you guarantee that your result is well defined on white areas.
// POSITIVE COLOR-THEME
color bg = #f1f1f1; // "bg" stands for "background"
color fg = #000000; // "fg" stands for "foreground"// NEGATIVE COLOR-THEME
color bg = #000000; // "bg" stands for "background"
color fg = #f1f1f1; // "fg" stands for "foreground"A template to get started
If you are not experienced with Processing, a template is mostly a good starting point. Simply copy and paste the code into your Processing editor.
color bg = #000000;
color fg = #f1f1f1;
void setup(){
size(900,900);
}
void draw(){
background(bg);
// Get Creative!
}