<body>
<div class="nav">
+
<ul>
- <li><strong>{{site.name}}</strong></li>
+ <li><strong><a href="{{site.baseurl}}/">{{site.name}}</a></strong></li>
<li> </li>
<li><a href="{{site.baseurl}}/works.html">works</a></li>
<li><a href="{{site.baseurl}}/about.html">about</a></li>
</ul>
+
+
+
</div>
<div class="site">
{{ content }}
</div>
+<div class="btp">
+ <a href="#">Back to Top</a>
+</div>
<!--
<div class="pagination">
<a href="{{ page.previous.url }}">← prev</a> | <a href="{{ page.next.url }}">next →</a>
---\r
layout: post\r
-title: "Bay Area Transit Vis"\r
+title: "Bay Area Transit"\r
date: 2009-08-09\r
categories: datavis software\r
---\r

-audiovisual installation
-7' x 7' x 8"
+projection sculpture
+7' x 7' x 8"
Wood, Fabric, Java/Processing, Ableton Live, Max/MSP
A one dimensional visualization of the universe represented as varying
Live-coding GLSL editor with audio spectrum data for creating audio-reactive shaders in WebGL. Coded numbers in the shader become converted into performance sliders as they are typed, allowing any variable to be performed. Live audio data is made avaiable as a variable to affect visuals.\r
\r
### created by \r
-Ryan Alexander \r
-Reza Ali \r
-Gabriel Dunne \r
+Ryan Alexander, Reza Ali, Gabriel Dunne \r
\r
Source on [Github](https://github.com/quilime/audio-shadertoy/).\r
\r

-projection mapped installation
-concrete, plaster
-12' x 3.5' x 3.5'
-2 channel projection
+site-specific projection sculpture
+concrete, plaster
+12' x 3.5' x 3.5'
+2 channel projection
Site Specific, New Dehli
In collaboration with [Vishal K. Dar](http://vishalkdar.com/)
bg : #fff
---
-
+Article written during an artist residency at Autodesk/Pier9. Originall published on <a href="http://www.instructables.com/id/The-Golden-Proportion/">Instructables.com</a>, as part of a series of generative form and fabrication projects.
+
+<br /><br />
+
+# Phi and The Golden Proportion
The process of creation typically does not depend on a singular methodology when generating, perceiving and manipulating a form. Of the many ways to make a "thing", the observation and incorporation of natural phenomena is commonly used. However, in the process of observing and taking creative cues from the universe, one finds an enormous variety of phenomena to chose from. The beauty, order and variety in nature is readily visible. The golden proportion, or golden ratio is a classic pattern you've most likely seen that occurs in nature and demonstrates very interesting commonalities and relationships between various areas of physical, biological worlds. At its simpliest, it is a mathematical relationship between two quantities. By definition, two quantities are in the golden proportion if their ratio is the same as the ratio of their sum to the larger of the two quantities.
title: about
---
-### Gabriel Labov Dunne
-
-
-### bio
-b. 1981, San Francisco
+## bio
+Gabriel Labov Dunne, b.1981 San Francisco, USA
### contact
+
studio at gabrieldunne dot com
1242 Market St FL2
San Francisco
CA 94102
+1 415 493 8496
+### elsewhere
+<a href="http://twitter.com/quilime">twitter</a>
+<a href="http://flickr.com/photos/quilime">flickr</a>
+<a href="http://vimeo.com/quilime">vimeo</a>
+
+
-### c/v
+## c/v
### residencies / collaborations
2014 Artist in Residence, Autodesk, San Francisco, CA.
2005 Programming and Design, UCLA student workshops, Los Angeles, 1-day workshops
2004 Maya Student Workshop Series, UCLA, Los Angeles, weekly series
2003 Typography Workshop Series, UCLA, Los Angeles, 1-day workshop
-2003 Software Workshop Series, Maya/Photoshop/Illustrator/After Effects. UCLA, Los Angeles
+2003 Software Workshop Series, Maya/Photoshop/Illustrator/After Effects. UCLA, Los Angeles
2002 Flash/Director Workshop Series, UCLA, Los Angeles, weekly series
### edu
-1999 Art, Architecture, College of Marin, CA
-2001 Printmaking (Summer) Pont Aven, France
-2003 B.A., Design | Media Art, UCLA, CA
+2003 B.A., Design | Media Art, UCLA, USA
+2001 Printmaking (Summer) RISD, Pont Aven, France
+1999 Art, Architecture, College of Marin, USA
### clients / affiliations
Autodesk
.site > h2 {
margin:2em 0;
}
-.site h3:first-child {
+h3:first-child,
+h2:first-child {
margin-top:0;
}
h3 {
- text-align:left;
margin:1.5em 0 0.5em;
- font-size:1em;
+ font-size:11px;
+ color:#999;
+ font-style:italic;
+ font-weight:normal;
}
+
p { margin: 1em 0; }
a {
}
.index .date {
position:relative;
- font-style:italic;
- font-size:11px;
- color:#999;
}
.index .date:first-child {
margin-top:0;
}
.index li {
+ font-weight:bold;
+}
+
+.btp {
+ position:fixed;
+ bottom:1em;
+ left:1em;
}
.archive-sort {
}
.post p img {
max-width:800px;
- margin:2em auto;
+ margin:2em 0;
display: block;
}
/* code */
title: index
---
-<ul class="index">
- {% for post in site.posts %}
- {% capture day %}{{ post.date | date: '%Y' }}{% endcapture %}
- {% capture nday %}{{ post.next.date | date: '%Y' }}{% endcapture %}
- {% if day != nday %}
- <h3 class="date">{{ post.date | date: "%Y" }}</h3>
- {% endif %}
- <li>
- <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
- </li>
- {% endfor %}
-</ul>
\ No newline at end of file
+<a href="/landscape/">
+ <img src="https://farm6.staticflickr.com/5590/15104002290_8ee4afd74f_b.jpg" />
+</a>
--- /dev/null
+---
+layout: default
+title: index
+---
+
+<ul class="index">
+ {% for post in site.posts %}
+ {% capture day %}{{ post.date | date: '%Y' }}{% endcapture %}
+ {% capture nday %}{{ post.next.date | date: '%Y' }}{% endcapture %}
+ {% if day != nday %}
+ <h3 class="date">{{ post.date | date: "%Y" }}</h3>
+ {% endif %}
+ <li>
+ <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
+ </li>
+ {% endfor %}
+</ul>
\ No newline at end of file