25
Ember.js drum machine @gavinjoyce

Ember.js drum machine

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Ember.js drum machine

Ember.jsdrum machine

@gavinjoyce

Page 2: Ember.js drum machine

Roland TR-808

Page 3: Ember.js drum machine

Roland TR-808

● Early 1980s

Page 4: Ember.js drum machine

Roland TR-808

● Early 1980s● One of the first programmable drum machines

Page 5: Ember.js drum machine

Roland TR-808

● Early 1980s● One of the first programmable drum machines● Fully synthesised sounds

Page 6: Ember.js drum machine

Roland TR-808

● Early 1980s● One of the first programmable drum machines● Fully synthesised sounds● $1,195 on release / $5,000 on ebay today

Page 7: Ember.js drum machine

Roland TR-808

● Early 1980s● One of the first programmable drum machines● Fully synthesised sounds● $1,195 on release / $5,000 on ebay today● Popularised by Marvin Gaye

Page 11: Ember.js drum machine

A framework for creating ambitious web applications

Page 12: Ember.js drum machine

App = Em.Application.create();

Page 13: Ember.js drum machine

App.Song = Ember.Object.extend({ name: ‘Untitled’, tempo: 100, channels: Ember.A()});

Object Model

Page 14: Ember.js drum machine

Song

Object Model

Page 15: Ember.js drum machine

Song

Channel Channel Channel

Object Model

Page 16: Ember.js drum machine

Song

Channel Channel Channel

Step Step Step Step Step Step

Object Model

Page 17: Ember.js drum machine

Controllers and Templates

Page 18: Ember.js drum machine

ApplicationController generated

Page 19: Ember.js drum machine

ApplicationController

SongController (song)

Page 20: Ember.js drum machine

ApplicationController

SongController (song)

PlaybackController (song)

Page 21: Ember.js drum machine

ApplicationController

SongController (song)

PlaybackController (song)

ChannelsController (channels array)

Page 22: Ember.js drum machine

ApplicationController

SongController (song)

PlaybackController (song)

ChannelsController (channels array)

ChannelController (channel)

Page 23: Ember.js drum machine

ApplicationController

SongController (song)

PlaybackController (song)

ChannelsController (channels array)

ChannelController (channel)

StepsController (steps array)

Page 24: Ember.js drum machine

ApplicationController

SongController (song)

PlaybackController (song)

ChannelsController (channels array)

ChannelController (channel)

StepsController (steps array)

StepController (step)