Skip navigation

… Code

Homepage
The homepage has five icons: playlist, chart, event, mix and guest. Each icon is also a button so if you click on one the app brings you to the screen pages of this category. All the next screens are made by a buttons and windows menu.

(click to enlarge)

Mixing page
Clicking on one of the four different coloured buttons below you can activate an effect; clicking again turns it off. When the effect is ‘on’ the circle button is empty; when ‘off’, the button is filled.

(click to enlarge)

Filter effect
The filter effect is made by drawing an arc between two points (‘e’ is the beginning point and ‘d’ the final one). Dragging the mouse (mouseDragged) in the right side of the screen, the arc increases on the right; dragging it on the left side, the arc increases on the left.

(click to enlarge)

Loop effect
This effect is made by 70 circles that move randomly around the center of the screen. With the ‘mouseDragged’, if you click upwards the ray circles decrease; if the mouse goes down they increase.

(click to enlarge)

Flanger effect
Is made by a turbine that goes round the centre of the screen.

(click to enlarge)

Echo effect
This effect is made by an array of circles array that appear to  increase their diameter (‘diameter++’) and also the colour changing (c1, c2, c3 are the three colours used).

(click to enlarge)

here the pdf complete code

| home | concept | design | process | code | critical reflection | teamwork | credits | download |