ember.js drum machine
DESCRIPTION
TRANSCRIPT
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
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