+++ /dev/null
----
-layout: post
-date: 2004-10-31
-title: Possessed Stock Ticker
-categories: commercial software
----
-Papa Roach Stock Ticker
\ No newline at end of file
--- /dev/null
+---\r
+layout: post\r
+date: 2013-01-20\r
+title: Fem Freq Logo\r
+categories: design commercial\r
+---\r
+\r
+\r
+\r
+logotype spec\r
+\r
by:
{% if page.url == '/archive.html' %}
date | <a href="{{site.baseurl}}/archive-c.html">category</a>
-{% else if page.url == '/archive.html' %}
+{% else if page.url == '/archive-c.html' %}
<a href="{{site.baseurl}}/archive.html">date</a> | category
{% endif %}
</div>
<li><strong><a href="{{site.baseurl}}/">{{site.name}}</a></strong></li>
<li> </li>
<li><a href="{{site.baseurl}}/about.html">about</a></li>
- <li><a href="{{site.baseurl}}/news.html">news</a></li>
- <li><a href="{{site.baseurl}}/works.html">works</a></li>
-
- <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>
-
+ <li><a href="{{site.baseurl}}/projects.html">projects</a></li>
+ <li><a href="{{site.baseurl}}/archive.html">archive</a></li>
</ul>
</div>
layout: post\r
title: Architecture Mythos\r
date: 2001-07-05\r
-categories: design\r
+categories: project featured\r
thumb: m/icarus-deadalus/thumb.png\r
---\r
\r
layout: post
date: 2002-05-01
title: "Color/Shape/Sound"
-categories: articles
+categories: article
thumb : m/colormuscalc/circleoffifths_color.gif
---
layout: post\r
title: "Celestes Calendar"\r
date: 2002-06-12\r
-categories: design\r
+categories: project\r
thumb: m/celestes/thumb.png\r
---\r
\r
layout: post\r
title: Body Negative\r
date: may 05 2003\r
-categories: art\r
+categories: art featured\r
thumb: m/bodyneg/thumb.png\r
---\r
\r
ink press, wood \r
8' x 4' x 2' \r
\r
+Exhibited in pont aven, \r
+\r
\r
\r
\r
layout: post
title: "Celestial Mechanics"
date: 2006-05-05
-categories: datavis animation
+categories: project featured
thumb: m/cm/thumb.png
---
Airline Flight Patterns
-More [Here](http://www.aaronkoblin.com/work/flightpatterns/index.html), and [here](http://users.design.ucla.edu/~akoblin/work/faa/)
+Aaron Koblin's "Flight Patterns" and all its various forms and iterations was derived from the 2005 copyrighted artwork "Celestial Mechanics" created by Scott Hessels and Gabriel Dunne.
-The work "Flight Patterns" and all its various forms and iterations was derived from the 2005 copyrighted artwork "Celestial Mechanics" created by Scott Hessels and Gabriel Dunne.
+- [http://www.aaronkoblin.com/work/flightpatterns/index.html](http://www.aaronkoblin.com/work/flightpatterns/index.html)
+- [http://users.design.ucla.edu/~akoblin/work/faa/](http://users.design.ucla.edu/~akoblin/work/faa/)
GPS Satelites
layout: post
title: "Footage Fold"
date: 05-05-2005
-categories: commercial animation
+categories: project featured
thumb: /m/footagefold/thumb.png
---
layout: post\r
date: 2007-07-02\r
title: Mask\r
-categories: art\r
+categories: art featured\r
thumb: m/mask/thumb.png\r
---\r
\r
---\r
title: Rattle\r
date: 2008-05-02\r
-categories: audiovisual software\r
-layout: post\r
+categories: experiment featured\r
+layout: post \r
thumb: m/rattle/thumb.png\r
---\r
\r
layout: post
date: 2008-05-04
title: Forest Web
-categories: software
+categories: experiment
thumb : m/forestweb/thumb.png
---
---\r
title: Cabspotting\r
date: 2008-07-05 \r
-categories: datavis software\r
+categories: project featured\r
layout: post\r
thumb: m/cabspotting/thumb.png\r
---\r
layout: post
title: Swim Tank
date: 2008-10-05
-categories: software
+categories: project featured
thumb: m/swimtank/thumb.png
---
---
layout: post
-title: seashell
+title: Seashell
date: 2009-01-06
-categories: art
+categories: art featured
thumb: m/seashell/thumb.png
---
layout: post\r
date: 2009-02-02\r
title: Synonymovement\r
-categories: audiovisual\r
+categories: experiment\r
thumb: m/synonymovement/thumb.png\r
---\r
\r
layout: post\r
title: Mekstension\r
date: 2009-04-08\r
-categories: software\r
+categories: project featured\r
client: Mekanism\r
thumb: m/mekstension/thumb.png\r
---\r
layout: post
title: "Triangles"
date: 2009-04-13
-categories: art sculpture
+categories: art featured
thumb: m/triangles/thumb.png
---
-Spontaniously created sculpture of balanced hand-broken sticks with Ryan Alexander.
+Site Specific. Hand-broken wooden sticks.
+
+Created w/ Ryan Alexander. Alpine Lake, California.
layout: post
title: "Cymatic Organ"
date: 2009-06-05
-categories: portfolio installation
+categories: art featured
excerpt: interactive audiovisual installation
thumb: /m/cymatic-organ/thumb3.png
---
layout: post\r
title: "Bay Area Transit"\r
date: 2009-08-09\r
-categories: datavis software\r
+categories: project featured\r
thumb: m/bayareatransit/thumb.png\r
---\r
\r
layout: post\r
title: Stars\r
date: 2009-08-20\r
-categories: portfolio software\r
+categories: art featured\r
excerpt: projection installation\r
thumb: /m/stars/thumb2.png\r
---\r
---\r
layout: post\r
title: "Seaquence"\r
-categories: portfolio software featured\r
+categories: project featured\r
date: 2010-10-04\r
excerpt: software music toy\r
thumb: /m/seaquence/thumb2.png\r
title: Monad
layout: post
date: 2010-12-20
-categories: projection+sculpture
+categories: art featured
excerpt: projection sculpture
thumb: /m/monad/thumb3.png
---
layout: post\r
title: "ICOSI"\r
date: 2011-07-11\r
-categories: projection+sculpture\r
+categories: art featured\r
excerpt: audiovisual live-performance\r
thumb: /m/icosi/2_4847387674_5419f0b672.jpg\r
---\r
layout: post\r
title: "Audio-ShaderToy"\r
date: 2012-04-03\r
-categories: code\r
+categories: project featured\r
thumb: "/m/audioshadertoy/thumb.png"\r
excerpt: live-coding WebGL/GLSL shader editor with audio-spectrum data\r
---\r
title: NAAG
layout: post
date: 2012-12-20
-categories: projection+sculpture
+categories: art featured
excerpt: projection-mapped sculpture
thumb: /m/naag/thumb.png
---
--- /dev/null
+---\r
+layout: post\r
+date: 2013-01-20\r
+title: Fem Freq Logo\r
+categories: project\r
+---\r
+\r
+\r
+\r
+logotype spec\r
+\r
layout: post\r
title: "Vatica Dahlia"\r
date: 2013-08-30\r
-categories: projection+sculpture\r
+categories: project featured\r
thumb: "/m/vaticadahlia/thumb2.png"\r
excerpt: sculpture and visuals for live performance\r
---\r
layout: post
title: "GH -> TD"
date: 2014-04-23
-categories: code
+categories: project
thumb: m/gh-td/thumb.png
---
layout: post
title: "Tetra Field"
date: 2014-04-24
-categories: projection+sculpture
+categories: art featured
thumb: "/m/tetrafield/thumb.png"
excerpt: modular projection-mapped installation
---
--- /dev/null
+---
+layout: post
+title: "Phi"
+date: 2014-05-06
+categories: article
+author: Gabriel Dunne
+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.
+
+> the ratio of **A** + **B**
+ is to **A** as
+ **A** is to **B**
+
+In math, the ratio is commonly referred to as the greek letter Phi , As a decimal, it is represented as 1.6180339887498948482... It is an irrational number, ie, has an infinite number of decimal places that never repeat, like *e* or *PI*.
+
+The proportion is useful in the description of symmetry, as well as descriptions of polyhedra and polygons, as the ratio appears as a fundamental building block to base geometric solids. Mathematicians, designers and artists throughout history have studied the properties of the golden ratio, including its appearance in the dimensions of a regular pentagon and the golden rectangle, which can be cut into a square and a smaller rectangle with the same aspect ratio. The golden ratio has also been used to analyze the proportions of natural objects as well as man-made systems.
+
+This article documents some distinct methods I've found for deriving the ratio with geometry. If you know of others, please comment and I'll add them.
+
+Required Materials for doing it by hand
+
+Compass
+Straightedge
+Marking Tool
+Paper
+With a computer, you can use any drawing program that can do lines and arcs. Snapping helps as well.
+
+
+## The Golden Rectangle
+
+
+Possibly the most common and widely used method to find the golden ratio is within the golden rectangle. The ratio of the short side of the rectangle to the long side is Phi. This is commonly seen when describing the Fibonacci sequence as a series of golden rectangles embedded within each other.
+
+ 1. Draw a square that has sides that are 1 unit long
+ 2. Place a compass point at 1/2 of the bottom side of the square
+ 3. Rotate the compass clockwise it is on the same horizontal plane as the base of the square.
+ 4. Where there compass arc and the base of the rectangle meet is Phi
+
+
+## Single Known Length
+
+
+The simplest way to find Phi that I know of is not the traditional Golden Rectangle method. We can actually derive Phi from a single known length. In this method, we have a line that has a known length, in this case it has a length of 1.
+
+ 1. Align the known length vertically (A)
+ 2. Align another line of the same length to one end to the midpoint of the vertical length, and the other end to the horizontal plane. (B)
+ 3. With a third duplicate length, align one end to the midpoint of the second length, and then other end to the horizontal plane. (G)
+ 4. The ratio of (AB) to (AG) is Phi
+ 5.
+
+
+## Triangle in a Circle
+
+
+We can find the golden ratio when inscribing a triangle inside a circle. This step assumes you can draw a perfect equilateral triangle within a circle. There are a few ways to draw a triangle without a computer or other devices that I listed in the requirements, such as this article on drawing an Equilateral Triangle
+
+ 1. Draw a circle.
+ 2. Align an equilateral triangle so it fits within the circle bounds.
+ 3. Draw a horizontal line that starts from the 1/2 point of the left edge of the triangle (A)
+ 4. Continue the line to the other side of the triangle (B) until it intersects with the edge of the circle (G)
+
+
+## Square in a Circle
+
+
+The square-in-circle method is similar to the triangle, and related. It's interesting to see the pattern and relationships between these shapes emerge.
+
+ 1. Draw a circle
+ 2. Divide the circle in half with a horizontal line
+ 3. Draw a square that rests on the horizontal line, and is scaled vertically so its two top corners intersect the edge of the circle.
+ 4. The length one side of the square (AB) to the distance to the right or left edge of the circumference of the circle (AG) is Phi
+
+## Pentagon in a Circle
+
+
+The pentagon in a circle method is similar to triangle and square.
+
+ 1. Draw a circle
+ 2. Within the bounds of the circle, draw a pentagon, and intersect the vertices with the edge of the circle.
+ 3. Draw two lines that emanate from the bottom vertices of the pentagon, and intersect at the top vertex of the pentagon.
+ 4. Draw a horizontal line from the leftmost vertex (A) of the pentagon to the rightmost vertex (B) of the pentagon.
+ 5. The ratio of (AB) to (AG) is Phi
+
+## Pentagon in a Circle 2
+
+
+If you've already inscribed a pentagon in a circle, the ratio actually exists in another measurable place.
+
+ 1. Connect all the vertices into a 5 pointed star.
+ 2. If the edge of the pentagon is 1, then the length of the connecting star lines in Phi
+ 3. Additionally, the length of the smaller lines within the star are also related. They are 1 / Phi
+
+## 1/2 Square
+
+
+The 1/2 square method
+
+ 1. Draw a side of a rectangle with length 1 on the horizontal, and a height of 1/2 on the vertical.
+ 2. Draw a diagonal line within the rectangle (xy)
+ 3. Place your compass point at (y) and set it to length (yz)
+ 4. Inscribe an arc until it intersects with the diagonal line. (w)
+ 5. Place your compass point at (x) and set it to length (xw)
+ 6. Inscribe an arc that starts at (w), and intersects with the bottom of the rectangle (u)
+ 7. (xu) is 1/Phi
+
+## Conclusion
+
+Below are the following reference files for all methods as AI, DXF, Solidworks, and PDF
+
+ - [golden.ai]({{site.baseurl}}/m/golden/golden.ai)
+ - [golden.dxf]({{site.baseurl}}/m/golden/golden.DXF)
+ - [golden.pdf]({{site.baseurl}}/m/golden/golden.pdf)
+ - [golden.slddrw]({{site.baseurl}}/m/golden/golden.SLDDRW)
+
+
+Also posted on [instructables.com](http://www.instructables.com/id/The-Golden-Proportion/)
+
+++ /dev/null
----
-layout: post
-title: Landscape
-date: 2014-09-18
-categories: projection+sculpture
-author: Gabriel Dunne
-bg : #fff
-thumb: m/hyperterra/landscape-thumb.png
----
-
-process for [Hyper Terra](/hyperterra/)
-
-Ranging in size from 4" x 4" x 1" to 16" x 16" x 5"
-
-<img src="https://farm6.staticflickr.com/5590/15104002290_8ee4afd74f_b.jpg" />
-
-<img src="https://farm6.staticflickr.com/5588/15104142328_90772082ca_c.jpg" />
-
-<img src="https://farm3.staticflickr.com/2941/15290328792_6464eb9c35_c.jpg" />
-
-<img src="https://farm3.staticflickr.com/2941/15103960859_afcf6b480f_c.jpg" />
-
-<a href="https://www.flickr.com/photos/quilime/">more via flickr...</a>
\ No newline at end of file
layout: post
title: "Hyper Terra"
date: 2015-01-21
-categories: projection+sculpture
+categories: art featured
author: Gabriel Dunne
bg : #fff
thumb : m/hyperterra/thumb.png
+
+
+process for [Hyper Terra](/hyperterra/)
+Ranging in size from 4" x 4" x 1" to 16" x 16" x 5"
+<img src="https://farm6.staticflickr.com/5590/15104002290_8ee4afd74f_b.jpg" />
+<img src="https://farm6.staticflickr.com/5588/15104142328_90772082ca_c.jpg" />
+
+<img src="https://farm3.staticflickr.com/2941/15290328792_6464eb9c35_c.jpg" />
+
+<img src="https://farm3.staticflickr.com/2941/15103960859_afcf6b480f_c.jpg" />
+
+<a href="https://www.flickr.com/photos/quilime/">more via flickr...</a>
\ No newline at end of file
--- /dev/null
+---
+layout: default
+title: archive
+---
+
+{% include archive-sort.html %}
+
+<ul class="posts">
+ {% 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>
+ <h1><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h1>
+ </li>
+ {% endfor %}
+</ul>
+
+
+
+<!--
+
+<div class="posts">
+{% for category in site.categories %}
+<h3>{{ category | first }}</h3>
+ <ul class="posts">
+ {% for posts in category %}
+ {% for post in posts %}
+ <li><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
+ {% endfor %}
+ {% endfor %}
+ </ul>
+{% endfor %}
+</div>
+
+
+
+
+<div id="home">
+ <ul class="posts">
+ {% for post in site.posts %}
+ <li>
+ <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
+ </li>
+ {% endfor %}
+ </ul>
+</div>
+-->
\ No newline at end of file
padding:0;
}
.thumbs li {
+ /*display:inline-block;*/
margin:2em 0 4em 0;
max-width:460px;
}
text-align:center;
}
+.img {
+ line-height:0;
+ display:inline-block;
+ min-width:100px;
+ min-height:100px;
+ background:#aaa;
+}
+
.posts {
margin:0;
--- /dev/null
+---
+layout: default
+title: news
+---
+
+<!-- Begin MailChimp Signup Form -->
+<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
+<style type="text/css">
+ #mc_embed_signup{ margin:0; padding:0; max-width:600px;}
+ /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
+ We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
+</style>
+<div id="mc_embed_signup">
+<form action="//gabrieldunne.us1.list-manage.com/subscribe/post?u=5f627417bdb5e6d2fe0b56ae3&id=ce46411f5e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+ <div id="mc_embed_signup_scroll">
+ <label for="mce-EMAIL">Subscribe for email updates</label>
+ <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
+ <div style="position: absolute; left: -5000px;"><input type="text" name="b_5f627417bdb5e6d2fe0b56ae3_ce46411f5e" tabindex="-1" value=""></div>
+ <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
+ </div>
+</form>
+</div>
+
+<!--End mc_embed_signup-->
--- /dev/null
+---
+layout: default
+title: index
+---
+
+<ul class="index thumbs">
+ {% for post in site.categories.featured %}
+ <li>
+ <a href="{{ site.baseurl }}{{ post.url }}">
+ <div class="img"><img src="{{ post.thumb }}" /></div>
+ <br />
+ {{ post.title }}
+ </a>
+ </li>
+ {% endfor %}
+</ul>
title: index
---
-{% for post in site.categories[featured] %}
- <li>{{ post.title }}</li>
-{% endfor %}
<ul class="index thumbs">
-
- {% 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 %}
+ {% for post in site.categories.featured %}
<li>
<a href="{{ site.baseurl }}{{ post.url }}">
- <img src="{{ post.thumb }}" />
+ <div class="img"><img src="{{ post.thumb }}" /></div>
<br />
{{ post.title }}
</a>
- </li>
-
+ </li>
{% endfor %}
-</ul>
\ No newline at end of file
+</ul>
git.quilime.com / notes.git / commitdiff