320px

Hype (Generative Art) AppChoose a Shape

1.1 Status Bar

1.2 Choose a Shape Title/Instruction

1.3 Shape (Cover Flow) Display

1.4 Shape Library - Scrollable when there are multiple shapes.

1.5 Preset Shapes and Loaded Shapes - Preset shapes (basic shapes) will be provided and if the user has created shapes in the Canvas App they will be loaded into the shapes library. To choose a shape tap on the shape in the shape library. It then loads into the Shape Display and more shapes can be continually added. Shapes can be deleted from the Shape Display by tapping the “x” in 1.8.

1.6 Previous Button

1.7 Next Button

1.8 Delete/Deselect Shape from Choice Selection

1.1

1.2

1.3

1.4

1.5

1.8

1.6 1.7Choose a ShapeBack Next

320px

Hype (Generative Art) AppChoose a Colour Palette

1.1 Status Bar

1.2 Choose a Colour Palette/Instruction

1.3 Colour Palette Display

1.4 Colour Palette Library

1.5 Preset Colour Palette and Loaded Kuler Palettes - Preset colour palettes will be pro-vided and if the user has created their own Kuler Library and are connected to the server they will be loaded into the colour palette library. When a palette is selected it is loaded into the display and deselected when another palette is chosen.

1.6 Previous Button

1.7 Next Button

1.1

1.2

1.3

1.4

1.5

1.6 1.7Choose a ColourPaletteBack Next

320px

Hype (Generative Art) AppChoose a Generation

1.1 Status Bar

1.2 Choose a Generation/Instruction

1.3 Generation Demo Area

1.4 Generation Selection Area

1.5 Preset Generations - Once Generation is tapped it is demoed in the pattern demo area, when tapped again the user is moved to the next step.

1.6 Previous Button

1.7 Done Button - Finishes New Canvas Setup

1.1

1.2

1.3

1.4

1.5

1.6 1.7Choose a GenerationBack Done

Simple BallisticBitmap Canvas

Blur Rhythm

Generate GridPixel Colourist

Shape Layout Object Pool

Swarm

Swarm

Pixel Colourist

Shape Layout

Drip Slip

Blur Rhythm

Generate Grid

Scatter Slide

Simple Ballistic

Object/shape swarmsaround screen leavinga blurred out colored trail.

Pixel colourist createsa grid from selected and applies a gradient on top of the shapes.

Takes a basic shape

selected shapes and colours.

Selected shapes movein a vertical space leavingcoloured trails.

Selected shape is moved

trail.

Takes selected shape, creates gridand applies colour pallete in randomorder.

screen, leaving a tail from thepath which the shape went.

Selected shapes act as dropsof paint and drips down the screen, user can control the drips by tip and moving iphone.

320px

Hype (Generative Art) AppMain Canvas Screen

1.1 Canvas Area - View what you have on

zoom in and out.

1.2 Shapes/Generated Generation - Your shapes chosen will appear on screen if they were selected from the New Canvas Menu Button or will show your generated pattern.

1.3 Tab Bar - Will always stay on the bottom and options will change for Tweak Mode and Main Canvas Screen.

1.4 Menu - Activates Menu Fly Out

1.5 Connections - Manage your connections.

1.6 Save - Save a in progress piece of art.

1.7 Generate - Choose to start or stop generating your last selected generation.

1.8 Tweak - Tweak mode

1.9 Menu Fly Out - Contains Home, Color Palette, Shape Selection and Generation

Generation

Shapes

Color Palette

Home

1.8 1.51.61.7

1.1

1.2

1.3

1.4

1.9

320px

Hype (Generative Art) AppTweak Mode

1.1 Canvas Area - Manipulate what you have on screen by tapping an object to select it. Two

objects.

1.2 Shapes/Generated Generation - Your shapes chosen will appear on screen if they were selected from the New Canvas Menu Button or will show your generated generation.

1.3 Tab Bar - Will always stay on the bottom and

1.4 Canvas - Bring the user back to the Main Canvas

1.5 Delete - Delete Selected Shapes.

your shape from an individual colour from the current colour palette. 1.7 Undo

1.8 Redo

1.9 Selected Shape - Allows you delete, scale and rotate.

1.9

1.8 1.51.7

1.1

1.2

1.3

1.41.6

320px

Hype (Generative Art) AppSave

1.1 Status Bar

1.2 Save Internally - This will allow for the user to save their current work in progress. It will populate the options in 1.4. The options will be current and then show your previous saves below.

1.3 Save Externally - This will populate options to save your artwork to another device. If the user is connected it will show below in 1.4 if the user is not connected it won’t show.

1.4 Populates Save Options - From choices above options will appear.

1.5 - Tab bar - This will be available at all times to change screen states.

appear before text.

1.11.6Save Options

Internally Externally1.2 1.3

1.4

1.5

Edit

320px

Hype (Generative Art) AppConnections

1.1 Status Bar

1.2 IP Number:

Keyboard Pops Up

1.3 Port Number

Keyboard Pops Up

1.4 Connect - Submits information and con-nects to device.

1.5 Displays Connection Name with check mark or “x” to indicate success or failure of connection.

1.6 Disconnect - Disconnects current connec-tion.

1.7 Tab bar - This will be available at all times to change screen states.

1.1

1.6

1.7

Connections

1.2

1.3

1.4

1.5