markdown : redcarpet
highlighter : true
paginate : 8
-paginate_path : blog/:num
+paginate_path : all/:num
permalink : /:title/
baseurl : ""
plugins : [jekyll-paginate]
layout: post
title: "Triangles"
date: 2009-04-13
-categories: blog
+categories: notes
thumb: /m/triangles/thumb.png
---
layout: post
title: studio w/ss
date: 2015-12-30-17-11-32
-categories: blog
+categories: notes
---
Ok trying to make an effort to write and post more. I feels fleeting to push content directly to social media networks and cloud services, so I hope to I use this site as a home for images and writings. It's tricky to catalog everything if it's diseminated across various platforms.
--- /dev/null
+Since graduating Cum-Laude from UCLA's Design and Media Artts (DMA), he has worked as a visual effects supervisor, animator, graphic and code artist for Motion Theory, creating visual effects for award-wining music videos and commercials, receiving numerous AIGA, ACIP, and Type Directors awards. He later worked for Google and Stamen Design producing data visualizations, including Cabspotting with San Francisco based boutique Stamen Design which is featured in New York MOMA’s permanent collection. He's consulted for Obscura Digital, contributing to immersive, multi-sensory experiences for public space, environments, and installations. Starting in 2005, he was a partner in Tessellated Group, an engineering and design company, contributing to multiple invention patents in clean-tech structural manufacturing processes. He co-founded Oooshiny in 2007, a community and meetup for artists working with code, and later was a founding artist in residence at Gray Area Foundation for the Arts in 2007 where he created Seaquence, a collaborative music-creation project. He later participated as an Artist in Resident at Autodesk. In 2015 he Co-founded Okaynokay -- an R&D Lab with Ryan Alexander, focusing on custom tools, processes, and art experiments.
+
+
+Gabriel Dunne’s work represents his continuous investigations of visual, audible, and physical frequencies of natural and technological perceptual and imperceptible realities. His process is based on sound, space, still and moving visual image, architecture, installation, sculpture, and utilizes custom software and hardware systems and performance tools. He is a San Francisco native, and has used computing creatively from a young age, creating art and music on his fathers’ Commodore 64 and Amiga computers as a toddler. His work has been shown at galleries and museums across the world, including NYMoMA, SIGGRAPH, Barcelona Festival Sonar, Interferenze Italia, and numerous publications. Dunne was in the founding cohort of Artist’s in Residence at Gray Area in 2009. He holds a degree in Design + Media Arts from UCLA.
+
+Gabriel Dunne work explores visual, audible, and physical frequencies, drawing influence from natural systems, sensory patterns, structures and rhythms of the perceivable and imperceivable universe. He works with graphic and installation design, music, sound, and visualization/sonification, digital manufacturing and fabrication, software, and physical installation.
+
+His works have been shown internationally in exhibitions and conferences including New York MoMA, SIGGRAPH, India Art Faire, Barcelona Festival Sonar, Interferenze Italia, and featured WIRED Magazine, Mondo India, FOCUS Italia, Discover, Adult Swim/Cartoon Network, Contemporary Art of Science and Technology, and Architectural Digest.
+
+In 2010 he co-founded the San Francisco based collective [O_o] oooshiny, which has grown to include an international community of designers, technologists, and artists.
+
+Professionally he's worked as a visual effects supervisor, animator, graphic and code artist for Motion Theory, creating visual effects for award-wining music videos and commercials, receiving numerous AIGA, ACIP, and Type Directors awards. He later worked for Google and Stamen Design producing data visualizations, including Cabspotting with San Francisco based boutique Stamen Design which is featured in New York MOMA’s permanent collection. He's consulted for Obscura Digital, contributing to immersive, multi-sensory experiences for public space, environments, and installations. Since 2005, he is a partner in Tessellated Group, an engineering and design company, contributing to multiple invention patents in clean-tech structural manufacturing processes.
+
+In addition to being an artist and designer, Dunne is an educator and conducts workshops in various communities, schools, and independent organizations. He has a developed curriculum for visual programming, open source technology, and audio/visual graphics software, and integrative media arts practice. As a proponent for computational literacy, he strives to recontextualize computing and technology as a creative, artistic medium.
+
+Dunne recently completed an artist in residency at Autodesk. He holds a B.A. from UCLA DMA.
+
+
+
+In 2012, he produced 'NAAG' in collaboration with Vishal K Dar, a 14' tall site-specific sculpture which came to life through projection mapping and digital fabrication, aspiring to deconstruct the notion of sculpture virtual objects, installed in an abandoned factory in central Delhi, India. An event that included the local community in its process resulting in magical stories of its appearance. In 2015, 'NAAG' a larger version was installed in Mumbai.
+
+
+He is a San Francisco native and holds a B.A. in Design | Media Arts from UCLA and has studied classical printmaking, fine art, music and architecture. His work represents a continuous exploration of visual, audible, and physical frequencies in his process to integrate a wide range of creative mediums. His work draws on his expert use of technology and draws influence from natural systems, sensory patterns, structures and rhythms of the perceivable and imperceivable universe.
+
+His studio practice produces work that implements custom digital manufacturing processes and production and software that is implemented for commercial and personal works.
+
+He has worked around the world producing projects that range from digital-based works to films, animation, and site specific installation.
+
+His works have been shown internationally in exhibitions and conferences including New York MoMA, SIGGRAPH, India Art Faire, Barcelona Festival Sonar, Interferenze Italia, and featured in media including Wired, FOCUS Italia, Discover, Adult Swim/Cartoon Network, Contemporary Art of Science and Technology, and Architectural Digest.
+
+He has produced data visualization works, including Cabspotting with San Francisco based boutique Stamen Design which is featured in New York MOMA’s permanent collection. While working with Motion Theory in Los Angeles, he lead a team of visual coders and CG animators to produce visual effects for award winning music videos for artists such as Beck, Modest Mouse, commercials for Hewlett Packard, Electronic Arts, Nike, Budweiser, and W+K some of which are the recipients of awards such as AIGA, ACIP, and Type Directors awards. His work with light projections have shown in Berlin and Austria for a commercial campaign for BMW which also included SMS-based audience participation and data visualization. He has also produced interactive visualizations and web narratives for Duran Duran with GAFFTA, a San Francisco-based no-profit arts organization. Gabriel has a developed teaching curriculum's and workshops for visual programming, open source technology, and audiovisual hardware/software. As a proponent for teaching digital technologies, he is Open Source software and hardware, committed to exposing technology as a tool to be utilized for creative purpose and communication that has vast potential to educate and empower.
+
+
+
+
+
+
+Name
+ Gabriel Dunne
+
+Date of Birth
+ 08/24/1981
+
+City and Country of origin
+ San Francisco, USA
+
+City and Country of current residence
+ San Francisco, USA
+
+List of 6 recent performance / works (from 2005 to present)
+ Monad, 2010
+ Stars, 2009
+ Cymatic Organ, 2009
+ Rattles, 2008
+ Cabspotting, 2008
+ Celestial Mechanics, 2006
+
+
+Images of past works or performances (Minimum of 3 images and maximum of 6 images, 800 x 600, 72 dpi)
+Please include title and year, along with the credit line.
+
+ Monad, 2010
+ Gabriel Dunne
+
+ Stars, 2009
+ Gabriel Dunne
+
+ Rattles, 2008
+ Gabriel Dunne
+
+ Cabspotting 2008 - Ongoing
+ Scott Snibbe, Amy Balkin, Eric Rodenbeck, Michal Migurski, Shawn Allen,
+ Tomas Apodeca, Gabriel Dunne, Stamen Design
+
+ Low Orbit Satellites (excerpt from Celestial Mechanics), 2006 - Ongoing
+ Gabriel Dunne, Scott Hessels
+
+
+Website or gallery link (or both)
+ gabrieldunne.com
+
+
+A 100 word artist statement
+ Gabriel Dunne's work represents his continuous exploration of visual, audible, and physical frequencies of natural and technological realities. His work is a response to constant change of our perception of reality and the universe, while examining the effects and influences of technology on our culture and consciousness. His work is based in graphic and installation design, music, sound, and visualization/sonification of systems, structures and rhythms of the natural world. His work is developed custom software and hardware, sound and audio, and physical installation.
+
+
+Gabriel Dunne's work explores visual, audible, and physical
+frequencies of natural and technological realities. He seeks to
+examine the effects and influences of technology on our culture and
+consciousness. Gabriel's work is based in graphic and
+installation design, music, sound, custom software and hardware, and
+visualization/sonification of structures and systems of the
+natural world.
+
+
+
+
+
+
+
+
+
+
+
+ NOTES
+ GAFFTA is a organization of autodidactic thought, creativity, and community. Our space was built as a
+ platform for the modern renaissance of comprehensive resonance: An inclusive methodology that encourages
+ a cross medium approach which reflects our relationship to each other and the planet. It is a creative and
+ ocial cultivation, supporting research and creativity in new and traditional mediums, actively removing
+ labels and combining methods and genres. Massive shifts are taking place environmentally and consciously
+ as we adjust to the increased availability of information and creative tools as society enters an age of
+ reflection and consciousness. GAFFTA has established itself to vibrate with these shifts by present events,
+ projects and ideas, and provide a supportive environment for conceptual exchange, exhibition, and collaboration
+ that resonate through society.
+
+
+ Notes:
+ Society is adjusting to the availability of information, our society is becoming increasingly autodidactic.
+ Our creativity is a reflection of the current state of consciousness, which continually increases.
+ Media is a reflection of thought. Technology is an extension of our bodies.
+ Labels used categorize mediums are purely conceptual, there are no divisions.
+ Increasing awareness of the natural rhythms of the planet, and how society affects them, and is affected.
## bio
-Gabriel Dunne’s work represents his continuous investigations of visual, audible, and physical frequencies of natural and technological perceptual and imperceptible realities. His process is based on sound, space, still and moving visual image, architecture, installation, sculpture, and utilizes custom software and hardware systems and performance tools. He has show and performed at galleries and museums across the world, including NYMoMA, SIGGRAPH, Barcelona Festival Sonar, Interferenze Italia, and numerous publications. He is a San Francisco native.
-
-Since graduating Cum-Laude from UCLA's Design and Media Artts (DMA), he has worked as a visual effects supervisor, animator, graphic and code artist for Motion Theory, creating visual effects for award-wining music videos and commercials, receiving numerous AIGA, ACIP, and Type Directors awards. He later worked for Google and Stamen Design producing data visualizations, including Cabspotting with San Francisco based boutique Stamen Design which is featured in New York MOMA’s permanent collection. He's consulted for Obscura Digital, contributing to immersive, multi-sensory experiences for public space, environments, and installations. Starting in 2005, he was a partner in Tessellated Group, an engineering and design company, contributing to multiple invention patents in clean-tech structural manufacturing processes. He co-founded Oooshiny in 2007, a community and meetup for artists working with code, and later was a founding artist in residence at Gray Area Foundation for the Arts in 2007 where he created Seaquence, a collaborative music-creation project. He later participated as an Artist in Resident at Autodesk. In 2015 he Co-founded Okaynokay -- an R&D Lab with Ryan Alexander, focusing on custom tools, processes, and art experiments.
+Gabriel Labov Dunne creates works of sound and space, still and moving images, performance, installation, sculpture, and software.
## studio contact
## c/v
### bio
-2015 Co-Founder/Partner, Okaynokay R&D Lab, CA USA
+2018 Co-Founder/Partner, Okaynokay, CA USA
2015 Artist in Residence, Autodesk, CA USA
2014—2015 Creative Developer, Obscura Digital, CA SA
2013 Designer and Software Engineer, TEEM, CA USA
2010—2013 Youth Programming Instructor, Bay Area Video Coalition, CA USA
2009 Co-Founding Artist in Resident, Gray Area Foundation for the Arts, CA USA
2007—2009 Designer and Software Engineer, Stamen Design, CA USA
-2007 Co-Founder, Oooshiny community and meetup for artists working with code
+2007 Co-Founder, Oooshiny community and meetup
2007 Designer and Software Engineer, Google Inc, CA
2004—2006 Code Artist, Graphic Software Developer, VFX Supervisor, Motion Theory, CA USA
-2004 Chief Design and Technology Officer, Tessellated Group, CA USA
+2004 Designer, Tessellated Group, CA USA
2003 B.A., Design + Media Arts, UCLA, CA USA
2002 Experimental Print Design, Pont Avent School of Contemporary Art, France
1999 Fine Arts + Architecture, College of Marin, CA USA
2010 ICOSI, Biennial of the Americas. Denver, CO
### selected exhibition
-2018 Gray Area Festival, San Francisco, CA
-2018 Ethereal Summit, New York, CA
+2018 "Claves Angelicae", Gray Area Festival, San Francisco, CA
+2018 "Claves Angelicae", Ethereal Summit, New York, CA
2017 Loczi Design, San Fracisco, CA
2016 Activate Space, Loczi Design, San Francisco, CA
2016 "In Living Color", Loczi Design, San Francisco, CA
2002 "Monster", UCLA Student Show, Los Angeles, CA
### residencies / collaborations
-2018 Twilight Engines by Vishal K Dar (Okaynokay), San Francisco, CA
+2018 Twilight Engines by Vishal K Dar (Okaynokay), Marin Headlands, CA
2014-2015 Artist in Residence, Autodesk, San Francisco, CA.
2011-2012 Studio Collaboration w/ Vishal K. Dar, New Delhi, India.
2009-2010 Artist in Residence, Gray Area Foundation for the Arts, San Francisco, CA.
<ul>
<li><a href="{{site.baseurl}}/">{{site.name}}</a></li>
- <li> </li>
<li><a href="{{ site.baseurl }}/about/">about</a></li>
- <li><a href="{{ site.baseurl }}/works/">works</a></li>
- <li><a href="{{ site.baseurl }}/projects/">projects</a></li>
- <li><a href="{{ site.baseurl }}/blog/">blog</a></li>
+
+ <li> </li>
+
+ {% for category in site.categories %}
+ <li>
+ <a href="{{ site.baseurl }}/{{ category[0] }}/">
+ {{ category[0] }}
+ </a>
+ </li>
+
+ {% endfor %}
+
+ <li> </li>
+
+ <li><a href="{{ site.baseurl }}/all/">all posts</a></li>
<li><a href="{{ site.baseurl }}/archive-d/">archive</a></li>
</ul>
+
+
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//gabrieldunne.us1.list-manage.com/subscribe/post?u=5f627417bdb5e6d2fe0b56ae3&id=0b05a209f7" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate><br />
layout: post\r
title: Architecture Mythos\r
date: 2001-07-05\r
-categories: work\r
+categories: projects\r
thumb: /m/icarus-deadalus/thumb.png\r
---\r
\r
layout: post
date: 2002-05-01
title: "Color/Shape/Sound"
-categories: article
+categories: projects
thumb : /m/colormuscalc/circleoffifths_color.gif
---
layout: post\r
title: "Celestes Calendar"\r
date: 2002-06-12\r
-categories: work\r
+categories: projects\r
thumb: /m/celestes/thumb.png\r
---\r
\r
layout: post\r
title: Body Negative\r
date: may 05 2003\r
-categories: work\r
+categories: works\r
thumb: /m/bodyneg/thumb.png\r
---\r
\r
---\r
layout: post\r
-title: "Tessellated Group Identity Design"\r
-date: 2005-01-01\r
+title: "Tessellated Group"\r
+date: 2018-01-01\r
categories: design\r
---\r
\r
\r
Tessellated Group \r
\r
-*identity design, installation design*\r
+\r
layout: post
title: Slashy Sans
date: 2006-05-05
-categories: design
+categories: projects
---
Typeface/Font Design
layout: post
title: "Celestial Mechanics"
date: 2006-05-05
-categories: project
+categories: projects
thumb: /m/cm/thumb.png
---
layout: post
title: "Footage Fold"
date: 05-05-2005
-categories: project
+categories: design
thumb: /m/footagefold/thumb.png
---
layout: post\r
date: 2007-07-02\r
title: Mask\r
-categories: work featured\r
+categories: works\r
thumb: /m/mask/thumb.png\r
---\r
\r
layout: post
title: City Sun Path
date: 2006-05-05
-categories: article
+categories: projects
---
Digital City Concept Proposal
layout: post\r
title: "Prism"\r
date: 2007-08-23\r
-categories: work featured\r
+categories: works\r
thumb: /m/prism/thumb.png\r
---\r
\r
---\r
title: Rattle\r
date: 2008-05-02\r
-categories: work featured\r
+categories: works\r
layout: post \r
thumb: /m/rattle/thumb.png\r
---\r
layout: post
date: 2008-05-04
title: Forest Web
-categories: work
+categories: works
thumb : /m/forestweb/thumb.png
---
---\r
title: Cabspotting\r
date: 2008-07-05 \r
-categories: project\r
+categories: design\r
layout: post\r
thumb: /m/cabspotting/thumb.png\r
---\r
layout: post
title: Swim Tank
date: 2008-10-05
-categories: work featured
+categories: works
thumb: /m/swimtank/thumb.png
---
layout: post
title: Seashell
date: 2009-01-06
-categories: work featured
+categories: works
thumb: /m/seashell/thumb.png
---
layout: post\r
date: 2009-02-02\r
title: Synonymovement\r
-categories: work\r
+categories: works\r
thumb: /m/synonymovement/thumb.png\r
---\r
\r
layout: post\r
title: Mekstension\r
date: 2009-04-08\r
-categories: project\r
+categories: design\r
client: Mekanism\r
thumb: /m/mekstension/thumb.png\r
---\r
layout: post
title: "Cymatic Organ"
date: 2009-06-05
-categories: work featured
+categories: works
excerpt: interactive audiovisual installation
thumb: /m/cymatic-organ/thumb3.png
---
layout: post\r
title: "Bay Area Transit"\r
date: 2009-08-09\r
-categories: project\r
+categories: design\r
thumb: /m/bayareatransit/thumb.png\r
---\r
\r
layout: post\r
title: Stars\r
date: 2009-08-20\r
-categories: work featured\r
+categories: works\r
excerpt: projection installation\r
thumb: /m/stars/thumb2.png\r
---\r
---\r
layout: post\r
-title: "Seaquence"\r
-categories: project featured\r
+title: "Seaquence.org"\r
+categories: projects\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: work featured
+categories: works
excerpt: projection sculpture
thumb: /m/monad/thumb3.png
---
layout: post\r
title: "ICOSI"\r
date: 2011-07-11\r
-categories: work featured\r
+categories: works\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: project featured\r
+categories: projects\r
thumb: "/m/audioshadertoy/thumb.png"\r
excerpt: live-coding WebGL/GLSL shader editor with audio-spectrum data\r
---\r
---
-title: NAAG Mehrauli
+title: NAAG
layout: post
date: 2012-12-20
tags: collab
-categories: project featured
+categories: works
excerpt: projection-mapped sculpture
thumb: /m/naag/thumb.png
---
layout: post\r
title: "Vatica Dahlia"\r
date: 2013-08-30\r
-categories: featured project\r
+categories: design\r
tags: collab\r
thumb: "/m/vaticadahlia/thumb2.png"\r
excerpt: sculpture and visuals for live performance\r
layout: post
title: "GH -> TD"
date: 2014-04-23
-categories: tool
+categories: projects
thumb: /m/gh-td/thumb.png
---
- [GhPython](http://www.food4rhino.com/project/ghpython)
- [TouchDesigner](https://www.derivative.ca/)
-
### Screenshots
#### Rhino/Grasshopper
---
layout: post
title: "Phi"
-date: 2014-05-06
-categories: article
+date: 2014-04-24
+categories: projects
author: Gabriel Dunne
thumb: /m/phi/thumb.png
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 />
+[Download PDF]({{site.baseurl}}/m/phi/The-Golden-Proportion.pdf)
+
+<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.
+When creating things that have form, the process typically does not depend on a singular methodology when generating, perceiving and manipulating a shape. Among these methods are the intuitive sense, a behavioral response, observation of patterns, mathematics, and many more in many combinations. The observation of natural phenomena is commonly used as base for modeling form, but when observing 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 certain commonalities and relationships between various areas of physical, biological worlds. At the simplest level, it is a mathematical relationship between two quantities that is intrinsic to various fundamental geometries and forms. By definition, two quantities are in the golden proportion (aka, the golden mean, golden section, golden number) 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*.
+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*. Phi is curious because in order to square it, you can just add 1. Incidentally, phi denoted in lowercase means just the numbers after the decimal.
-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.
+Some proofs that show the uniqueness of the number.
+
+Phi = 1.6180339
+
+phi = 0.6180339
+
+Phi * phi = 1
+
+Phi - phi = 1
+
+Phi = 1 + phi
+
+phi = Phi – 1
+
+Phi = 1 / phi
+
+phi = 1 / Phi
+
+Phi * 2 = Phi + 1
-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.
+phi * 2 = 1 – phi
-Required Materials for doing it by hand
+(–phi) * 2 = –phi + 1
-Compass
-Straightedge
-Marking Tool
-Paper
-With a computer, you can use any drawing program that can do lines and arcs. Snapping helps as well.
+Phi ^ 2 = Phi + 1
+
+Phi ^ 2 – Phi – 1 = 0
+
+Phi + phi = √5
+
+Phi = (√5 + 1) / 2
+
+phi = (√5 – 1) / 2
+
+
+Ok, now that we've seen the math of the number, let's see how to find it with geometry. The proportion becomes prevalent when describing symmetry and descriptions of polyhedra and polygons, as the ratio appears in many forms as as a fundamental geometric building block.
+
+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 (as in the image in the title). It's a classic, right up there with Pi.
+
+So, this article will demonstrate some distinct methods I've found for finding the proof of Phi with geometry. If you were doing this by hand, the tools you need are a straightedge and a compass. With a computer, you can use any drawing program that can do lines and arcs, and point-snapping is a big help too.
+
+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, and will be updated with new methods as I come across them.
## The Golden Rectangle
![]({{site.baseurl}}/m/phi/gr_01.PNG)
## Triangle in a Circle
![]({{site.baseurl}}/m/phi/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
+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](http://www.mathopenref.com/printequilateral.html)
1. Draw a circle.
2. Align an equilateral triangle so it fits within the circle bounds.
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
+ 3. Additionally, the length of the smaller lines within the star are also related. They are 1 / Phi, or phi
## 1/2 Square
![]({{site.baseurl}}/m/phi/gr_07.PNG)
## Conclusion
-Below are the following reference files for all methods as AI, DXF, Solidworks, and PDF
+There are a myriad of ways to find and utilize this unique numeric ratio with geometry. I've included the following reference files for all methods as AI, DXF, Solidworks, and PDF.
- [golden.ai]({{site.baseurl}}/m/phi/golden.ai)
- [golden.dxf]({{site.baseurl}}/m/phi/golden.DXF)
- [golden.pdf]({{site.baseurl}}/m/phi/golden.pdf)
- [golden.slddrw]({{site.baseurl}}/m/phi/golden.SLDDRW)
+Additionally, in Processing.js: [Phi in Processing JS](http://studio.sketchpad.cc/7e3hFRhlhV)
+
+ // Phi / Golden Ratio example written in Processing.
+ // online at http://studio.sketchpad.cc/7e3hFRhlhV
+ size(600, 400); smooth(); strokeWeight(2); background(255); stroke(0); noFill();
+
+ float phi = (sqrt(5) + 1) / 2;
+ float scale = width / phi / phi;
+ translate(scale / 2, scale / phi / 2);
+
+ // draw guides
+ stroke(50);
+
+ // golden rectangle
+ rect(0, 0, scale * phi, scale);
+
+ // guides
+ strokeWeight(1);
+ rect(0, 0, scale, scale);
+ line(scale / 2, scale, scale, 0);
+ ellipse( scale / 2, scale, scale * phi + (scale / phi), scale * phi + (scale / phi) );
Also posted on [instructables.com](http://www.instructables.com/id/The-Golden-Proportion/)
layout: post
title: "Tetra Field"
date: 2014-04-24
-categories: work featured
+categories: works
thumb: "/m/tetrafield/thumb.png"
excerpt: modular projection-mapped installation
---
layout: post
title: "Hyper Terra"
date: 2015-01-21
-categories: work featured
+categories: projects
author: Gabriel Dunne
bg : #fff
thumb : /m/hyperterra/thumb.png
title: NAAG Z
layout: post
date: 2015-03-15
-categories: project featured
+categories: works
tags: collab
excerpt: projection-mapped sculpture
thumb: /m/naagz/thumb.png
title: NAAG XY
layout: post
date: 2015-10-15
-categories: project featured
+categories: works
tags: collab
excerpt: projection-mapped sculpture
thumb: /m/naagxy/thumb.png
layout: post
title: clean studio
date: 2015-12-08
-categories: blog
+categories: notes
---
![]({{site.baseurl}}/m/blog/studio-clean-dec8.png)
layout: post
title: fur tri
date: 2015-12-25
-categories: blog
+categories: notes
---
![tri]({{site.baseurl}}/m/blog/padauk-tri.png)
---\r
layout: post\r
-title: "Seaquence iOS App"\r
-categories: project featured\r
+title: "Seaquence.App"\r
+categories: projects\r
date: 2016-03-15\r
excerpt: software music toy\r
thumb: /m/seaquence/3-up-700px.png\r
--- /dev/null
+---
+layout: post
+title: Claves Angelicae
+date: 2018-08-10
+categories: works
+---
+
+<a href="https://claves-angelicae.github.io/dossier/">
+<img src="/m/ca/claves_angelicae_sigil_B.png">
+</a>
\ No newline at end of file
---
layout: post
-title: METAFLUX: of Present Futures
+title: METAFLUX
date: 2018-08-10
-categories: project featured
+categories: projects
---
![]({{site.baseurl}}/m/metaflux/poster-sm.png)
<span class="next ">next →</span>
{% endif %}
-</div
+</div>
+++ /dev/null
----
-title: Categories
-layout: default
----
-
-{% for category in site.categories %}
- {{ category | first }}
- <br/>
- <ul>
- {% for posts in category %}
- {% for post in posts %}
- <li><a href="{{ post.url }}">{{ post.title }}</a></li>
- {% endfor %}
- {% endfor %}
- </ul>
-{% endfor %}
margin-bottom:3em;
}
.post pre {
- border: 1px solid #ddd;
+ /*border: 1px solid #ddd;*/
padding: 0 .4em;
background-color:#fff;
}
margin-left: 1.35em;
}
.post pre {
- background-color: #ddd;
+ background-color: #eee;
padding:1em;
}
.post a {
}
/* code */
.post code {
- border: 1px solid #ddd;
+ /*border: 1px solid #ddd;*/
color:#000;
padding: .2em .4em;
border-radius:0.2em;
border: none;
}
.post pre.terminal {
- border: 1px solid #000;
+ /*border: 1px solid #000;*/
background-color: #333;
color: #FFF;
}
word-wrap: break-word; }
code {
- background: #efefef;
+ /*background: #efefef;*/
color: #444;
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
font-size: 1.4rem;
--- /dev/null
+---
+layout: default
+title: Projects
+---
+
+<ul class="index thumbs">
+
+{% for post in site.categories.design %}
+{% if post.url %}
+
+ <li>
+ <a href="{{ site.baseurl }}{{ post.url }}">
+ <div class="img"><img src="{{ post.thumb }}" /></div>
+ <br />
+ {{ post.title }}
+ </a>
+ </li>
+
+{% endif %}
+{% endfor %}
+
+</ul>
+
## [Claves Angelicae](https://claves-angelicae.github.io/dossier/)
<a href="https://claves-angelicae.github.io/dossier/">
- <img src="https://raw.githubusercontent.com/claves-angelicae/dossier/master/assets/claves_angelicae_sigil_B.png">
+ <img src="{{site.baseurl}}/m/ca/claves_angelicae_sigil_B.png">
</a>
--- /dev/null
+---
+layout: default
+title: Projects
+---
+
+<ul class="index thumbs">
+
+{% for post in site.categories.notes %}
+{% if post.url %}
+
+ <li>
+ <a href="{{ site.baseurl }}{{ post.url }}">
+ <div class="img"><img src="{{ post.thumb }}" /></div>
+ <br />
+ {{ post.title }}
+ </a>
+ </li>
+
+{% endif %}
+{% endfor %}
+
+</ul>
+
<ul class="index thumbs">
-{% for post in site.categories.project %}
+{% for post in site.categories.projects %}
{% if post.url %}
<li>
<ul class="index thumbs">
-{% for post in site.categories.work %}
+{% for post in site.categories.works %}
{% if post.url %}
<li>