Global Bridge Player

Sketches for design and UX

Global Bridge Player App Diagram Sketch

Diagrams: PDF Outline 01_GBS_JR_SKETCH & 02_GBS_JR_SKETCH  & 03_GBS_JR_SKETCH

Bridge monitoring diagram

Bridge monitoring diagram

Image 1. Diagram of vibration monitoring on bridge – adapt icons for various elements of composition

I love their laser displacement transducer and laser target diagram – something like this has the kind of visual qualities I can see working. A bit colourful and playful, not entirely technical B&W drawing, but not complete game aesthetic. A combination of the small dots and crosses like the above diagram, with the vortices shedding and the vibrations whirling around the cables, then disintegration from the effects of wind and sound is ideal.

Singing Bridges LOGO

Singing Bridges LOGO

Step 1. Load & access Database Sounds (design for composition) selected by user interface

A. Ambient/bass/continual

B. Concrete/structure/intermittent

C. Movement/higher frequencies/punctuation

Cable-Stay Fan Structure

Cable-Stay Fan Structure

Step 2. Parameters – Choices selected by phone user will define shape and structure of bridge

Bridge structures: Suspension / Cable-stay / Arch /

Pylons: H-Frame / A-Frame / Arch

Materials: Concrete / Steel / Wood OR Cable arrangements: Harp / Fan / Vertical

H-Frame steel pylons

H-Frame steel pylons

Step 3: Press PLAY to save selection and start drawing your bridge with sound

Various possibilities – ball bouncing along bridge, bumping into cables to trigger random sounds?

Wild and unusual bridge shapes – not necessarily existing bridges, based on various designs

Design Zhuhai Shizimen Bridge

Design Zhuhai Shizimen Bridge

Step 4: Gestural & Haptic interface to determine length, height and location of the bridge

Selection screen for three parameters as defined in step 2.

XYZ Axis of accelerometer built-in to phone mapped to sound and bridge parameters to “draw the bridge with sound” for example: User tilts phone on Y axis (landscape) to create length of bridge and on X axis (portrait) to specify height of pylons.

Touch interface with 3rd set of parameters, user selects location from points on map.

Nyabarongo Bridge Playing

Nyabarongo Bridge Playing

Step 5. Tilt phone along Y axis to draw roadway of bridge and start playing sound A.

Step 6. Tilt phone along X axis to draw pylon of bridge and start playing sound B.

Step 7. Touch screen for map to select location of bridge, start playing sound C:

Step 8. REC – Record button saves all settings – starts bridge “playing” with all sounds & FX options

PHASE TWO

Step 9. User “plays” bridge with generative / animation showing the effect of vibration on the structure

Golden Gate score - Composition

Golden Gate score – Composition

Use elements of wind/circuit diagram, bridge composition drawings for visual design of FX on bridge

Tilt phone on Y axis to create a generative animation of vortex shedding along the cables (with remix FX)

Tilt phone on X axis to start vibrations moving through the pylon (with remix FX)

Raise and lower phone on Z axis to change the depth & intensity of the vibrations & FX (wet/dry & volume)

Higher = louder audio volume, more intense vibration and effects

Lower = softer audio volume, subtle vibration and effects

Decay vibrations diagram

Decay vibrations diagram

Image: Bridge falls apart – I like these diagrams as they illustrate the idea of the vibrations shaking the bridge loose – the disintegration at the end is really nice.

Other options:

L-R Panning (is this going to be audible through the single speaker built-in to the phone?)

Reverse audio if phone tilted back towards -Y / play forward again if tilted to + Y

Add distortion if phone tilted – X / add delay  if phone tilted to + X

Sounds can scale/blend/alter pitch at the bridge moves, shakes / decays (shruti box)

Eventually if you keep playing the audio and raising the phone, the bridge will shake itself apart and disintegrate with accompanying wilder distortion and echo FX. If you lower the phone, the bridge will eventually become silent and stop vibrating. Natural balance – movement between rest / chaos.

Bridge collapse diagram

Bridge collapse diagram

Step 10. Press “STOP”  & save/upload or discard file.

Select options: save  to gallery on phone / save & upload / discard recording of bridge player.

Upload options: Soundcloud/Facebook/Twitter & Custom built platform with social media alerts

Additional Images & diagrams

Part A (Step 1-3)

Bridge anchor pylon

Bridge anchor pylon

Ruckachucky Plan

Ruckachucky Plan

Ruckachucky Elevation

Ruckachucky Elevation

Part B (Step 4-8)

Composition elements - sound icons

Composition elements – sound icons

Icons for movement of sound across bridge

Icons for movement of sound across bridge

Wheatstone bridge single op amp radio circuit

Wheatstone bridge single op amp radio circuit

Part C (Step 9-10)

Suspension Bridge Decay

Suspension Bridge Decay Forces

Bridge collapse patterns

Bridge collapse patterns

Advertisements