Ember.js
drum 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 ...
Roland TR-808
●
●
●
●
●

Early 1980s
One of the first programmable drum machines
Fully synthesised sounds
$1,195 on releas...
Roland TR-808
Roland TR-808
emberbeats.gavinjoyce.com
A framework for creating
ambitious web applications
App = Em.Application.create();
Object Model

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

Step

Step

Channel

Step

Step

Channel

Step

Step
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)
ChannelControll...
ApplicationController
SongController (song)
PlaybackController (song)

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

ChannelsController (channels array)
ChannelControll...
github.com/gavinjoyce/ember-beats
Upcoming SlideShare
Loading in …5
×

Ember.js drum machine

537 views
417 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
537
On SlideShare
0
From Embeds
0
Number of Embeds
27
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ember.js drum machine

  1. 1. Ember.js drum machine @gavinjoyce
  2. 2. Roland TR-808
  3. 3. Roland TR-808 ● Early 1980s
  4. 4. Roland TR-808 ● Early 1980s ● One of the first programmable drum machines
  5. 5. Roland TR-808 ● Early 1980s ● One of the first programmable drum machines ● Fully synthesised sounds
  6. 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. 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. 8. Roland TR-808
  9. 9. Roland TR-808
  10. 10. emberbeats.gavinjoyce.com
  11. 11. A framework for creating ambitious web applications
  12. 12. App = Em.Application.create();
  13. 13. Object Model App.Song = Ember.Object.extend({ name: ‘Untitled’, tempo: 100, channels: Ember.A() });
  14. 14. Object Model Song
  15. 15. Object Model Song Channel Channel Channel
  16. 16. Object Model Song Channel Step Step Channel Step Step Channel Step Step
  17. 17. Controllers and Templates
  18. 18. ApplicationController generated
  19. 19. ApplicationController SongController (song)
  20. 20. ApplicationController SongController (song) PlaybackController (song)
  21. 21. ApplicationController SongController (song) PlaybackController (song) ChannelsController (channels array)
  22. 22. ApplicationController SongController (song) PlaybackController (song) ChannelsController (channels array) ChannelController (channel)
  23. 23. ApplicationController SongController (song) PlaybackController (song) ChannelsController (channels array) ChannelController (channel) StepsController (steps array)
  24. 24. ApplicationController SongController (song) PlaybackController (song) ChannelsController (channels array) ChannelController (channel) StepsController (steps array) StepController (step)
  25. 25. github.com/gavinjoyce/ember-beats

×