Team:Cornell/project/wetlab/animation

From 2013.igem.org

(Difference between revisions)
(removed ssl from http (https -> http))
(Removed mention of other animations, rewrote for mycodraw, replaced iframes with direct youtube links)
Line 17: Line 17:
<div class="twelve columns">
<div class="twelve columns">
<br>
<br>
-
Our project was less amenable to fancy 3D animations this year, so we took a different approach: trying to pack a lot of information in minimally designed, cartoon-style animation.
+
Our project was less amenable to fancy 3D animations this year, so instead we decided to explore different kinds of animated visuals. The most successful project was MycoDraw, a program that simulates mycelial growth using an image as a mapping of food concentration-- the mycelium grows fastest where the image is brightest, and consumes the brightness.
<br><br>
<br><br>
-
<iframe width="755" height="520" frameborder="0" src="http://dl.dropboxusercontent.com/u/496608/animation.html" scrolling="no"></iframe>
+
<iframe width="750" height="495" src="http://www.youtube.com/embed/n0LQmhcJTFw?html5=1&wmode=transparent" frameborder="0" allowfullscreen></iframe>
<br>
<br>
-
However, we also worked on other visual displays, such as a program that simulates mycelial growth using an image as a mapping of food concentration-- the mycelium grows fastest where the image is brightest, and consumes the brightness. Although this didn't always make the prettiest images, we were able to adapt the program to produce excellent animations by breaking away from modeling the food concentration.
+
Although this didn't always make the prettiest images, we were able to adapt the program to produce excellent animations by breaking away from modeling the food concentration. We implemented it in Java and javascript, although we were unable to make the javascript run efficiently on certain browsers (notably Firefox). The code for the javascript can be found <a href="https://2013.igem.org/Team:Cornell/javascripts/mycodraw?action=raw">here</a>.
<br><br>
<br><br>
-
<iframe width="755" height="520" frameborder="0" src="http://dl.dropboxusercontent.com/u/496608/animation2.html" scrolling="no"></iframe>
+
<iframe width="750" height="495" src="http://www.youtube.com/embed/bAtCY2tAyy4?html5=1&wmode=transparent" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>

Revision as of 01:58, 25 October 2013

Cornell University Genetically Engineered Machines

Animation


Our project was less amenable to fancy 3D animations this year, so instead we decided to explore different kinds of animated visuals. The most successful project was MycoDraw, a program that simulates mycelial growth using an image as a mapping of food concentration-- the mycelium grows fastest where the image is brightest, and consumes the brightness.


Although this didn't always make the prettiest images, we were able to adapt the program to produce excellent animations by breaking away from modeling the food concentration. We implemented it in Java and javascript, although we were unable to make the javascript run efficiently on certain browsers (notably Firefox). The code for the javascript can be found here.