Wikileaks releases collection includes documents released from the
Afghan war diaries and the Iraq war logs, as well as the more recent
release of the US State diplomatic cables.Please note, there are
thousands of news articles, blog entries, etc. that are not listed
below.
[Bikini kill
: Rebel Girl] - YouTube Advertisement Your browser does not currently
recognize any of the video formats available. Click here to visit our
frequently asked questions about HTML5 video. Content: text/html Size: 23 KB
The song "Kill for Peace" mocks the US government logic behind the war: "Kill , kill , kill for peace If you let them live They might support the Russians If you let them live They might love the Russians Content: text/html Size: 86 KB
YouTube - On Julian Assange "We Need To Kill The Guy!" Browse Movies Upload Create Account Sign In Search On Julian Assange "We Need To Kill The Guy!" Content: text/html Size: 113 KB
YouTube - Kill Bank of America Browse Upload Create Account Sign In Search Kill Bank of America Rys2sense 244 videos Subscribe Subscribed Sign In or Sign Up now! Loading... Content: text/html Size: 134 KB
YouTube - Queen - Too much love will kill you (Legendado) Browse Upload Create Account Sign In Search Queen - Too much love will kill you (Legendado) suicidadealuguel 73 videos Subscribe Subscribed Sign Content: text/html Size: 137 KB
YouTube - Alain Delon『Have I The Right To Kill ?』aka『L'Insoumis』 Browse Upload Create Account Sign In Search Alain Delon『Have I The Right To Kill ?』 Content: text/html Size: 112 KB
On Julian Assange "We Need To Kill The Guy!" - YouTube Browse Movies Upload Create Account Sign In Search On Julian Assange "We Need To Kill The Guy!" Content: text/html Size: 96 KB
YouTube - ERIC CANTONA "KILL THE BANKS" (A MUST SEE)! Advertisement Your browser does not currently recognize any of the video formats available. Content: text/html Size: 9.1 KB
tracks holds the six tracks of the drum machine. Each track has a sound and sixteen steps (or beats). tracks holds the six tracks of the drum machine. Each track has a sound and sixteen steps (or beats).
Increase data.step by one. If data.step is 15, the last step, loop back around to 0, the first step.
Increase data.step by one. If data.step is 15 (the last step) loop back around to 0 (the first step).
Update
¶Mary livecodes a drum machine
that runs in the browser without plugins.
See the heavily annotated source code here:
http://drum-machine.maryrosecook.com
Find all the tracks where the current step is on. Play their sounds.
Find all the tracks where the current step is on. Play the sounds for those tracks.
@@ -194,8 +195,8 @@
Draw
¶
Get the screen object. This is a bundle of functions that, when called, draw in the canvas element created in index.html. Get the screen object. This is a bundle of functions that draw in the canvas element. @@ -210,10 +211,9 @@
Draw
¶
draw() draws the drum machine. Called once at the beginning of the program. Is then called 60 times a second forever because of the requestAnimationFrame() call below. draw() draws the drum machine. Called once at the beginning of the program. It’s then called 60 times a second forever (see the call to requestAnimationFrame() below). @@ -258,7 +258,7 @@
Draw
¶
Draw the pink square that indicates the current step. Draw the pink square that indicates the current step (beat). @@ -315,7 +315,7 @@
Handle events
¶ setupButtonClicking() sets up the event handler that will make clicks turn track buttons on and off. mouse clicks turn track buttons on and off.@@ -345,7 +345,8 @@
…Get the coordinates of the mouse pointer relative to the canvas… …Get the coordinates of the mouse pointer relative to the canvas… @@ -405,7 +406,7 @@
Create the basic note as a sine wave. A sine wave produces a pure tone. Set it to play for duration seconds. Create the basic note as a sine wave. A sine wave produces a pure tone. Set it to play for duration seconds. @@ -457,7 +459,8 @@
Set the note’s frequency to frequency. A greater frequency produces a higher note. Set the note’s frequency to frequency. A greater frequency produces a higher note. @@ -472,8 +475,9 @@
Web audio works by connecting nodes togther in chains. The output of one node becomes the input to the next. Thus, sound can be created and modified. Web audio works by connecting nodes together in chains. The output of one node becomes the input to the next. In this way, sound is created and modified. @@ -504,7 +508,8 @@
Handle events
¶ An amplifier reduces the volume of the tone from 20% to 0 over the duration of the tone. This produces an echoey effect. over the duration of the tone. This produces an echoey effect.@@ -519,7 +524,8 @@
Create the basic note as a sine wave. A sine wave produces a pure tone. Set it to play for duration seconds. Create the basic note as a sine wave. A sine wave produces a pure tone. Set it to play for duration seconds. @@ -568,8 +575,9 @@
Set the initial frequency of the drum at a low 160. Reduce it to 0 over the duration of the sound. This produces that BBBBBBBoooooo….. drop effect. Set the initial frequency of the drum at a low 160. Reduce it to 0 over the duration of the sound. This produces that BBBBBBBoooooo….. drop effect. @@ -584,8 +592,9 @@
Web audio works by connecting nodes togther in chains. The output of one node becomes the input to the next. Thus, sound can be created and modified. Web audio works by connecting nodes together in chains. The output of one node becomes the input to the next. In this way, sound is created and modified. @@ -616,7 +625,8 @@
Handle events
¶ An amplifier reduces the volume of the tone from 40% to 0 over the duration of the tone. This produces an echoey effect. over the duration of the tone. This produces an echoey effect.@@ -631,7 +641,8 @@
createSineWave() returns a sound node that plays a sine wave of duration seconds. createSineWave() returns a sound node that plays a sine wave for duration seconds. @@ -664,7 +675,7 @@
Make the oscillator a sine wave. Different types of wave produces different characters of sound. A sine wave produces a pure tone. Make the oscillator a sine wave. Different types of wave produce different characters of sound. A sine wave produces a pure tone. @@ -711,8 +721,8 @@
Tell the sine wave to stop playing after duration seconds have passed. Tell the sine wave to stop playing after duration seconds have passed. @@ -743,9 +753,9 @@
rampDown() takes a value, sets it to startValue and reduces it to almost 0 in duration seconds. value might be the volume or frequency of a sound. rampDown() takes value, sets it to startValue and reduces it to almost 0 in duration seconds. value might be the volume or frequency of a sound. @@ -763,9 +773,9 @@
createAmplifier() returns a sound node that controls the volume of the sound coming into it. The volume is started at startValue and ramped down in duration seconds to almost 0. createAmplifier() returns a sound node that controls the volume of the sound entering it. The volume is started at startValue and ramped down in duration seconds to almost 0. @@ -784,9 +794,10 @@
chain() connects an array of soundNodes into a chain. If there are three nodes in soundNodes, the first will be joined to the second and the second to the third. chain() connects an array of soundNodes into a chain. If there are three nodes in soundNodes, the output of the first will be the input to the second, and the output of the second will be the input to the third. @@ -805,9 +816,10 @@
createTrack() returns an object that represents a track. This contains an array of 16 steps. Each of these are either on (true) or off (false). It contains color, the color to draw buttons when they are on. It contains playSound, the function createTrack() returns an object that represents a track. This track contains an array of 16 steps. Each of these are either on (true) or off (false). It contains color, the color to draw buttons when they are on. It contains playSound, the function that plays the sound of the track. @@ -853,7 +865,7 @@
isPointInButton() returns true if p, the coordinates of a mouse click are inside the button at column and row. isPointInButton() returns true if p, the coordinates of a mouse click, are inside the button at column and row.
# Drum Machine
This example app shows you how to write a simple drum machine that runs in the browser.
## Annotated source code
The [heavily annotated source code](https://drum-machine.glitch.me/docs/drum-machine.html) is 114 lines long, but each aspect of the code is described so that you can understand how it works.
## Get the code
[Remix this project](https://glitch.com/edit/#!/remix/drum-machine)
## Contact
Mary Rose Cook - http://maryrosecook.com
