Team:Cornell/project/wetlab/animation

From 2013.igem.org

(Difference between revisions)
 
(6 intermediate revisions not shown)
Line 16: Line 16:
<div class="row last-ele">
<div class="row last-ele">
<div class="twelve columns">
<div class="twelve columns">
-
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.
+
<br>
-
<iframe width="755" height="520" frameborder="0" src="https://dl.dropboxusercontent.com/u/496608/animation.html" scrolling="no"></iframe>
+
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="750" height="495" src="http://www.youtube.com/embed/n0LQmhcJTFw?html5=1&wmode=transparent" frameborder="0" allowfullscreen></iframe>
-
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.
+
<br>
-
<iframe width="755" height="520" frameborder="0" src="https://dl.dropboxusercontent.com/u/496608/animation2.html" scrolling="no"></iframe>
+
<br>
 +
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 target="_blank" href="https://2013.igem.org/Team:Cornell/javascripts/mycodraw?action=raw">here</a>.
 +
<br><br>
 +
<iframe width="750" height="495" src="http://www.youtube.com/embed/bAtCY2tAyy4?html5=1&wmode=transparent" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>

Latest revision as of 21:11, 27 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.