ember.js drum machine

Ember.jsdrum machine

@gavinjoyce

Roland TR-808

Roland TR-808

● Early 1980s

Roland TR-808

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

Roland TR-808

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

Roland TR-808

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

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

Roland TR-808

Roland TR-808

emberbeats.gavinjoyce.com

A framework for creating ambitious web applications

App = Em.Application.create();

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

Object Model

Song

Object Model

Song

Channel Channel Channel

Object Model

Song

Channel Channel Channel

Step Step Step Step Step Step

Object Model

Controllers and Templates

ApplicationController generated

ApplicationController

SongController (song)

ApplicationController

SongController (song)

PlaybackController (song)

ApplicationController

SongController (song)

PlaybackController (song)

ChannelsController (channels array)

ApplicationController

SongController (song)

PlaybackController (song)

ChannelsController (channels array)

ChannelController (channel)

ApplicationController

SongController (song)

PlaybackController (song)

ChannelsController (channels array)

ChannelController (channel)

StepsController (steps array)

ApplicationController

SongController (song)

PlaybackController (song)

ChannelsController (channels array)

ChannelController (channel)

StepsController (steps array)

StepController (step)

github.com/gavinjoyce/ember-beats