1. Ember.js
drum machine
@gavinjoyce

2. Roland TR-808

3. Roland TR-808
● Early 1980s

4. Roland TR-808
● Early 1980s
● One of the first programmable drum machines

5. Roland TR-808
● Early 1980s
● One of the first programmable drum machines
● Fully synthesised sounds

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

7. 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

8. Roland TR-808

9. Roland TR-808

10. emberbeats.gavinjoyce.com

11. A framework for creating
ambitious web applications

12. App = Em.Application.create();

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

14. Object Model
Song

15. Object Model
Song
Channel
Channel
Channel

16. Object Model
Song
Channel
Step
Step
Channel
Step
Step
Channel
Step
Step

17. Controllers and Templates

18. ApplicationController generated

19. ApplicationController
SongController (song)

20. ApplicationController
SongController (song)
PlaybackController (song)

21. ApplicationController
SongController (song)
PlaybackController (song)
ChannelsController (channels array)

22. ApplicationController
SongController (song)
PlaybackController (song)
ChannelsController (channels array)
ChannelController (channel)

23. ApplicationController
SongController (song)
PlaybackController (song)
ChannelsController (channels array)
ChannelController (channel)
StepsController (steps array)

24. ApplicationController
SongController (song)
PlaybackController (song)
ChannelsController (channels array)
ChannelController (channel)
StepsController (steps array)
StepController (step)

25. github.com/gavinjoyce/ember-beats