Back
1.6
Choose a Shape
1.7
Next
1.1 1.2
1.8
Hype (Generative Art) App Choose 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.3 1.4 1.5
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
320px
1.8 Delete/Deselect Shape from Choice Selection
Back
1.6
Choose a Colour 1.7 Palette
Next
1.1 1.2
Hype (Generative Art) App Choose 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.3 1.4 1.5
1.5 Preset Colour Palette and Loaded Kuler Palettes - Preset colour palettes will be provided 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
320px
Back
1.6Choose a Generation 1.7
Done
1.1 1.2
Hype (Generative Art) App Choose a Generation 1.1 Status Bar 1.2 Choose a Generation/Instruction 1.3 Generation Demo Area 1.4 Generation Selection Area
Swarm Object/shape swarms around screen leaving a blurred out colored trail.
1.3 1.4
Swarm
Blur Rhythm
1.5
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
Pixel Colourist Pixel colourist creates a grid from selected and applies a gradient on top of the shapes.
Generate Grid
Pixel Colourist
1.7 Done Button - Finishes New Canvas Setup Blur Rhythm Selected shape is moved
Shape Layout
Shape Layout
Object Pool
Bitmap Canvas
Simple Ballistic
Takes a basic shape 320px
selected shapes and colours.
trail.
Generate Grid
Takes selected shape, creates grid and applies colour pallete in random order.
Drip Slip Selected shapes move in a vertical space leaving coloured trails.
Scatter Slide screen, leaving a tail from the path which the shape went.
Simple Ballistic Selected shapes act as drops of paint and drips down the screen, user can control the drips by tip and moving iphone.
Hype (Generative Art) App Main Canvas Screen
1.1
1.1 Canvas Area - View what you have on zoom in and out.
1.2
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.9 Home
1.6 Save - Save a in progress piece of art.
Color Palette Shapes Generation
1.3 1.8
1.7
1.6
320px
1.5
1.4
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
Hype (Generative Art) App Tweak Mode
1.1
1.1 Canvas Area - Manipulate what you have on screen by tapping an object to select it. Two
1.2
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.9
1.5 Delete - Delete Selected Shapes. your shape from an individual colour from the current colour palette. 1.3
1.6 1.8
1.7
1.5
320px
1.4
1.7 Undo 1.8 Redo 1.9 Selected Shape - Allows you delete, scale and rotate.
Save Options
1.6
Edit
1.1
Hype (Generative Art) App Save 1.1 Status Bar
1.2
Internally
1.3
1.4
Externally
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.
1.5
320px
appear before text.
Connections
1.1
Hype (Generative Art) App Connections 1.1 Status Bar
1.2
1.2 IP Number: 1.3
Keyboard Pops Up 1.3 Port Number
1.4
Keyboard Pops Up
1.5
1.4 Connect - Submits information and connects to device.
1.6
1.5 Displays Connection Name with check mark or “x” to indicate success or failure of connection. 1.6 Disconnect - Disconnects current connection. 1.7
320px
1.7 Tab bar - This will be available at all times to change screen states.