From 95be829a32d2305d589dc5df6ca977f35bfe281c Mon Sep 17 00:00:00 2001 From: Gabriel Dunne Date: Sun, 25 Jan 2015 17:16:17 -0800 Subject: [PATCH] Updated posts --- _config.yml | 4 +- _layouts/default.html | 26 ++--- _posts/2001-07-05-arch.md | 3 +- _posts/2002-05-01-colorcalc.md | 1 + _posts/2002-06-12-celestes.md | 1 + _posts/2003-05-05-bodyneg.md | 1 + _posts/2006-05-05-celestialmechanics.md | 1 + _posts/2007-07-02-mask.md | 1 + _posts/2007-08-23-prism.md | 1 + _posts/2008-05-02-rattle.md | 1 + _posts/2008-05-04-forestweb.md | 1 + _posts/2008-07-05-cabspotting.md | 1 + _posts/2008-10-05-swimtank.md | 1 + _posts/2009-01-06-seashell.md | 1 + _posts/2009-02-02-synonymovement.md | 1 + _posts/2009-04-08-mekstension.md | 1 + _posts/2009-04-12-triangles.md | 1 + _posts/2009-08-09-bayareatrans.md | 1 + _posts/2010-10-04-seaquence.md | 2 +- _posts/2012-04-03-audioshadertoy.md | 8 +- _posts/2014-04-23-gh-td.md | 1 + _posts/2014-05-08-phi.md | 125 ------------------------ _posts/2014-09-18-landscapes.md | 23 +++++ _posts/2015-01-21-hyperterra.md | 26 +++++ about.md | 2 +- css/main.css | 12 +-- works.md | 14 ++- 27 files changed, 109 insertions(+), 152 deletions(-) delete mode 100644 _posts/2014-05-08-phi.md create mode 100644 _posts/2014-09-18-landscapes.md create mode 100644 _posts/2015-01-21-hyperterra.md diff --git a/_config.yml b/_config.yml index 9aaf744..afaea1a 100644 --- a/_config.yml +++ b/_config.yml @@ -1,5 +1,5 @@ -name : Gabriel Dunne -author : Gabriel Dunne +name : Gabriel Labov Dunne +author : Gabriel Labov Dunne author_url : http://gabrieldunne.com author_email : studio@gabrieldunne.com markdown : redcarpet diff --git a/_layouts/default.html b/_layouts/default.html index f853008..81b9088 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -18,21 +18,21 @@
  • about
  • news
  • works
  • - + - + diff --git a/_posts/2001-07-05-arch.md b/_posts/2001-07-05-arch.md index 175c144..93a48b8 100755 --- a/_posts/2001-07-05-arch.md +++ b/_posts/2001-07-05-arch.md @@ -1,8 +1,9 @@ --- layout: post -title: Architecture Models +title: Architecture Mythos date: 2001-07-05 categories: design +thumb: m/icarus-deadalus/thumb.png --- ![]({{site.baseurl}}/m/arch/007_sm.jpg) diff --git a/_posts/2002-05-01-colorcalc.md b/_posts/2002-05-01-colorcalc.md index 606cd3a..bd2ccde 100644 --- a/_posts/2002-05-01-colorcalc.md +++ b/_posts/2002-05-01-colorcalc.md @@ -3,6 +3,7 @@ layout: post date: 2002-05-01 title: "Color/Shape/Sound" categories: articles +thumb : m/colormuscalc/circleoffifths_color.gif --- diff --git a/_posts/2002-06-12-celestes.md b/_posts/2002-06-12-celestes.md index f6e85df..ec4589b 100755 --- a/_posts/2002-06-12-celestes.md +++ b/_posts/2002-06-12-celestes.md @@ -3,6 +3,7 @@ layout: post title: "Celestes Calendar" date: 2002-06-12 categories: design +thumb: m/celestes/thumb.png --- ![]({{site.baseurl}}/m/celestes/calendar_piece_thmb.jpg) diff --git a/_posts/2003-05-05-bodyneg.md b/_posts/2003-05-05-bodyneg.md index 34e07f6..e57f9a8 100755 --- a/_posts/2003-05-05-bodyneg.md +++ b/_posts/2003-05-05-bodyneg.md @@ -3,6 +3,7 @@ layout: post title: Body Negative date: may 05 2003 categories: art +thumb: m/bodyneg/thumb.png --- ![]({{site.baseurl}}/m/bodyneg/003.png) diff --git a/_posts/2006-05-05-celestialmechanics.md b/_posts/2006-05-05-celestialmechanics.md index 8906bdb..4b5ecad 100755 --- a/_posts/2006-05-05-celestialmechanics.md +++ b/_posts/2006-05-05-celestialmechanics.md @@ -3,6 +3,7 @@ layout: post title: "Celestial Mechanics" date: 2006-05-05 categories: datavis animation +thumb: m/cm/thumb.png --- ![]({{site.baseurl}}/m/cm/celestialmechanics_satring_sm.jpg) diff --git a/_posts/2007-07-02-mask.md b/_posts/2007-07-02-mask.md index 21f33e4..45ed15c 100755 --- a/_posts/2007-07-02-mask.md +++ b/_posts/2007-07-02-mask.md @@ -3,6 +3,7 @@ layout: post date: 2007-07-02 title: Mask categories: art +thumb: m/mask/thumb.png --- ![]({{site.baseurl}}/m/mask/mask.jpg) diff --git a/_posts/2007-08-23-prism.md b/_posts/2007-08-23-prism.md index c8ef030..63b3693 100755 --- a/_posts/2007-08-23-prism.md +++ b/_posts/2007-08-23-prism.md @@ -3,6 +3,7 @@ layout: post title: "Prism" date: 2007-08-23 categories: art +thumb: m/prism/thumb.png --- ![]({{site.baseurl}}/m/prism/3.jpg) diff --git a/_posts/2008-05-02-rattle.md b/_posts/2008-05-02-rattle.md index e0bfdaa..2fcc58c 100755 --- a/_posts/2008-05-02-rattle.md +++ b/_posts/2008-05-02-rattle.md @@ -3,6 +3,7 @@ title: Rattle date: 2008-05-02 categories: audiovisual software layout: post +thumb: m/rattle/thumb.png --- diff --git a/_posts/2008-05-04-forestweb.md b/_posts/2008-05-04-forestweb.md index fafb3af..bb5fea6 100644 --- a/_posts/2008-05-04-forestweb.md +++ b/_posts/2008-05-04-forestweb.md @@ -3,6 +3,7 @@ layout: post date: 2008-05-04 title: Forest Web categories: software +thumb : m/forestweb/thumb.png --- ![]({{site.baseurl}}/m/forestweb/zforest.0619.png) diff --git a/_posts/2008-07-05-cabspotting.md b/_posts/2008-07-05-cabspotting.md index 9febc37..31a6e3d 100755 --- a/_posts/2008-07-05-cabspotting.md +++ b/_posts/2008-07-05-cabspotting.md @@ -3,6 +3,7 @@ title: Cabspotting date: 2008-07-05 categories: datavis software layout: post +thumb: m/cabspotting/thumb.png --- diff --git a/_posts/2008-10-05-swimtank.md b/_posts/2008-10-05-swimtank.md index 7f01dac..0bdb1a0 100644 --- a/_posts/2008-10-05-swimtank.md +++ b/_posts/2008-10-05-swimtank.md @@ -3,6 +3,7 @@ layout: post title: Swim Tank date: 2008-10-05 categories: software +thumb: m/swimtank/thumb.png --- ![]({{site.baseurl}}/m/{{page.id}}/fishtank.6677.png) diff --git a/_posts/2009-01-06-seashell.md b/_posts/2009-01-06-seashell.md index 8e83e29..b3e53dc 100644 --- a/_posts/2009-01-06-seashell.md +++ b/_posts/2009-01-06-seashell.md @@ -3,6 +3,7 @@ layout: post title: seashell date: 2009-01-06 categories: art +thumb: m/seashell/thumb.png --- ![]({{site.baseurl}}/m/seashell/seashell.jpg) diff --git a/_posts/2009-02-02-synonymovement.md b/_posts/2009-02-02-synonymovement.md index f346b10..d7323f5 100755 --- a/_posts/2009-02-02-synonymovement.md +++ b/_posts/2009-02-02-synonymovement.md @@ -3,6 +3,7 @@ layout: post date: 2009-02-02 title: Synonymovement categories: audiovisual +thumb: m/synonymovement/thumb.png --- diff --git a/_posts/2009-04-08-mekstension.md b/_posts/2009-04-08-mekstension.md index e80409a..64ca898 100755 --- a/_posts/2009-04-08-mekstension.md +++ b/_posts/2009-04-08-mekstension.md @@ -4,6 +4,7 @@ title: Mekstension date: 2009-04-08 categories: software client: Mekanism +thumb: m/mekstension/thumb.png --- ![]({{site.baseurl}}/m/mekstension/3423610002_7d387b5a0f_o.png) diff --git a/_posts/2009-04-12-triangles.md b/_posts/2009-04-12-triangles.md index 393caf8..0cc24a5 100755 --- a/_posts/2009-04-12-triangles.md +++ b/_posts/2009-04-12-triangles.md @@ -3,6 +3,7 @@ layout: post title: "Triangles" date: 2009-04-13 categories: art sculpture +thumb: m/triangles/thumb.png --- ![]({{site.baseurl}}/m/triangles/triangles.jpg) diff --git a/_posts/2009-08-09-bayareatrans.md b/_posts/2009-08-09-bayareatrans.md index a9a2cb9..29697ca 100755 --- a/_posts/2009-08-09-bayareatrans.md +++ b/_posts/2009-08-09-bayareatrans.md @@ -3,6 +3,7 @@ layout: post title: "Bay Area Transit" date: 2009-08-09 categories: datavis software +thumb: m/bayareatransit/thumb.png --- ![]({{site.baseurl}}/m/bayareatransit/baytransproposal.png) diff --git a/_posts/2010-10-04-seaquence.md b/_posts/2010-10-04-seaquence.md index acfbf82..d61522e 100755 --- a/_posts/2010-10-04-seaquence.md +++ b/_posts/2010-10-04-seaquence.md @@ -1,7 +1,7 @@ --- layout: post title: "Seaquence" -categories: portfolio software +categories: portfolio software featured date: 2010-10-04 excerpt: software music toy thumb: /m/seaquence/thumb2.png diff --git a/_posts/2012-04-03-audioshadertoy.md b/_posts/2012-04-03-audioshadertoy.md index 9859ab9..e758b0d 100755 --- a/_posts/2012-04-03-audioshadertoy.md +++ b/_posts/2012-04-03-audioshadertoy.md @@ -17,7 +17,6 @@ Ryan Alexander, Reza Ali, Gabriel Dunne Source on [Github](https://github.com/quilime/audio-shadertoy/). - ### exhibition Audio Shader-Toy at [Creators Project SF](http://thecreatorsproject.vice.com/zh-fr/videos/art-hack-weekend-san-francisco-2012) @@ -28,3 +27,10 @@ Audio Shader-Toy at [Creators Project SF](http://thecreatorsproject.vice.com/zh- Live-coded visuals for Chris Carlson by Gabriel Dunne. + + +### screenshot + +![](/m/audioshadertoy/quasi.png) + + diff --git a/_posts/2014-04-23-gh-td.md b/_posts/2014-04-23-gh-td.md index 20650c7..714771a 100644 --- a/_posts/2014-04-23-gh-td.md +++ b/_posts/2014-04-23-gh-td.md @@ -3,6 +3,7 @@ layout: post title: "GH -> TD" date: 2014-04-23 categories: code +thumb: m/gh-td/thumb.png --- ## Abstract diff --git a/_posts/2014-05-08-phi.md b/_posts/2014-05-08-phi.md deleted file mode 100644 index 4518f17..0000000 --- a/_posts/2014-05-08-phi.md +++ /dev/null @@ -1,125 +0,0 @@ ---- -layout: post -title: "Phi" -date: 2014-05-06 -categories: articles -author: Gabriel Dunne -bg : #fff ---- - -Article written during an artist residency at Autodesk/Pier9. Originall published on Instructables.com, as part of a series of generative form and fabrication projects. - -

    - -# 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 -![]({{site.baseurl}}/m/golden/gr_01.PNG) - -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 -![]({{site.baseurl}}/m/golden/gr_02.PNG) - -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 -![]({{site.baseurl}}/m/golden/gr_03.PNG) - -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 -![]({{site.baseurl}}/m/golden/gr_04.PNG) - -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 -![]({{site.baseurl}}/m/golden/gr_05.PNG) - -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 -![]({{site.baseurl}}/m/golden/gr_06.PNG) - -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 -![]({{site.baseurl}}/m/golden/gr_07.PNG) - -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/) - diff --git a/_posts/2014-09-18-landscapes.md b/_posts/2014-09-18-landscapes.md new file mode 100644 index 0000000..77f45c2 --- /dev/null +++ b/_posts/2014-09-18-landscapes.md @@ -0,0 +1,23 @@ +--- +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" + + + + + + + + + +more via flickr... \ No newline at end of file diff --git a/_posts/2015-01-21-hyperterra.md b/_posts/2015-01-21-hyperterra.md new file mode 100644 index 0000000..6b7f507 --- /dev/null +++ b/_posts/2015-01-21-hyperterra.md @@ -0,0 +1,26 @@ +--- +layout: post +title: "Hyper Terra" +date: 2015-01-21 +categories: projection+sculpture +author: Gabriel Dunne +bg : #fff +thumb : m/hyperterra/thumb.png +--- + +![](https://farm9.staticflickr.com/8628/15720136304_8e24c47f87_c.jpg) + +**Hyper Terra** +*CNC milled multi-density fiber board, waterjet birch plywood and aluminum, projector, embedded computer, power supply, c++ graphics software* + +**Process Photos**: [https://www.flickr.com/photos/quilime/sets/72157647947813024/](https://www.flickr.com/photos/quilime/sets/72157647947813024/) +**Instructable**: [http://www.instructables.com/id/Hyper-Terra/](http://www.instructables.com/id/Hyper-Terra/) + +![](https://farm8.staticflickr.com/7515/16316613586_e540698489_b.jpg) + + + + + + + diff --git a/about.md b/about.md index 771f93a..84b349a 100644 --- a/about.md +++ b/about.md @@ -7,7 +7,7 @@ title: about - +