Reading notes
Processing
Text and Typography Page 101 – 116
Data 2: Text
Processing can be approached with an emphasis on language.
Potentially interesting to a far broader audience.
Characters
Char variables are declared and assigned in the same way as the int and floattypes.
Use the String data type to store words and sentences. Surrounding double quotes distinguish string from characters and the rest of the program.
Data 3: Conversion, Objects
boolean(), byte(), char(), int(), float(), str() [primitive data]
Objects
Variables created with the PImage, PFont, and String data types are objects.
Typography 1: Display
PFont, loadFont(), textFont(), text(), textSize(), textLeading(), textAlign(), textWidth()
Letters on screen are created by setting the color of pixels.
Loading fonts, Drawing text
Before letters can be displayed on the screen with Processing, a font must first be converted into the VLW format.
Text attributes
Processing includes functions to control the way text is displayed and alignment. Fonts in Processing are images and not vector outlines.
Development 1: Sketching, Techniques Page 145 – 147
Learning programming and spoken language are comparable.
Modification
Changing the values of variables in existing programs is a good way to explore code.
Augmentation
Augmentation uses existing code as a base for further exploration.
Coding sketches purely from scratch.
Colour by Numbers- Page. 85 – 93 Colour
colour, colour(), colourMode()
Working with colour on screen differs from colour on paper or canvas
Screen colours are additive – all colours create white, colours on canvas are subtractive, add to black/brown.
Common way to specify color on the computer is with RGB values.
Setting colours
background(), fill(), stroke()
Colour selector
Transparency function an optional value, from 0-250. Color data
The parameters of the color() function define a colour.
RGB, HSB
Processing uses the RGB colour model as default for working with colour, but the HSB specification can be instead to define colours in terms of their hue, saturation, and brightness (light and dark).
The colorMode() function sets the color space for a program. The parameters to colorMode() change the way Processing interprets color data (RGB or HSB).
Hexadecimal (hex) notation is an alternative notation for defining color.
Symmetries of Islamic Geometrial Patterns by Abas and Shaker, 1.2.1 – 1.2.5 page 14-24
Khatern Sulemani: The Most Basic Shape
Symmetry of the division of a circle, Self-superposition of a polygon, Repeat region fills space and leave the holes when the drawing was done
Shapes divided symmetrically, producing 8 points. Creates some secondary polygons, filled black. They represent other shapes, this occurs regularly and is a common characteristic of Islamic patters. Appropriate choices of inner constraints key to harmonious proportions, thus beauty, Recursive. Repeat cells and use it to fill the spaces.
Harmonious Proportions: The Secret of Beauty
Beautiful patterns have to be based on some form of inner logic of proportions. Root Two System of Proportions.
Grid and Circle
Symmetric divisions and the dense packing of space with circles is a feature of Islamic patterns. Relates them to the kind of structures that arise in the physics of solids.
