webrick (~> 1.7)
BUNDLED WITH
- 2.2.15
+ 2.3.26
--- /dev/null
+name : Gabriel L Dunne
+description: Gabriel L Dunne
+author : Gabriel L Dunne
+url : "http://localhost:4000"
+author_url : https://gabrieldunne.com
+author_email : studio@gabrieldunne.com
+markdown : kramdown
+highlighter : true
+paginate : 8
+paginate_path : posts/:num
+permalink : /:title/
+baseurl : ""
+plugins : [ jekyll-paginate ]
+exclude : [ publish, publish-nomedia ]
+future: true
\ No newline at end of file
name : Gabriel L Dunne
+description: Gabriel L Dunne
author : Gabriel L Dunne
-author_url : http://gabrieldunne.com
+url : https://gabrieldunne.com
+author_url : https://gabrieldunne.com
author_email : studio@gabrieldunne.com
markdown : kramdown
highlighter : true
categories: design commercial\r
---\r
\r
-![]({{site.baseurl}}/m/femfreq/ff01.png)\r
+![]({{site.url}}/m/femfreq/ff01.png)\r
\r
logotype spec\r
\r
thumb: /m/triangles/thumb.png
---
-![]({{site.baseurl}}/m/triangles/triangles.jpg)
+![]({{site.url}}/m/triangles/triangles.jpg)
Site Specific. Hand-broken wooden sticks.
Created w/ Ryan Alexander. Alpine Lake, California.
-![]({{site.baseurl}}/m/triangles/3440466072_f2f766bbbb.jpg)
+![]({{site.url}}/m/triangles/3440466072_f2f766bbbb.jpg)
categories: project\r
---\r
\r
-![]({{site.baseurl}}/m/femfreq/ff01.png)\r
+![]({{site.url}}/m/femfreq/ff01.png)\r
\r
logotype spec\r
categories: notes
---
-![]({{site.baseurl}}/m/blog/studio-clean-dec8.png)
+![]({{site.url}}/m/blog/studio-clean-dec8.png)
Newly painted studio floors. Feels like a million bucks. It will never be this clean again!
-![]({{site.baseurl}}/m/blog/studio-clean2-dec8.png)
+![]({{site.url}}/m/blog/studio-clean2-dec8.png)
-![]({{site.baseurl}}/m/blog/studio-clean3-dec8.png)
+![]({{site.url}}/m/blog/studio-clean3-dec8.png)
categories: notes
---
-![tri]({{site.baseurl}}/m/blog/padauk-tri.png)
+![tri]({{site.url}}/m/blog/padauk-tri.png)
A tri w/padauk frame. About 11" side. A christmas gift for my dad.
Today, [Stephanie](http://ssherriff.com) started her fabrication for her upcoming show at Incline Gallery in SF. She's building many wooden frames which will have soil in them, and mounted to the wall. Wheatgrass will grow out of them. I'm assisting in fabricating the frames today, and whatever else I can help with.
-![studio light]({{site.baseurl}}/m/blog/pilapse4.png)
+![studio light]({{site.url}}/m/blog/pilapse4.png)
Setting up timelapse in the studio after having MWM and Will producing their pieces here over the last few weeks. I'm experimenting with a Rasbperry Pi connected to my Canon Rebel XT 350D. This is an old beater camera, this body and lense has been around the world, including burning man a few times, and the lense is really gunked up. As I turn the focus ring, it's reminscent of grinding sand.
-![studio light]({{site.baseurl}}/m/blog/pilapse3.png)
+![studio light]({{site.url}}/m/blog/pilapse3.png)
Still working on an auto-exposure method, as the light in the studio changes dramatically over the day.
-![studio light]({{site.baseurl}}/m/blog/pilapse1.png)
+![studio light]({{site.url}}/m/blog/pilapse1.png)
I have an AC adapter for both the Pi and the Canon, and I'm using [gphoto2](http://www.gphoto.org/proj/gphoto2/) on the pi.
Otherwise, the Pi-timelapse rig is pretty great. I'm going to get a few camera nodes going, it will be great to have timelapse of the space. Watching the light (both moon and sun) is beautiful.
-![studio light]({{site.baseurl}}/m/blog/studio.png)
+![studio light]({{site.url}}/m/blog/studio.png)
Looking forward to a productive 2016!!
categories: design commercial\r
---\r
\r
-![]({{site.baseurl}}/m/femfreq/ff01.png)\r
+![]({{site.url}}/m/femfreq/ff01.png)\r
\r
logotype spec\r
\r
by:
{% if page.url == '/archive-d/' %}
- date | <a href="{{site.baseurl}}/archive-c/">category</a> | <a href="{{site.baseurl}}/archive-i/">thumbs</a>
+ date | <a href="{{site.url}}/archive-c/">category</a> | <a href="{{site.url}}/archive-i/">thumbs</a>
{% endif %}
{% if page.url == '/archive-c/' %}
- <a href="{{site.baseurl}}/archive-d/">date</a> | category | <a href="{{site.baseurl}}/archive-i/">thumbs</a>
+ <a href="{{site.url}}/archive-d/">date</a> | category | <a href="{{site.url}}/archive-i/">thumbs</a>
{% endif %}
{% if page.url == '/archive-i/' %}
- <a href="{{site.baseurl}}/archive-d/">date</a> | <a href="{{site.baseurl}}/archive-c/">category</a> | thumbs
+ <a href="{{site.url}}/archive-d/">date</a> | <a href="{{site.url}}/archive-c/">category</a> | thumbs
{% endif %}
</div>
<div class="nav">
- <h2><a href="{{site.baseurl}}/">{{site.name}}</a></h2>
+ <h2><a href="{{site.url}}/">{{site.name}}</a></h2>
<ul>
- <li><a href="{{ site.baseurl }}/about/">about</a></li>
+ <li><a href="{{ site.url }}/about/">about</a></li>
<ul class="posts">
{% for posts in category %}
{% for post in posts %}
- <li><h2><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h2></li>
+ <li><h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2></li>
{% endfor %}
{% endfor %}
</ul>
<li> </li>
<li><h3 class="header"><a href="/{{ cat }}/">{{ cat }}</a></h3></li>
{% for post in site.categories.projects %}
- <li class="indent"><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
+ <li class="indent"><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}
<li> </li>
- <li><a href="{{ site.baseurl }}/notes/">notes</a></li>
- <li><a href="{{ site.baseurl }}/all/">all posts</a></li>
- <li><a href="{{ site.baseurl }}/archive-d/">archive</a></li>
+ <li><a href="{{ site.url }}/notes/">notes</a></li>
+ <li><a href="{{ site.url }}/all/">all posts</a></li>
+ <li><a href="{{ site.url }}/archive-d/">archive</a></li>
</ul>
<div class="nav">
<ul>
- <li><h3 class="header"><a href="{{site.baseurl}}/">{{site.name}}</a></h3></li>
- <li><a href="{{ site.baseurl }}/about/">about</a></li>
- <!-- <li><a href="{{ site.baseurl }}/news/">news</a></li> -->
- <!-- <li><a href="{{ site.baseurl }}/notes/">notes</a></li> -->
- <li><a href="{{ site.baseurl }}/posts/">all posts</a></li>
- <li><a href="{{ site.baseurl }}/archive-d/">archive</a></li>
+ <li><h3 class="header"><a href="{{site.url}}/">{{site.name}}</a></h3></li>
+ <li><a href="{{ site.url }}/about/">about</a></li>
+ <!-- <li><a href="{{ site.url }}/news/">news</a></li> -->
+ <!-- <li><a href="{{ site.url }}/notes/">notes</a></li> -->
+ <li><a href="{{ site.url }}/posts/">all posts</a></li>
+ <li><a href="{{ site.url }}/archive-d/">archive</a></li>
+ <li><a href="{{ site.url }}/feed.xml">rss</a></li>
<li> </li>
<li><h3 class="header"><a href="/works/">works</a></h3></li>
{% for post in site.categories.works %}
- <li class="indent"><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
+ <li class="indent"><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}
<li> </li>
<li><h3 class="header"><a href="/performance/">performance</a></h3></li>
{% for post in site.categories.performance %}
- <li class="indent"><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
+ <li class="indent"><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}
<li> </li>
<li><h3 class="header"><a href="/projects/">projects</a></h3></li>
{% for post in site.categories.projects %}
- <li class="indent"><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
+ <li class="indent"><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}
</ul>
</div>
\ No newline at end of file
<title>{{ site.name }}{% if page.title != 'index' %} > {{ page.title }}{% endif %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0,
user-scalable=no">
- <link rel="stylesheet" href="{{ site.baseurl }}/css/syntax.css?t={{ ts }}">
- <link rel="stylesheet" href="{{ site.baseurl }}/css/marx.css?t={{ ts }}">
- <link rel="stylesheet" href="{{ site.baseurl }}/css/main.css?t={{ ts }}">
+ <link rel="stylesheet" href="{{ site.url }}/css/syntax.css?t={{ ts }}">
+ <link rel="stylesheet" href="{{ site.url }}/css/marx.css?t={{ ts }}">
+ <link rel="stylesheet" href="{{ site.url }}/css/main.css?t={{ ts }}">
</head>
<body>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>{{ site.name }} - {{ page.title }}</title>
<meta name="viewport" content="width=device-width">
- <link rel="stylesheet" href="{{ site.baseurl }}/css/syntax.css">
- <link rel="stylesheet" href="{{ site.baseurl }}/css/marx.css">
- <link rel="stylesheet" href="{{ site.baseurl }}/css/main.css">
+ <link rel="stylesheet" href="{{ site.url }}/css/syntax.css">
+ <link rel="stylesheet" href="{{ site.url }}/css/marx.css">
+ <link rel="stylesheet" href="{{ site.url }}/css/main.css">
</head>
<body>
thumb: /m/icosi/2_4847387674_5419f0b672.jpg\r
---\r
\r
-![]({{site.baseurl}}/m/icosi/4847387648_908df243cc_b.jpg)\r
+![]({{site.url}}/m/icosi/4847387648_908df243cc_b.jpg)\r
\r
audiovisual performance, installation \r
7' x 7' x 1' projection-mapped sculpture, stereo audio \r
Processing, Java, OpenGL, Ableton Live, MaxMSP\r
\r
-![]({{site.baseurl}}/m/icosi/4846767709_1e7503ab0b_b.jpg)\r
-![]({{site.baseurl}}/m/icosi/2_4847387674_5419f0b672.jpg)\r
-![]({{site.baseurl}}/m/icosi/4846767605_737556aa2f_b.jpg)\r
+![]({{site.url}}/m/icosi/4846767709_1e7503ab0b_b.jpg)\r
+![]({{site.url}}/m/icosi/2_4847387674_5419f0b672.jpg)\r
+![]({{site.url}}/m/icosi/4846767605_737556aa2f_b.jpg)\r
\r
more photos on [flickr](https://www.flickr.com/photos/quilime/sets/72157624499344281/)\r
\r
## Process\r
\r
-![]({{site.baseurl}}/m/icosi/icosi_01.png)\r
+![]({{site.url}}/m/icosi/icosi_01.png)\r
\r
The form is composed of 7 panels trimmed and scaled from a full icosidodecahedron. The piece represents my practice and experiences in regards to my own growth and experience. Geometrically, the form is inspired by sacred polyhedra that represent forms of transition. The choice of an [icosidodecahedron](http://en.wikipedia.org/wiki/Icosidodecahedron) represents transition of two forms and frequencies, represented by an [icosahedron](http://en.wikipedia.org/wiki/Icosahedron) and its dual polyhedron, a [dodecahedron](http://en.wikipedia.org/wiki/Dodecahedron).\r
\r
-![]({{site.baseurl}}/m/icosi/icosi_multi.png)\r
+![]({{site.url}}/m/icosi/icosi_multi.png)\r
\r
Software and audio toolsets for ICOSI are procedurally generated from the form. A factor I didn't anticipate was how this project dramatically split my focus into two realms (sound and visuals), which was a juggle that I didn't anticipate as I was developing the visual software on one split-screen before the performance. My goal was to create a unified performance tool, yet still resulted in a focus split. I am inspired to continue pursuing interfaces and controllers to overcome the separation of creating audio and visuals simultaneously.\r
\r
The multiple mediums (sculpture, sound, visual media) of this particular project was fascinating. Each iteration represents a process of my curiosities in technology, consciousness, spirituality, design, and fabrication.\r
\r
\r
-![]({{site.baseurl}}/m/icosi/3_5165246192_dfa231d7ef_z.jpg)\r
-![]({{site.baseurl}}/m/icosi/1_icosigdunne-e1288810334434.jpg)\r
+![]({{site.url}}/m/icosi/3_5165246192_dfa231d7ef_z.jpg)\r
+![]({{site.url}}/m/icosi/1_icosigdunne-e1288810334434.jpg)\r
\r
\r
<!--\r
glow\r
\r
\r
-![]({{site.baseurl}}/m/icosi/plane_layout.png)\r
+![]({{site.url}}/m/icosi/plane_layout.png)\r
\r
\r
\r
Jul 29 2010 Biennial of the Americas, Denver CO\r
\r
## Rider\r
-![]({{site.baseurl}}/m/icosi/rider_01.png)\r
-![]({{site.baseurl}}/m/icosi/rider_02.png)\r
+![]({{site.url}}/m/icosi/rider_01.png)\r
+![]({{site.url}}/m/icosi/rider_02.png)\r
[pdf](http://media.quilime.com/files/projects/icosi/gdunne_rider_diag.pdf)\r
\r
thumb: /m/txt_strct/thumb.png\r
---\r
\r
-![]({{site.baseurl}}/m/txt_strct/txt_strct_1000.jpg)\r
+![]({{site.url}}/m/txt_strct/txt_strct_1000.jpg)\r
\r
*TXT_STRCT*\r
\r
thumb: /m/ethereal-channels/thumb.png
---
-![]({{site.baseurl}}/m/ethereal-channels/channels.png)
+![]({{site.url}}/m/ethereal-channels/channels.png)
<iframe width="560" height="315" src="https://www.youtube.com/embed/VTm6XbttkYY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Live A/V performance @ StudioSpace, Emeryville
-![]({{site.baseurl}}/m/ethereal-channels/poster.jpg)
\ No newline at end of file
+![]({{site.url}}/m/ethereal-channels/poster.jpg)
\ No newline at end of file
a site-specific audio/visual performance in collaboration between [Stephanie Sherriff](http://ssherriff.com/) and [Gabriel Dunne](http://gabrieldunne.com). audio for the piece is spatialized and comprised of numerous field recordings and is controlled using a micro-controller, conductive tape, and max msp/jitter. textural, prismatic video is projected and mapped onto a tile labyrinth.
-![]({{site.baseurl}}/m/aestral-orient/aestral_01_0.jpg)
+![]({{site.url}}/m/aestral-orient/aestral_01_0.jpg)
<iframe width="560" height="315" src="https://www.youtube.com/embed/G9CTsL16O-o" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
thumb: /m/latency/thumb.png\r
---\r
\r
-![]({{site.baseurl}}/m/latency/cjm_2048.jpg)\r
+![]({{site.url}}/m/latency/cjm_2048.jpg)\r
\r
Who: Cullen Miller & Gabriel Dunne \r
What: Soundwave Festival presents 'Networked Utopias' \r
<iframe width="560" height="315" src="https://www.youtube.com/embed/nIuR545-GA0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>\r
\r
\r
-![]({{site.baseurl}}/m/latency/image_1290.png)\r
+![]({{site.url}}/m/latency/image_1290.png)\r
\r
-![]({{site.baseurl}}/m/latency/yud_lg_500.jpg)\r
+![]({{site.url}}/m/latency/yud_lg_500.jpg)\r
\r
\r
\r
thumb: /m/icosi/2_4847387674_5419f0b672.jpg\r
---\r
\r
-<img src="{{site.baseurl}}/m/indexical2022/indexical2022.jpg" style="max-width:600px;"/>\r
+<img src="{{site.url}}/m/indexical2022/indexical2022.jpg" style="max-width:600px;"/>\r
\r
what: audiovisual performance \r
when: Saturday, February 26, 2022 at 8pm PST \r
\r
Architectural Models depicting various greek mythos and themes\r
\r
-![]({{site.baseurl}}/m/arch/007_sm.jpg)\r
+![]({{site.url}}/m/arch/007_sm.jpg)\r
Troughs \r
18" x 18" x 6" \r
balsa wood\r
\r
-![]({{site.baseurl}}/m/arch/005_sm.jpg)\r
+![]({{site.url}}/m/arch/005_sm.jpg)\r
Icarus & Deadalus \r
18" x 18" x 6" \r
balsa wood\r
\r
-![]({{site.baseurl}}/m/arch/006_sm.jpg)\r
+![]({{site.url}}/m/arch/006_sm.jpg)\r
Light + Heavy\r
18" x 18" x 18" \r
balsa wood, foam core\r
Notice that every other note is succeeded by the one before. C, skip G, D, skip D, A, etc. Also notice how there are twelve notes corresponding to twelve numbers on a clock. C is in he 12 noon position. G is in the 1 o'clock position (likewise has one sharp; F in the 11 o'clock position.) D is in the two o'clock position (likewise has sharps; F and C). A is in the 3 o'clock position (likewise has 3 sharps; F, C, G). E is in the four o'clock position and has 4 sharps (F, C, G, D). B is in the 5 o'clock position and has 5 sharps (F,C,G,D,A). F# is in the 6 o'clock position and has 6 sharps (F,C,G,D,A,E; everything is sharp except B; notice also how this corresponds with the key of F in which it has one flat, Bb). If you follow the gray lines of the inner star, you can visually see how a single octave of sound is represented in this circular fashion.
-![]({{site.baseurl}}/m/colormuscalc/circleoffifths_star.gif)
+![]({{site.url}}/m/colormuscalc/circleoffifths_star.gif)
As we move clockwise around the wheel, we begin to see a pattern of the amount of sharps contained in each major key. There are no sharps in the key of C. There is one sharp in the key of G, and two in the key of D, etc.
The Circle of Notes is something I came up with to describe arranging the notes chromatically around a circle. The only relationship between the notes is the actual distance in which they are spaced from each other on the keyboard. C is spaced away from C# the same distance as A is spaced from Bb, etc. Hence, the Circle of Notes is simply a representation of a single octave wrapped to 360 degrees.
-![]({{site.baseurl}}/m/colormuscalc/circleofnotes.gif)
+![]({{site.url}}/m/colormuscalc/circleofnotes.gif)
## The Color Wheel
The Color Wheel describes the relationships between colors. It is laid out so that any two primary (red, yellow, blue) are separated by the secondary colors (orange, violet, and green).
-![]({{site.baseurl}}/m/colormuscalc/colorwheel.gif)
+![]({{site.url}}/m/colormuscalc/colorwheel.gif)
## The Color Wheel In Relation to the Circle of Notes
When we composite the Color Wheel behind the Circle of Notes, we can create a working relationship between the two. As we move along the wheel clockwise, we can relate specific notes to specific colors, eventually looping through an octave will also loop through the entire spectrum of color.
-![]({{site.baseurl}}/m/colormuscalc/circleofnotes_color.gif)
+![]({{site.url}}/m/colormuscalc/circleofnotes_color.gif)
According to this model, C relates to Yellow. E relates to Red, and Ab relates to Blue, (the primary colors). If we look at these notes on a keyboard, we can see that they are spaced two tones (steps) apart, or four semi-tones (half steps) apart. An octave consists of twelve semi-tones total, so four semitones is an exact third of an octave. Exactly the same relationship that the primary colors have to the color wheel -- they are spaced apart in perfect thirds. By this model, C, E and Ab are the 'primary notes' of the octave.
-![]({{site.baseurl}}/m/colormuscalc/keyboard_rgb.gif)
+![]({{site.url}}/m/colormuscalc/keyboard_rgb.gif)
If we rearrange the notes on the Circle of Notes so that the wheel becomes the Circle of Fifths, and let the corresponding colors follow the move, the result is a very dissonant color wheel:
-![]({{site.baseurl}}/m/colormuscalc/circleoffifths_color.gif)
+![]({{site.url}}/m/colormuscalc/circleoffifths_color.gif)
According to this model, a very interesting relationship is illustrated, simply because of the dissonance between certain notes. Complimentary colors stay in the same, but their arrangement in a circular fashion is distorted to follow the Circle of Fifths model.
The notes in between the 'primary notes' then represent the secondary and tertiary colors represented in the color wheel.
-![]({{site.baseurl}}/m/colormuscalc/keyboard_spectrum.gif)
+![]({{site.url}}/m/colormuscalc/keyboard_spectrum.gif)
While the keyboard is beginning to look more like Fisher-Price, we begin to notice a definite pattern and relationship. As we move up and down the octaves of the keyboard, the color wheel loops 360 degrees, managing to assign a specific color to each note in the octave.<br>
-![]({{site.baseurl}}/m/colormuscalc/keyboard_stacked.gif)
+![]({{site.url}}/m/colormuscalc/keyboard_stacked.gif)
## Notes, and Their Relationship to Ratio & Symmetry
they are plucked the pitch of the shorter string is exactly one octave
higher than the longer:
-![]({{site.baseurl}}/m/colormuscalc/ratio_01.gif)
-![]({{site.baseurl}}/m/colormuscalc/ratio_02.gif)
+![]({{site.url}}/m/colormuscalc/ratio_01.gif)
+![]({{site.url}}/m/colormuscalc/ratio_02.gif)
Again, number (in this case "amount of space") seemed to govern musical tone. Or does musical tone govern number? He also discovered that if the length of the two strings are in relation to each other 2:3, the difference in pitch is called a fifth:
-![]({{site.baseurl}}/m/colormuscalc/ratio_01.gif)
-![]({{site.baseurl}}/m/colormuscalc/ratio_03.gif)
+![]({{site.url}}/m/colormuscalc/ratio_01.gif)
+![]({{site.url}}/m/colormuscalc/ratio_03.gif)
...and if the length of the strings are in relation to each other 3:4, then the difference is called a fourth.
-![]({{site.baseurl}}/m/colormuscalc/ratio_01.gif)
-![]({{site.baseurl}}/m/colormuscalc/ratio_04.gif)
+![]({{site.url}}/m/colormuscalc/ratio_01.gif)
+![]({{site.url}}/m/colormuscalc/ratio_04.gif)
Thus the musical notation of the Greeks, which we have inherited can be expressed mathematically as 1:2:3:4
<table border="0" align="center" cellspacing="5">
<tr>
<td align="right">Whole Note (1:1) : </td>
-<td> <img src="{{site.baseurl}}/m/colormuscalc/ratio_square_01.gif" width="25" height="25"> </td>
+<td> <img src="{{site.url}}/m/colormuscalc/ratio_square_01.gif" width="25" height="25"> </td>
</tr>
<tr>
<td align="right">Diapason (2:1) :</td>
-<td> <img src="{{site.baseurl}}/m/colormuscalc/ratio_square_05.gif" width="49" height="25"></td>
+<td> <img src="{{site.url}}/m/colormuscalc/ratio_square_05.gif" width="49" height="25"></td>
</tr>
<tr>
<td align="right">Diapason Diapente (3:1) :</td>
-<td> <img src="{{site.baseurl}}/m/colormuscalc/ratio_square_07.gif" width="73" height="25"></td>
+<td> <img src="{{site.url}}/m/colormuscalc/ratio_square_07.gif" width="73" height="25"></td>
</tr>
<tr>
<td align="right">Disdiapason (4:1) :</td>
-<td> <img src="{{site.baseurl}}/m/colormuscalc/ratio_square_06.gif" width="97" height="25"></td>
+<td> <img src="{{site.url}}/m/colormuscalc/ratio_square_06.gif" width="97" height="25"></td>
</tr>
<tr>
<td align="right">Diepente (3:2) : </td>
-<td> <img src="{{site.baseurl}}/m/colormuscalc/ratio_square_02.gif" width="37" height="25"></td>
+<td> <img src="{{site.url}}/m/colormuscalc/ratio_square_02.gif" width="37" height="25"></td>
</tr>
<tr>
<td align="right">Biatessera (4:3) :</td>
-<td> <img src="{{site.baseurl}}/m/colormuscalc/ratio_square_04.gif" width="33" height="25"></td>
+<td> <img src="{{site.url}}/m/colormuscalc/ratio_square_04.gif" width="33" height="25"></td>
</tr>
<tr>
<td align="right">(5:4) : </td>
-<td> <img src="{{site.baseurl}}/m/colormuscalc/ratio_square_03.gif" width="31" height="25"></td>
+<td> <img src="{{site.url}}/m/colormuscalc/ratio_square_03.gif" width="31" height="25"></td>
</tr>
<tr>
<td align="right">(4:9) :</td>
-<td> <img src="{{site.baseurl}}/m/colormuscalc/ratio_square_08.gif" width="43" height="25"></td>
+<td> <img src="{{site.url}}/m/colormuscalc/ratio_square_08.gif" width="43" height="25"></td>
</tr>
<tr>
<td align="right">Tonus (9:8) :</td>
-<td> <img src="{{site.baseurl}}/m/colormuscalc/ratio_square_09.gif" width="43" height="49"></td>
+<td> <img src="{{site.url}}/m/colormuscalc/ratio_square_09.gif" width="43" height="49"></td>
</tr>
</table>
Initial concepts of interface design include implementation of both color/note wheels, and an interactive keyboard. The large area above will contain the form that results from the ratios designated by the notes played on the keyboard.
-![]({{site.baseurl}}/m/colormuscalc/interface_01.gif)
+![]({{site.url}}/m/colormuscalc/interface_01.gif)
The shapes drawn must be cubic in order to relate to the ratios in three dimensions, but future implementation in other geometries will be possible.
C, and change the yellow to orange, as well as change the shape of
the cube.
-![]({{site.baseurl}}/m/colormuscalc/interface_02.gif)
+![]({{site.url}}/m/colormuscalc/interface_02.gif)
\ No newline at end of file
thumb: /m/celestes/thumb.png\r
---\r
\r
-![]({{site.baseurl}}/m/celestes/calendar_piece_thmb.jpg)\r
+![]({{site.url}}/m/celestes/calendar_piece_thmb.jpg)\r
\r
18" x 12" \r
Inkjet print, Balsa Wood\r
Includes phases of the moon, equinoxes and solstices. \r
\r
\r
-![]({{site.baseurl}}/m/celestes/calendar.jpg)
\ No newline at end of file
+![]({{site.url}}/m/celestes/calendar.jpg)
\ No newline at end of file
Role: Visual Effect Designer, Animation
-![]({{site.baseurl}}/m/footagefold/4-hpfinish.jpg)
-![]({{site.baseurl}}/m/footagefold/output_qAEMIQ.gif)
+![]({{site.url}}/m/footagefold/4-hpfinish.jpg)
+![]({{site.url}}/m/footagefold/output_qAEMIQ.gif)
<iframe width="480" height="360" src="//www.youtube.com/embed/T_Ky4Tcuff4?rel=0" frameborder="0" allowfullscreen></iframe>
The music video for Beck's "Girl" featured entire scenes folding up like a popup book, transforming their meaning an resulting in visual ironies throughout the story. The music video is an homage to Al Jaffee's "Fold In" art at the back of the classic *MAD* Magazine,
-![]({{site.baseurl}}/m/footagefold/fold_2.png)
-![]({{site.baseurl}}/m/footagefold/fold_1.png)
+![]({{site.url}}/m/footagefold/fold_2.png)
+![]({{site.url}}/m/footagefold/fold_1.png)
-![]({{site.baseurl}}/m/footagefold/3-bottles_01.jpg)
+![]({{site.url}}/m/footagefold/3-bottles_01.jpg)
Foldong shelves in pharmacy with physically simulated bottle falling animation
-![]({{site.baseurl}}/m/footagefold/aljaffee.png)
-![]({{site.baseurl}}/m/footagefold/output_OtH9Fq.gif)
+![]({{site.url}}/m/footagefold/aljaffee.png)
+![]({{site.url}}/m/footagefold/output_OtH9Fq.gif)
Living Room fold scene, featured on television with Al Jaffee "commercial" gag
-![]({{site.baseurl}}/m/footagefold/pinatas-plate.png)
+![]({{site.url}}/m/footagefold/pinatas-plate.png)
Pinatas scene clean plate
-![]({{site.baseurl}}/m/footagefold/pinatas-render.png)
+![]({{site.url}}/m/footagefold/pinatas-render.png)
Pinatas scene render plate
-![]({{site.baseurl}}/m/footagefold/map.png)
-![]({{site.baseurl}}/m/footagefold/map-telecine.png)
+![]({{site.url}}/m/footagefold/map.png)
+![]({{site.url}}/m/footagefold/map-telecine.png)
Graphic Design for "folding map" gag
Copyright © 2005 Motion Theory
## Fold Tests, Contepts, and Sketches
-![]({{site.baseurl}}/m/footagefold/7-44.jpg)
-![]({{site.baseurl}}/m/footagefold/6-32.jpg)
-![]({{site.baseurl}}/m/footagefold/5-23.jpg)
+![]({{site.url}}/m/footagefold/7-44.jpg)
+![]({{site.url}}/m/footagefold/6-32.jpg)
+![]({{site.url}}/m/footagefold/5-23.jpg)
-![]({{site.baseurl}}/m/footagefold/fold_reference.jpg)
+![]({{site.url}}/m/footagefold/fold_reference.jpg)
four-way fold concept art
-![]({{site.baseurl}}/m/footagefold/chessfold.png)
+![]({{site.url}}/m/footagefold/chessfold.png)
four-way fold concept art
[Cabspotting](http://stamen.com/clients/cabspotting) \r
[Cabspotting in MoMA](http://content.stamen.com/cabspotting_in_moma_design_and_the_elastic_mind) \r
\r
-![]({{site.baseurl}}/m/cabspotting/gabe - cabs_03.png)\r
+![]({{site.url}}/m/cabspotting/gabe - cabs_03.png)\r
Cab Trails\r
\r
-![]({{site.baseurl}}/m/cabspotting/Picture 5.png)\r
+![]({{site.url}}/m/cabspotting/Picture 5.png)\r
Development Screenshot\r
thumb: /m/mekstension/thumb.png\r
---\r
\r
-![]({{site.baseurl}}/m/mekstension/3423610002_7d387b5a0f_o.png)\r
+![]({{site.url}}/m/mekstension/3423610002_7d387b5a0f_o.png)\r
\r
Animation software created with Processing.\r
\r
Software allows an animator to extends geometric objects into space and modify their parameters.\r
Animation optomised for a display resolution of 2560 x 1600\r
\r
-![]({{site.baseurl}}/m/mekstension/mek_01.jpg)\r
-![]({{site.baseurl}}/m/mekstension/DSC_0064.JPG)\r
-![]({{site.baseurl}}/m/mekstension/mek_02.jpg)\r
-![]({{site.baseurl}}/m/mekstension/mek_03.jpg)\r
+![]({{site.url}}/m/mekstension/mek_01.jpg)\r
+![]({{site.url}}/m/mekstension/DSC_0064.JPG)\r
+![]({{site.url}}/m/mekstension/mek_02.jpg)\r
+![]({{site.url}}/m/mekstension/mek_03.jpg)\r
\r
Created at Mekanism for a lofi/hifi stop-motion opener for CAT 2011 conference.\r
\r
thumb: /m/bayareatransit/thumb.png\r
---\r
\r
-![]({{site.baseurl}}/m/bayareatransit/baytransproposal.png)\r
+![]({{site.url}}/m/bayareatransit/baytransproposal.png)\r
Proposal Rendering. Image Copyright (c) 2009 Stamen Design\r
\r
Interactive Software developed by Gabriel Dunne with Stamen and SOM Architects for a conceptual route-map display proposal for the San Francisco Transbay Terminal project. Bay Area transit visualizations show public transit on an interactive map created from transit stations. Each route is a represented as its geographic path, the height of the shape representing time. Early morning routes are closer to the map base getting later in the day the higher they rise. Bart routes are colored blue, SFMTA/MUNI routes are colored in red.\r
\r
More on [Stamen.com](http://content.stamen.com/som_transbay_tower)\r
\r
-![]({{site.baseurl}}/m/bayareatransit/muni_route22.png)\r
+![]({{site.url}}/m/bayareatransit/muni_route22.png)\r
\r
-![]({{site.baseurl}}/m/bayareatransit/bart_eastbay_sf.png)\r
+![]({{site.url}}/m/bayareatransit/bart_eastbay_sf.png)\r
BART Dub/Ples Train\r
\r
-![]({{site.baseurl}}/m/bayareatransit/some_muni_and_bart.png)\r
+![]({{site.url}}/m/bayareatransit/some_muni_and_bart.png)\r
MUNI + BART Overlay \r
\r
-![]({{site.baseurl}}/m/bayareatransit/stop_frequency_bay_area.png)\r
+![]({{site.url}}/m/bayareatransit/stop_frequency_bay_area.png)\r
Bay Area Muni and Bart Transit Stop Frequency\r
\r
-![]({{site.baseurl}}/m/bayareatransit/stop_frequency_sf.png)\r
+![]({{site.url}}/m/bayareatransit/stop_frequency_sf.png)\r
SF Muni Stop Frequency\r
\r
thumb: /m/seaquence/thumb2.png\r
---\r
\r
-![]({{site.baseurl}}/m/seaquence/Screen Shot 2013-06-30 at 4.12.05 PM.png)\r
+![]({{site.url}}/m/seaquence/Screen Shot 2013-06-30 at 4.12.05 PM.png)\r
\r
A biologically inspired sound toy\r
\r
\r
Built with Flash/AS3 \r
\r
-![]({{site.baseurl}}/m/seaquence/Screen Shot 2013-06-30 at 4.11.56 PM.png)\r
+![]({{site.url}}/m/seaquence/Screen Shot 2013-06-30 at 4.11.56 PM.png)\r
\r
-![]({{site.baseurl}}/m/seaquence/2010-02-20 18.44.19.jpg)\r
+![]({{site.url}}/m/seaquence/2010-02-20 18.44.19.jpg)\r
Installation at Gray Area, San Francisco, 2010\r
\r
\r
-![]({{site.baseurl}}/m/seaquence/4165032830_82ae9c9e6c_o.jpg)\r
+![]({{site.url}}/m/seaquence/4165032830_82ae9c9e6c_o.jpg)\r
Monome-inspired hardware Step-Seaquencer Controller, ie, the "Seanome"\r
\r
Article written during an artist residency at Autodesk/Pier9. Originally published at <a href="http://www.instructables.com/id/The-Golden-Proportion/">Instructables.com</a>, as part of a series of generative form and fabrication projects.
-[Download PDF]({{site.baseurl}}/m/phi/The-Golden-Proportion.pdf)
+[Download PDF]({{site.url}}/m/phi/The-Golden-Proportion.pdf)
<br />
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)
+![]({{site.url}}/m/phi/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.
## Single Known Length
-![]({{site.baseurl}}/m/phi/gr_02.PNG)
+![]({{site.url}}/m/phi/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.
## Triangle in a Circle
-![]({{site.baseurl}}/m/phi/gr_03.PNG)
+![]({{site.url}}/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](http://www.mathopenref.com/printequilateral.html)
## Square in a Circle
-![]({{site.baseurl}}/m/phi/gr_04.PNG)
+![]({{site.url}}/m/phi/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.
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/phi/gr_05.PNG)
+![]({{site.url}}/m/phi/gr_05.PNG)
The pentagon in a circle method is similar to triangle and square.
5. The ratio of (AB) to (AG) is Phi
## Pentagon in a Circle 2
-![]({{site.baseurl}}/m/phi/gr_06.PNG)
+![]({{site.url}}/m/phi/gr_06.PNG)
If you've already inscribed a pentagon in a circle, the ratio actually exists in another measurable place.
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)
+![]({{site.url}}/m/phi/gr_07.PNG)
The 1/2 square method
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)
+ - [golden.ai]({{site.url}}/m/phi/golden.ai)
+ - [golden.dxf]({{site.url}}/m/phi/golden.DXF)
+ - [golden.pdf]({{site.url}}/m/phi/golden.pdf)
+ - [golden.slddrw]({{site.url}}/m/phi/golden.SLDDRW)
Additionally, in Processing.js: [Phi in Processing JS](http://studio.sketchpad.cc/7e3hFRhlhV)
<img src="https://oknk.studio/seaquence/images/Download_on_the_App_Store_Badge_US-UK_135x40.svg">\r
</a>\r
\r
-![]({{site.baseurl}}/m/seaquence/iphone5s_blue_3.png)
\ No newline at end of file
+![]({{site.url}}/m/seaquence/iphone5s_blue_3.png)
\ No newline at end of file
\r
"Ribbon" is a series of 3D scans of un-fired clay forms that I've used in various plots and sculptures.\r
\r
-![]({{site.baseurl}}/m/ribbon/clay2.jpg)\r
+![]({{site.url}}/m/ribbon/clay2.jpg)\r
\r
<video loop autoplay controls preload="true">\r
- <source src="{{site.baseurl}}/m/ribbon/ribbon-vid.mp4" type="video/mp4">\r
+ <source src="{{site.url}}/m/ribbon/ribbon-vid.mp4" type="video/mp4">\r
</video>\r
\r
Using traditional clay sculpting methods, 3D scanning, and further manipulated with digital sculpting tools, "Ribbon's" virtual body now occupies a liminal space as a ghost-like spectral shadow, echoing its original hand-sculpted clay form, augmented by an animated surface. \r
\r
-![]({{site.baseurl}}/m/ribbon/comp.jpg)\r
+![]({{site.url}}/m/ribbon/comp.jpg)\r
\r
-![]({{site.baseurl}}/m/ribbon/thumbnail_1024.jpg)\r
+![]({{site.url}}/m/ribbon/thumbnail_1024.jpg)\r
\r
-![]({{site.baseurl}}/m/ribbon/clay1.jpg)\r
+![]({{site.url}}/m/ribbon/clay1.jpg)\r
\r
## Exhibition\r
\r
thumb: /m/metaflux/thumb.png
---
-![]({{site.baseurl}}/m/metaflux/poster-sm.png)
+![]({{site.url}}/m/metaflux/poster-sm.png)
META
FLUX
### Artists
-![]({{site.baseurl}}/m/metaflux/nicole.png)
+![]({{site.url}}/m/metaflux/nicole.png)
###### NICOLE APTEKAR
<br /><br />
-![]({{site.baseurl}}/m/metaflux/ryan.png)
+![]({{site.url}}/m/metaflux/ryan.png)
###### RYAN ALEXANDER
<br /><br />
-![]({{site.baseurl}}/m/metaflux/harvey.jpg)
+![]({{site.url}}/m/metaflux/harvey.jpg)
###### HARVEY MOON
<br /><br />
-![]({{site.baseurl}}/m/metaflux/mike.JPG)
+![]({{site.url}}/m/metaflux/mike.JPG)
###### MICHAEL JACOBS
<br /><br />
-![]({{site.baseurl}}/m/metaflux/gabe.png)
+![]({{site.url}}/m/metaflux/gabe.png)
###### GABRIEL DUNNE
\r
[stripeofmirrors.com](https://stripeofmirrors.com)\r
\r
-![]({{site.baseurl}}/m/som/som.png)\r
+![]({{site.url}}/m/som/som.png)\r
\r
### Images\r
\r
-![]({{site.baseurl}}/m/kala/lunarcalendarposter2018_dmtrorg.jpg)\r
+![]({{site.url}}/m/kala/lunarcalendarposter2018_dmtrorg.jpg)\r
[DMTR.org](http://dmtr.org/lunarcalendar)\r
\r
-![]({{site.baseurl}}/m/kala/4298657997_7bd161abcd_o.png)\r
+![]({{site.url}}/m/kala/4298657997_7bd161abcd_o.png)\r
[Monad 2010 - Gabriel Dunne](http://gabrieldunne.com/monad/)\r
\r
-![]({{site.baseurl}}/m/kala/2-monad2.jpg)\r
+![]({{site.url}}/m/kala/2-monad2.jpg)\r
[Monad 2010 - Gabriel Dunne](http://gabrieldunne.com/monad/)\r
\r
-![]({{site.baseurl}}/m/kala/z-4254727883_5f7090db0f_o.png)\r
+![]({{site.url}}/m/kala/z-4254727883_5f7090db0f_o.png)\r
[Monad 2010 - Gabriel Dunne](http://gabrieldunne.com/monad/)\r
\r
-![]({{site.baseurl}}/m/kala/GSAgeotime.gif)\r
+![]({{site.url}}/m/kala/GSAgeotime.gif)\r
\r
-![]({{site.baseurl}}/m/kala/Geologic_Clock_with_events_and_periods.svg.png)\r
+![]({{site.url}}/m/kala/Geologic_Clock_with_events_and_periods.svg.png)\r
\r
-![]({{site.baseurl}}/m/kala/Geological_time_spiral.png)\r
+![]({{site.url}}/m/kala/Geological_time_spiral.png)\r
\r
-![]({{site.baseurl}}/m/kala/durer_spiral_time.jpg)\r
+![]({{site.url}}/m/kala/durer_spiral_time.jpg)\r
\r
-![]({{site.baseurl}}/m/kala/f833c37efc8b9555d0585d6d7ddb7115.jpg)\r
+![]({{site.url}}/m/kala/f833c37efc8b9555d0585d6d7ddb7115.jpg)\r
\r
-![]({{site.baseurl}}/m/kala/present-calendar.png)\r
+![]({{site.url}}/m/kala/present-calendar.png)\r
\r
-![]({{site.baseurl}}/m/kala/international-fixed-calendar.png)\r
+![]({{site.url}}/m/kala/international-fixed-calendar.png)\r
\r
-![]({{site.baseurl}}/m/kala/kodak-13-period-calendar.jpg)\r
+![]({{site.url}}/m/kala/kodak-13-period-calendar.jpg)\r
\r
-![]({{site.baseurl}}/m/kala/qt08sk8dkc641.jpg)\r
+![]({{site.url}}/m/kala/qt08sk8dkc641.jpg)\r
\r
-![]({{site.baseurl}}/m/kala/helixtime.png)\r
+![]({{site.url}}/m/kala/helixtime.png)\r
[https://helixtime.io/](https://helixtime.io/)\r
\r
-![]({{site.baseurl}}/m/kala/Circular-motion-as-a-space-time-helix-showing-three-points-in-electromagnetic-contact.png)\r
+![]({{site.url}}/m/kala/Circular-motion-as-a-space-time-helix-showing-three-points-in-electromagnetic-contact.png)\r
[Circular motion as space-time helix](https://www.researchgate.net/figure/Circular-motion-as-a-space-time-helix-showing-three-points-in-electromagnetic-contact_fig3_253380547)\r
\r
-![]({{site.baseurl}}/m/kala/XvrhN.jpg)\r
+![]({{site.url}}/m/kala/XvrhN.jpg)\r
time dilation using a light-pulse clock in the book 'Concepts of modern physics' by Arthur Beiser\r
\r
\r
thumb: /m/bodyneg/thumb.png\r
---\r
\r
-![]({{site.baseurl}}/m/bodyneg/003.png)\r
+![]({{site.url}}/m/bodyneg/003.png)\r
5 wall-mounted panels \r
ink press, wood \r
8' x 4' x 2' \r
\r
Exhibited in pont aven, \r
\r
-![]({{site.baseurl}}/m/bodyneg/BODYNEG.jpg)\r
-![]({{site.baseurl}}/m/bodyneg/sketchbook_05.jpg)\r
-![]({{site.baseurl}}/m/bodyneg/sketchbook_18.jpg)\r
+![]({{site.url}}/m/bodyneg/BODYNEG.jpg)\r
+![]({{site.url}}/m/bodyneg/sketchbook_05.jpg)\r
+![]({{site.url}}/m/bodyneg/sketchbook_18.jpg)\r
\r
\r
thumb: /m/cm/thumb.png
---
-![]({{site.baseurl}}/m/cm/celestialmechanics_satring_sm.jpg)
+![]({{site.url}}/m/cm/celestialmechanics_satring_sm.jpg)
Animation for Planetarium Dome, 30min
By D. Scott Hessels and Gabriel L. Dunne
However, our understanding of this mechanical chaos is so closely tied to the scale of it all - beyond global - that visualization proves limiting. Computers can now collect massive amounts of data, but our display systems are struggling to keep up. Scale is part of information, yet we continue to reduce and enlarge everything in our increasingly well-documented world to small resolutions. Our glowing screens cannot present any of the phenomenology of the data... that awe that scale inspires. Planetariums give us a way to visualize a complex system without losing the emotion of the data. Scale creates wonder, and we should not separate our feelings from the statistics... they help us understand them.
-![]({{site.baseurl}}/m/cm/1cm_interior.jpg)
+![]({{site.url}}/m/cm/1cm_interior.jpg)
-![]({{site.baseurl}}/m/cm/2cm_interior2.jpg)
+![]({{site.url}}/m/cm/2cm_interior2.jpg)
<br />
- [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/)
-![]({{site.baseurl}}/m/cm/cm-flightpatterns.png)
+![]({{site.url}}/m/cm/cm-flightpatterns.png)
## IMAGES
-![]({{site.baseurl}}/m/cm/celestialmechanics_lafd2_sm.png)
+![]({{site.url}}/m/cm/celestialmechanics_lafd2_sm.png)
-![]({{site.baseurl}}/m/cm/3mfa_cmech_int_lafd.jpg)
+![]({{site.url}}/m/cm/3mfa_cmech_int_lafd.jpg)
-![]({{site.baseurl}}/m/cm/cm-geostatring.png)
+![]({{site.url}}/m/cm/cm-geostatring.png)
Geostationary Satelites
-![]({{site.baseurl}}/m/cm/cm-gps.png)
+![]({{site.url}}/m/cm/cm-gps.png)
GPS Satelites
-![]({{site.baseurl}}/m/cm/cm_mfa.png)
+![]({{site.url}}/m/cm/cm_mfa.png)
Installation for UCLA MFA Show
-![]({{site.baseurl}}/m/cm/cm_sigg.png)
+![]({{site.url}}/m/cm/cm_sigg.png)
Installation for SIGGRAPH NVidia Dome
thumb: /m/mask/thumb.png\r
---\r
\r
-![]({{site.baseurl}}/m/mask/mask.jpg)\r
+![]({{site.url}}/m/mask/mask.jpg)\r
\r
-![]({{site.baseurl}}/m/mask/1mask2.jpg)\r
+![]({{site.url}}/m/mask/1mask2.jpg)\r
\r
oil on panel \r
12" x 12" \r
thumb: /m/prism/thumb.png\r
---\r
\r
-![]({{site.baseurl}}/m/prism/3.jpg)\r
+![]({{site.url}}/m/prism/3.jpg)\r
\r
oil on canvas \r
4' x 3'\r
thumb : /m/forestweb/thumb.png
---
-![]({{site.baseurl}}/m/forestweb/zforest.0619.png)
+![]({{site.url}}/m/forestweb/zforest.0619.png)
c++/OpenGL
Interactive software
Created during development using JTNimoy's JTToolkit.
-![]({{site.baseurl}}/m/forestweb/zforest.0105.png)
-![]({{site.baseurl}}/m/forestweb/zforest.0327.png)
+![]({{site.url}}/m/forestweb/zforest.0105.png)
+![]({{site.url}}/m/forestweb/zforest.0327.png)
-![]({{site.baseurl}}/m/forestweb/web.0645.png)
-![]({{site.baseurl}}/m/forestweb/web.1336.png)
-![]({{site.baseurl}}/m/forestweb/web.2533.png)
+![]({{site.url}}/m/forestweb/web.0645.png)
+![]({{site.url}}/m/forestweb/web.1336.png)
+![]({{site.url}}/m/forestweb/web.2533.png)
thumb: /m/swimtank/thumb.png
---
-![]({{site.baseurl}}/m/{{page.id}}/fishtank.6677.png)
+![]({{site.url}}/m/{{page.id}}/fishtank.6677.png)
Swim Tank
Interactive graphics software
C++/OpenGL
thumb: /m/seashell/thumb.png
---
-![]({{site.baseurl}}/m/seashell/seashell.jpg)
+![]({{site.url}}/m/seashell/seashell.jpg)
Conch Shell, wireless speaker removed and displayed for documentation
-![]({{site.baseurl}}/m/{{page.id}}/organ_01.png)
+![]({{site.url}}/m/{{page.id}}/organ_01.png)
Cymatic (Wave Form) Organ
6 Channel Audio Installation
-![]({{site.baseurl}}/m/{{page.id}}/cymatic-organ-1.png)
-![]({{site.baseurl}}/m/{{page.id}}/cymatic-organ-2.png)
-![]({{site.baseurl}}/m/{{page.id}}/cymatic-organ-3.png)
-![]({{site.baseurl}}/m/{{page.id}}/organ_02.png)
-![]({{site.baseurl}}/m/{{page.id}}/organ_03.png)
+![]({{site.url}}/m/{{page.id}}/cymatic-organ-1.png)
+![]({{site.url}}/m/{{page.id}}/cymatic-organ-2.png)
+![]({{site.url}}/m/{{page.id}}/cymatic-organ-3.png)
+![]({{site.url}}/m/{{page.id}}/organ_02.png)
+![]({{site.url}}/m/{{page.id}}/organ_03.png)
-![]({{site.baseurl}}/m/{{page.id}}/cymatic-organ-4.png)
-![]({{site.baseurl}}/m/{{page.id}}/chladni.png)
-![]({{site.baseurl}}/m/{{page.id}}/musicalengineering.png)
-![]({{site.baseurl}}/m/{{page.id}}/patterns.png)
+![]({{site.url}}/m/{{page.id}}/cymatic-organ-4.png)
+![]({{site.url}}/m/{{page.id}}/chladni.png)
+![]({{site.url}}/m/{{page.id}}/musicalengineering.png)
+![]({{site.url}}/m/{{page.id}}/patterns.png)
<iframe src="http://player.vimeo.com/video/68455215?byline=0&portrait=0&color=ffffff" width="600" height="337" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
excerpt: projection installation\r
thumb: /m/stars/thumb2.png\r
---\r
-![]({{site.baseurl}}/m/stars/stars-lg.png)\r
+![]({{site.url}}/m/stars/stars-lg.png)\r
C++/OpenGL Software Projection \r
Dimensions and length variable \r
\r
An exploration of infinite/finite space. The user transitions between macro and micro environments of mathematically infinite scale, limited only by computer processing power. As the viewer moves through multiple spaces, their scope and perspective widends and transcends while space becoms infinitely big and infinitely small simultaneously.\r
\r
-![]({{site.baseurl}}/m/stars/stars-lg2.png)\r
-![]({{site.baseurl}}/m/stars/stars-lg3.png)\r
+![]({{site.url}}/m/stars/stars-lg2.png)\r
+![]({{site.url}}/m/stars/stars-lg3.png)\r
\r
-![]({{site.baseurl}}/m/stars/2_8719604086_7b91683a7f_b.jpg)\r
-![]({{site.baseurl}}/m/stars/3_8718484853_280221598c_c.jpg)\r
-![]({{site.baseurl}}/m/stars/4_stara.0898.jpg)\r
+![]({{site.url}}/m/stars/2_8719604086_7b91683a7f_b.jpg)\r
+![]({{site.url}}/m/stars/3_8718484853_280221598c_c.jpg)\r
+![]({{site.url}}/m/stars/4_stara.0898.jpg)\r
Exhibition at SomaARTs "NightLight", 2013\r
\r
-![]({{site.baseurl}}/m/stars/5_astars.jpg)\r
+![]({{site.url}}/m/stars/5_astars.jpg)\r
Installation at Gray Area "Powers of Ten"\r
\r
-![]({{site.baseurl}}/m/stars/4236729416_37a6f270d4_o.jpg)\r
+![]({{site.url}}/m/stars/4236729416_37a6f270d4_o.jpg)\r
studio process
\ No newline at end of file
thumb: /m/monad/thumb3.png
---
-![]({{site.baseurl}}/m/monad/monad-ga.png)
+![]({{site.url}}/m/monad/monad-ga.png)
projection sculpture
7' x 7' x 8"
technological cycles are rooted in the archetypal, cyclical sinusoidal
principals of the monad.
-![]({{site.baseurl}}/m/monad/4298657997_7bd161abcd_o.png)
+![]({{site.url}}/m/monad/4298657997_7bd161abcd_o.png)
## installation
each ring that moves across the surface represents a length of a time
to 10^-43. When passing the visual spectrum, it is show as color,
while passing the audible spectrum, frequencies of the chakras are heard.
-![]({{site.baseurl}}/m/monad/2-monad2.jpg)
-![]({{site.baseurl}}/m/monad/1-monad_wide.jpg)
-![]({{site.baseurl}}/m/monad/z-4254727883_5f7090db0f_o.png)
-![]({{site.baseurl}}/m/monad/x-4264434365_d1f51c6ca9_o.png)
-![]({{site.baseurl}}/m/monad/w-4264434313_9c1abc891b_o.png)
-![]({{site.baseurl}}/m/monad/4-264434233_8dd90f9c69_o.png)
-![]({{site.baseurl}}/m/monad/3-monad_install_02.png)
+![]({{site.url}}/m/monad/2-monad2.jpg)
+![]({{site.url}}/m/monad/1-monad_wide.jpg)
+![]({{site.url}}/m/monad/z-4254727883_5f7090db0f_o.png)
+![]({{site.url}}/m/monad/x-4264434365_d1f51c6ca9_o.png)
+![]({{site.url}}/m/monad/w-4264434313_9c1abc891b_o.png)
+![]({{site.url}}/m/monad/4-264434233_8dd90f9c69_o.png)
+![]({{site.url}}/m/monad/3-monad_install_02.png)
## thanks to
Projection sculpture. Based on a 7-symmetry interference function.
-![]({{site.baseurl}}/m/mandalas/IMG_9510.jpg)
+![]({{site.url}}/m/mandalas/IMG_9510.jpg)
-![]({{site.baseurl}}/m/mandalas/mandlow.jpg)
+![]({{site.url}}/m/mandalas/mandlow.jpg)
-![]({{site.baseurl}}/m/mandalas/IMG_4047.jpg)
+![]({{site.url}}/m/mandalas/IMG_4047.jpg)
-![]({{site.baseurl}}/m/mandalas/IMG_4060.jpg)
+![]({{site.url}}/m/mandalas/IMG_4060.jpg)
-![]({{site.baseurl}}/m/mandalas/IMG_4064.jpg)
+![]({{site.url}}/m/mandalas/IMG_4064.jpg)
---
-![]({{ site.baseurl}}/m/naag/1projection.jpg)
+![]({{ site.url}}/m/naag/1projection.jpg)
site-specific projection sculpture
concrete, plaster, multiuple projectors, computer, custom software
12' x 3.5' x 3.5'
After glue-up multiple coats of white primer is applied. I did a light hand sanding of the laser-cut plywood edges, as the laser-braze is a tough surface to get paint to adhere to, and therefor coat well enough so it appears completely white. Grey would have looked nice and worked well.
-![]({{site.baseurl}}/m/tetrafield/P1020768.jpg)
+![]({{site.url}}/m/tetrafield/P1020768.jpg)
## Installation
Ultra strong neodynium magnets attracted to large-headed nails or screws into the wall were used as a mounting solution.
-![]({{site.baseurl}}/m/tetrafield/P1020770.jpg)
+![]({{site.url}}/m/tetrafield/P1020770.jpg)
## Projection Mapping
Shaders applied to the mesh faces. This installation was part of a group show, and I used the audio-input from the sound generated from Sasha's Drum Piece.
-![Mapping]({{site.baseurl}}/m/tetrafield/tetfield-td.png)
+![Mapping]({{site.url}}/m/tetrafield/tetfield-td.png)
## Final Thoughts
<ul class="posts">
{% for posts in category %}
{% for post in posts %}
- <li><h2><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h2></li>
+ <li><h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2></li>
{% endfor %}
{% endfor %}
</ul>
<h2 class="date">{{ post.date | date: "%Y" }}</h2>
{% endif %}
<li>
- <h2><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h2>
+ <h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>
</li>
{% endfor %}
<ul class="posts">
{% for posts in category %}
{% for post in posts %}
- <li><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
+ <li><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}
{% endfor %}
</ul>
<ul class="posts">
{% for post in site.posts %}
<li>
- <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
+ <a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a>
</li>
{% endfor %}
</ul>
{% capture nday %}{{ post.next.date | date: '%Y' }}{% endcapture %}
<li>
- <a href="{{ site.baseurl }}{{ post.url }}">
+ <a href="{{ site.url }}{{ post.url }}">
<span class="img"><img src="{{ post.thumb }}" /></span>
<!-- <br />
{{ post.title }} -->
<ul class="posts">
{% for posts in category %}
{% for post in posts %}
- <li><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
+ <li><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}
{% endfor %}
</ul>
<ul class="posts">
{% for post in site.posts %}
<li>
- <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
+ <a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a>
</li>
{% endfor %}
</ul>
{% if post.url %}
<li>
- <a href="{{ site.baseurl }}{{ post.url }}">
+ <a href="{{ site.url }}{{ post.url }}">
<span class="img"><img src="{{ post.thumb }}" /></span>
<!-- <br />
{{ post.title }} -->
--- /dev/null
+---
+layout: null
+---
+<?xml version="1.0" encoding="UTF-8"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+ <channel>
+ <title>{{ site.name | xml_escape }}</title>
+ <description>{{ site.description | xml_escape }}</description>
+ <link>{{ site.url }}{{ site.baseurl }}/</link>
+ <atom:link href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" rel="self" type="application/rss+xml"/>
+ <pubDate>{{ site.time | date_to_rfc822 }}</pubDate>
+ <lastBuildDate>{{ site.time | date_to_rfc822 }}</lastBuildDate>
+ <generator>Jekyll v{{ jekyll.version }}</generator>
+ {% for post in site.posts limit:1000 %}
+ {% if post.sitemap != false %}
+ <item>
+ <title>{{ post.title | xml_escape }}</title>
+ <description>{{ post.content | xml_escape }}</description>
+ <pubDate>{{ post.date | date_to_rfc822 }}</pubDate>
+ <link>{{ post.url | prepend: site.baseurl | prepend: site.url }}</link>
+ <guid isPermaLink="true">{{ post.url | prepend: site.baseurl | prepend: site.url }}</guid>
+ {% for tag in post.tags %}
+ <category>{{ tag | xml_escape }}</category>
+ {% endfor %}
+ {% for cat in post.categories %}
+ <category>{{ cat | xml_escape }}</category>
+ {% endfor %}
+ </item>
+ {% endif %}
+ {% endfor %}
+ </channel>
+</rss>
<div class="nav-index">
<ul>
- <li><h3 class="header"><a href="{{site.baseurl}}/">{{site.name}}</a></h3></li>
- <li><a href="{{ site.baseurl }}/about/">about</a></li>
+ <li><h3 class="header"><a href="{{site.url}}/">{{site.name}}</a></h3></li>
+ <li><a href="{{ site.url }}/about/">about</a></li>
</ul>
</div>
-<a href="{{site.baseurl}}/som/">
- <img alt="Stripe Of Mirrors" src="{{site.baseurl}}/m/som/som.png">
+<a href="{{site.url}}/som/">
+ <img alt="Stripe Of Mirrors" src="{{site.url}}/m/som/som.png">
</a>
<br /><br />
-<a href="{{site.baseurl}}/okaynokay/"><img src="https://oknk.studio/presskit/images/oknk-logo-light-white.png"></a>
+<a href="{{site.url}}/okaynokay/"><img src="https://oknk.studio/presskit/images/oknk-logo-light-white.png"></a>
<br /><br />
-<a href="/metaflux/"><img src="{{site.baseurl}}/m/metaflux/poster-sm.png" style="border:4px solid #ddd;"/></a>
+<a href="/metaflux/"><img src="{{site.url}}/m/metaflux/poster-sm.png" style="border:4px solid #ddd;"/></a>
<br /><br />
-<a href="{{site.baseurl}}/claves-angelicae/">
- <img src="{{site.baseurl}}/m/ca/claves_angelicae_sigil_B.png">
+<a href="{{site.url}}/claves-angelicae/">
+ <img src="{{site.url}}/m/ca/claves_angelicae_sigil_B.png">
</a>
</div>
\ No newline at end of file
{% for post in site.categories.notes %}
{% if post.url %}
- <h3 style="margin:0;padding:0;"><a href="{{ site.baseurl }}{{ post.url }}">
+ <h3 style="margin:0;padding:0;"><a href="{{ site.url }}{{ post.url }}">
{{ post.title }}
</a> - {{ post.date | date: "%a %Y-%m-%d" }}
</h3>
{% if post.url %}
<li>
- <h2><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h2>
- <!-- <a href="{{ site.baseurl }}{{ post.url }}"> -->
+ <h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>
+ <!-- <a href="{{ site.url }}{{ post.url }}"> -->
<!-- <span class="img"><img src="{{ post.thumb }}" /></span> -->
<!-- <br />
{{ post.title }} -->
{% if post.url %}
<li>
- <!-- <a href="{{ site.baseurl }}{{ post.url }}"> -->
+ <!-- <a href="{{ site.url }}{{ post.url }}"> -->
<!-- <div class="img"><img src="{{ post.thumb }}" /></div> -->
<!-- <br />
{{ post.title }} -->
<!-- </a> -->
- <h2><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h2>
+ <h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>
</li>
{% endif %}
#!/bin/bash
-bundle exec jekyll serve
+bundle exec jekyll serve --config _config.local.yml
{% if post.url %}
<li>
- <!-- <a href="{{ site.baseurl }}{{ post.url }}"> -->
+ <!-- <a href="{{ site.url }}{{ post.url }}"> -->
<!-- <span class="img"><img src="{{ post.thumb }}" /></span> -->
<!-- <br />
{{ post.title }} -->
<!-- </a> -->
- <h2><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h2>
+ <h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>
</li>
{% endif %}