Difference between revisions of "Team:NYU Shanghai/Design"

Revision as of 12:30, 8 September 2015

Project
- Design
- Parts
- Code
- Judging
Team
Outreach
Notebook

Overview

We've created an interactive beat generating machine.

The tube rack generates the background beat. Tubes contain bioluminescent bacteria, and each color corresponds to a different bass sound. Sound is read left to right.

Bacterial colonies are translated into a step sequencer. Bacteria express fluorescent or chromoproteins. Different colors correspond to different instruments.

Button control allows the user to control each sound layer.

Analyzes tube positions

Step Sequencer

How did we make the step sequencer?

Make bacteria plate
With bacteria expressing chromoproteins or fluorescent proteins. All parts taken from the Registry. See constructs here. See protocols here.
Take picture
Using a webcam. Import the picture into the laptop and the Processing environment.
Processing
Processing is a coding language and environment that allows us to translate data from an image into binary data. Blob detection is an open-source code that allows us to detect areas of high contrast (bacterial colonies). We obtain the RGB value of the blobs detected, and convert the positions into a 16X16 grid. Click here to see our code.
Sound mapping
Each position on the grid is mapped to a different note. Each row is the same note. Notes increase by half-steps in the column.
Music

♪ ♫ ♪ ♫

Tube Rack

How did we make the tube rack?

Laser cut tube rack
Using a laser cutter, we created a custom tube rack. 8 slots allow our system to run on 4/4 time.
Fill tubes with bioluminescent bacteria
Using luciferase generators from the registry, we created red, green, orange, and yellow colored bacteria. See constructs here. See protocols here.
Take picture
Using a webcam. Import the picture into the laptop and the Processing environment.
Processing
Processing is a coding language and environment that allows us to identify the RGB value of a specific position and correlate that value with a drum sound. Click here to see our code.
Beats

Boots and cats and boots and cats.

Button Control

How did we make the button control?

Obtain equipment
We used equipment from the awesome company DFRobot. An Arduino board allows us to take the data from physical interaction (i.e pushing a button) into commands such as adding a sound layer or decreasing the volume.
Create code

Click here to see the code.

@@ Line 405: / Line 405: @@
    }
    function expandStep2() {
-     if (document.getElementById("step2").className === "collapsing") {
+     if (document.getElementById("step2").className === "expanded") {
        document.getElementById("step2").style.color = "white";
        document.getElementById("step2Text").style.display = "none";
@@ Line 413: / Line 413: @@
        document.getElementById("step2").style.color = "#6db";
        document.getElementById("step2").className = "expanded";
-      if (document.getElementsByClassName("collapsing").length > 0) {
-        document.getElementsByClassName("collapsing")[0].className = "collapsed";
-      };
      };
    }
    function expandStep3() {
-     if (document.getElementById("step3").className === "collapsing") {
+     if (document.getElementById("step3").className === "expanded") {
        document.getElementById("step3").style.color = "white";
        document.getElementById("step3Text").style.display = "none";
@@ Line 427: / Line 424: @@
        document.getElementById("step3").style.color = "#6db";
        document.getElementById("step3").className = "expanded";
-      if (document.getElementsByClassName("collapsing").length > 0) {
-        document.getElementsByClassName("collapsing")[0].className = "collapsed";
-      };
      };
    }
    function expandStep4() {
-     if (document.getElementById("step4").className === "collapsing") {
+     if (document.getElementById("step4").className === "expanded") {
        document.getElementById("step4").style.color = "white";
        document.getElementById("step4Text").style.display = "none";
@@ Line 441: / Line 435: @@
        document.getElementById("step4").style.color = "#6db";
        document.getElementById("step4").className = "expanded";
-      if (document.getElementsByClassName("collapsing").length > 0) {
-        document.getElementsByClassName("collapsing")[0].className = "collapsed";
-      };
      };
    }
    function expandStep5() {
-     if (document.getElementById("step5").className === "collapsing") {
+     if (document.getElementById("step5").className === "expanded") {
        document.getElementById("step5").style.color = "white";
        document.getElementById("step5Text").style.display = "none";
@@ Line 455: / Line 446: @@
        document.getElementById("step5").style.color = "#6db";
        document.getElementById("step5").className = "expanded";
-      if (document.getElementsByClassName("collapsing").length > 0) {
-        document.getElementsByClassName("collapsing")[0].className = "collapsed";
-      };
      };
    }
    function expandTube1() {
-     if (document.getElementById("tube1").className === "collapsing") {
+     if (document.getElementById("tube1").className === "expanded") {
        document.getElementById("tube1").style.color = "white";
        document.getElementById("tube1Text").style.display = "none";
@@ Line 470: / Line 458: @@
        document.getElementById("tube1").style.color = "#6db";
        document.getElementById("tube1").className = "expanded";
-      if (document.getElementsByClassName("collapsing").length > 0) {
-        document.getElementsByClassName("collapsing")[0].className = "collapsed";
-      };
      };
    }
    function expandTube2() {
-     if (document.getElementById("tube2").className === "collapsing") {
+     if (document.getElementById("tube2").className === "expanded") {
        document.getElementById("tube2").style.color = "white";
        document.getElementById("tube2Text").style.display = "none";
@@ Line 484: / Line 469: @@
        document.getElementById("tube2").style.color = "#6db";
        document.getElementById("tube2").className = "expanded";
-      if (document.getElementsByClassName("collapsing").length > 0) {
-        document.getElementsByClassName("collapsing")[0].className = "collapsed";
-      };
      };
    }
    function expandTube3() {
-     if (document.getElementById("tube3").className === "collapsing") {
+     if (document.getElementById("tube3").className === "expanded") {
        document.getElementById("tube3").style.color = "white";
        document.getElementById("tube3Text").style.display = "none";
@@ Line 498: / Line 480: @@
        document.getElementById("tube3").style.color = "#6db";
        document.getElementById("tube3").className = "expanded";
-      if (document.getElementsByClassName("collapsing").length > 0) {
-        document.getElementsByClassName("collapsing")[0].className = "collapsed";
-      };
      };
    }
    function expandTube4() {
-     if (document.getElementById("tube4").className === "collapsing") {
+     if (document.getElementById("tube4").className === "expanded") {
        document.getElementById("tube4").style.color = "white";
        document.getElementById("tube4Text").style.display = "none";
@@ Line 512: / Line 491: @@
        document.getElementById("tube4").style.color = "#6db";
        document.getElementById("tube4").className = "expanded";
-      if (document.getElementsByClassName("collapsing").length > 0) {
-        document.getElementsByClassName("collapsing")[0].className = "collapsed";
-      };
      };
    }
    function expandTube5() {
-     if (document.getElementById("tube5").className === "collapsing") {
+     if (document.getElementById("tube5").className === "expanded") {
        document.getElementById("tube5").style.color = "white";
        document.getElementById("tube5Text").style.display = "none";
@@ Line 526: / Line 502: @@
        document.getElementById("tube5").style.color = "#6db";
        document.getElementById("tube5").className = "expanded";
-      if (document.getElementsByClassName("collapsing").length > 0) {
-        document.getElementsByClassName("collapsing")[0].className = "collapsed";
-      };
      };
    }
    function expandButton1() {
-     if (document.getElementById("button1").className === "collapsing") {
+     if (document.getElementById("button1").className === "expanded") {
        document.getElementById("button1").style.color = "white";
        document.getElementById("button1Text").style.display = "none";
@@ Line 541: / Line 514: @@
        document.getElementById("button1").style.color = "#6db";
        document.getElementById("button1").className = "expanded";
-      if (document.getElementsByClassName("collapsing").length > 0) {
-        document.getElementsByClassName("collapsing")[0].className = "collapsed";
-      };
      };
    }
    function expandButton2() {
-     if (document.getElementById("button2").className === "collapsing") {
+     if (document.getElementById("button2").className === "expanded") {
        document.getElementById("button2").style.color = "white";
        document.getElementById("button2Text").style.display = "none";
@@ Line 555: / Line 525: @@
        document.getElementById("button2").style.color = "#6db";
        document.getElementById("button2").className = "expanded";
-      if (document.getElementsByClassName("collapsing").length > 0) {
-        document.getElementsByClassName("collapsing")[0].className = "collapsed";
-      };
      };
    }

Difference between revisions of "Team:NYU Shanghai/Design"

Revision as of 12:30, 8 September 2015

Project

Team

Outreach

Notebook

Overview

We've created an interactive beat generating machine.

Step Sequencer

How did we make the step sequencer?

Tube Rack

How did we make the tube rack?

Button Control

How did we make the button control?

Hardware

These are our diagrams we made to laser-cut the hardware we needed.

Camera Stand

Button Box

Tube Rack

Camera Case

Disk Rack