title = Audio-ShaderToy\r
date = 2012-04-03\r
-tags = installation code audiovisual\r
+tags = code audiovisual\r
gallery = slides\r
featured = true\r
--\r
\r
<iframe src="http://player.vimeo.com/video/39874057?title=0&byline=0&portrait=0" width="800" height="400" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>\r
\r
-WebGL + Web Audio live-coding shader toy. Created in collaboration w/ Ryan Alexander, Reza Ali for Art Hack SF 2012.\r
+WebGL + Web Audio live-coding shader toy \r
+Gabriel Dunne, Ryan Alexander, Reza Ali\r
\r
-Javascript, WebGL \r
+Javascript, WebGL/GLSL \r
[github](https://github.com/quilime/audio-shadertoy/)\r
date = july 05 2008\r
tags = visualization design installation software\r
--\r
-\r
-SF taxi visualization, installation \r
-Processing, Java\r
+SF taxi visualization, installation. Created with Stamen Design, San Francisco.\r
\r
NYMOMA Permenant collection\r
+\r
+Java/Processing/OpenGL\r
\r
**c**itation, **l**ogging and **m**ulti-**p**urpose a**r**chive\r
\r
-an open-source multi-user bookmarking engine, inspired by the original del.icio.us (RIP) \r
-\r
-demo: <a href="http://clmpr.com">clmpr.com</a> \r
-source: <a href="http://github.com/quilime/clmpr">http://github.com/quilime/clmpr</a>\r
-\r
+an open-source multi-user bookmarking engine, inspired by the original del.icio.us \r
\r
<!--gallery-->\r
\r
+<a href="http://clmpr.com">clmpr.com</a> \r
+<a href="http://github.com/quilime/clmpr">github</a>\r
+\r
--- /dev/null
+title = Dots
+date = 2008-01-01
+tags = software
+--
+Software Experiment. Tones are determined by lines that are attached to a randomly generated series of points, which have a "chaos" variable. Tones range from rigid and rhythmic to degenerative and organic, resulting in system of overlapping frequencies and polyrhythms.
+
+c++/OpenGL
+
+title = FaceReplace
date = December 18 2012
tags = software installation
gallery = stacked
--
-Created and shown over 36 hours during ArtHackDay "Lethal Software", December 15, 2012.
-
-Physical installation built with a pre-existing art frame prototype. Viewers experience the work as a large portrait mirror, and they see a face superimposed onto their own in real time. Viewers can take a snapshot of their own face which immediately becomes superimposed onto their own. As people view the mirror, subsequent people have their faces replaced by the previous viewers faces, enabling people to trade faces.
-
-A physical knob enables viewers to scroll through saved faces.
+Viewers can take a snapshot of their own face which immediately gets stored and superimposed any subsequent viewer.
[github](https://github.com/quilime/face-replace)
[flickr](http://www.flickr.com/photos/quilime/8282922605/in/photostream/)
+<!--more-->
+
+Physical installation built with a pre-existing art frame prototype.
+
+Created and shown over 36 hours during ArtHackDay "Lethal Software", December 15, 2012.
+
<!--gallery-->
featured = true\r
related = icosi_fab icosi_gaffta icosi_gaffta2 icosi_process icosi_studio\r
--\r
-audiovisual performance \r
-7.5' x 7.5' x 1'\r
+audiovisual installation and performance \r
+\r
-title = ICOSI Performance\r
+title = ICOSI w/Jeff Lubow\r
date = 2010-11-06\r
tags = performance projection audiovisual\r
related = icosi\r
--\r
<iframe src="http://player.vimeo.com/video/17394178?title=0&byline=0&portrait=0" width="800" height="400" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>\r
\r
-06 Nov 2010 — [Takes on Sound & Space](http://www.gaffta.org/2010/11/03/takes-on-sound-space-symposium-performances-this-saturday/)\r
+audiovisual installation and performance w/Jeff Lubow\r
+\r
+<!--more-->\r
\r
-Audio Collaboration w/ Jeff Lubow\r
+\r
+06 Nov 2010 — [Takes on Sound & Space](http://www.gaffta.org/2010/11/03/takes-on-sound-space-symposium-performances-this-saturday/)\r
\r
tags = process\r
related = icosi\r
--\r
+Process blog about ICOSI Process\r
+<!--more-->\r
Audio created with Ableton Live/Max/MSP, custom software (Processing / Java, OpenGL). Wood and fabric projection surface.\r
\r
The software and audio toolset was developed from scratch for this performance. The performance dramatically split my focus into two places (music and visuals), which was a juggle that I didn't fully anticipate as I was developing the visual software on one split-screen before the performance. Inspired to continue pursuing interfaces and controllers to overcome the separation of creating audio and visuals simultaneously.\r
--\r
<iframe src="http://player.vimeo.com/video/41406543?title=0&byline=0&portrait=0" width="800" height="400" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>\r
\r
-Live-Coded Visual Performance with Chris Carlson at CCRMA Modulations 2012\r
+Live-Coded Visual Set for audio performance by Chris Carlson\r
date = 2011-12-20
tags = installation projection sculpture
featured = true
-gallery = slides
include_related = true
comments_enabled = true
--
-A one dimensional visualization of the universe represented as varying length of time, oscillate between the age of the universe, and the current moment of experience.
+a visualization of relative time lengths, oscillating between the age of the universe, and the current moment.
-Cycles are the core principal of the universe. We are thoroughly enmeshed in periodic rhythms, which span the frequencies of space and time, and are conscious of a small range on a daily basis: sleep patterns, the weather, the seasons, sunrise, sunset, the rising and falling of emotion. On a larger magnitude: the age of our bodies, the rise and decline of species, the life cycle of stars. On a smaller, our breathing rate, our heart rate, the audio spectrum of music, speaking, the visible light spectrum, radio waves, cosmic rays, and ultimately the smallest measurable amount of time we can comprehend, described as Planck time. The appearance of the entire world and all existence with its natural and technological cycles are rooted in the archetypal, cyclical sinusoidal principals of the Monad.
+<!--more-->
+###### installation
+Cycles are a fundamental part of the universe. We are thoroughly enmeshed in periodic rhythms that span the frequencies of space and time, and are conscious of a small range on a daily basis: Some are regular like minutes, days, and other are subjective like sleep patterns, the weather, the seasons, and even moods. On a larger magnitude: the age of our bodies, the rise and decline of species, the life cycle of stars. On a smaller, our breathing rate, our heart rate, the audio spectrum of music, speaking, the visible light spectrum, radio waves, cosmic rays, and ultimately the smallest measurable amount of time we deem measurable, described as Planck time. Existence, with its cycles, is rooted in the archetypal, cyclical sinusoidal principals of the Monad.
-## installation
+###### installation
Each ring that moves across the surface represents a length of a time cycle. As each ring passes, we hear an audible click. Higher pitched, rapid clicks count the current order of magnitude, ranging from 10^-18 to 10^-43. When passing the visual spectrum, it is shown as color, while the audible spectrum is heard as audible tones.
-## cycles
-[http://media.quilime.com/files/projects/timedb/www](http://media.quilime.com/files/projects/timedb/www/)
-data: [xml](http://media.quilime.com/files/projects/timedb/www/?format=xml), [sqlite](http://media.quilime.com/files/projects/timedb/www/data/time.db)
-
-## credits
+###### credits
fabrication assistance: miles stemper, stephanie sherriff
audio engineering: jeff lubow
-projection-alignment software library: ryan alexander
+projection-alignment software: ryan alexander
\r
<!--gallery-->\r
\r
-\r
<iframe src="http://player.vimeo.com/video/38492062?title=0&byline=0&portrait=0" width="800" height="400" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>\r
\r
-<iframe width="425" height="250" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q=28.519986,+77.181352&hl=en&sll=37.269174,-119.306607&sspn=12.161059,23.181152&t=m&ie=UTF8&z=14&ll=28.519986,77.181352&output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?q=28.519986,+77.181352&hl=en&sll=37.269174,-119.306607&sspn=12.161059,23.181152&t=m&ie=UTF8&z=14&ll=28.519986,77.181352&source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>\r
-\r
-In collaboration with Vishal K. Dar\r
+<iframe width="425" height="250" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q=28.519986,+77.181352&hl=en&sll=37.269174,-119.306607&sspn=12.161059,23.181152&t=m&ie=UTF8&z=14&ll=28.519986,77.181352&output=embed"></iframe>\r
\r
+2 channel projection mapped sculpture \r
+12' x 3' x 3' \r
\r
+created in collaboration with Vishal K. Dar \r
date = 2002-12-6\r
tags = sculpture\r
--\r
-\r
-3' x 2'\r
+3' x 2' \r
wire, masonite\r
\r
title = Seaquence\r
-tags = audiovisual software web\r
+tags = audiovisual software web code\r
date = 2010-10-04\r
featured = true\r
--\r
-Seaquence: A biology-inspired sound toy. \r
-Created in collaboration with Ryan Alexander and Daniel Massey during a residency at Gray Area, San Francisco.\r
+A biologically inspired music and sound toy. \r
\r
[seaquence.org](http://seaquence.org)\r
featured = true\r
gallery = slides\r
--\r
-projection software \r
-variable resolution\r
+An exploration of infinite/finite space. As the viewpoint moves through macro and micro space, the scope and perspective widends over a variable time length that is performed by hand during installation.\r
+\r
+projection \r
+c++/OpenGL\r
date = 02/02/2009\r
title = Synonymovement\r
-tags = audiovisual\r
+tags = audiovisual code\r
--\r
-audiovisual software, installation \r
-c++, openGL, ableton live, max/msp\r
+audiovisual software experiment \r
+c++/opengl\r
\r
tags = sculpture design structure\r
related = light-heavy icarus-deadalus\r
--\r
-18" x 18" x 6"\r
+18" x 18" x 6" \r
balsa\r
tags = software\r
gallery = slides\r
--\r
+Software experiment. Depth determines audio volume. Intersections, connections and line-length determine tones. \r
\r
-\r
-A network of dots and lines interacts with itself in a single mesh. Depth determines audio volume. Intersections, connections and line-length determine tones. Similar tones and chord groups are designated with additional web lines and connections. Each web line generates a tone that resonates its connections.\r
-\r
-Based on code in collaboration w/ <a href="http://jtnimoy.com">jtnimoy</a>.\r
+Based on code sketches created in collaboration w/ <a href="http://jtnimoy.com">jtnimoy</a>.\r
\r
c++/OpenGL\r
html, body, table, textarea, input[type="text"] {
background:#fff;
color: #555;
- font: normal 12px 'andale mono', 'lucida console', monospace;;
+ font: 11px normal menlo, monaco, "Lucida Console", monospace;;
+ letter-spacing:0.05em;
/*font-family: sans-serif, monaco, monospace;*/
/*font: 11px/1.5em "Lucida Grande";*/
line-height: 1.5em;
.entries li {
+ font-weight:normal;
line-height:1.2em;
}
.entries.projects li {
/*display:inline-block;*/
float:left;
- height:220px;
+
width:200px;
- margin:0 1em 1em 0;
+ margin:0 2em 2em 0;
}
.entries.projects li .thumb {
max-width:200px;
max-height:200px;
+ margin-bottom:0.25em;
/*margin-bottom:0.3em;*/
}
+.entries.projects.tagged li {
+ padding-bottom:3em;
+ height:350px;
+}
.entry {
}
.entry .metadata {
-.tags {
- display:inline-block;
- font-style: italic;
- font-weight:normal;
-}
-.tags .tag {
-}
-.tags a {
- text-decoration:none;
-}
-.tags a:hover {
- color:#5ff;
- }
-
-
-ul.tags {
+.entries {
}
-ul.tags a {
- font-weight:normal;
-}
-ul.tags li.sel a{
- font-weight:bold;
- text-decoration: underline;
-}
-ul.tags li.sel {
- color:#777;
-}
-ul.entries {
-}
-ul.entries li {
+.entries li {
margin-bottom:4em;
}
.entry h2.title {
+.tags {
+ display:inline-block;
+}
+.entries.projects.tagged li .tags .tag,
+.tags .tag {
+ height:auto;
+ margin:0;
+ padding:0;
+
+}
+.tag a {
+ text-decoration:none;
+ font-style: italic;
+ font-weight:normal !important;
+ line-height: 16px;
+ color:#777;
+}
+.tag a:hover {
+ color:#5ff;
+ }
+
+
+.tags {
+}
+.tags a {
+ font-weight:normal !important;
+}
+.tags li.sel a{
+ font-weight:bold;
+ text-decoration: underline;
+}
+.tags li.sel {
+ color:#777;
+}
+
#slides {
}
#slides li {
display:none;
- cursor: hand;
+ cursor: pointer;
}
#slidenav li {
width:1em;
-{"entries":[{"config":{"title":"Audio-ShaderToy","date":"2012-04-03","tags":"installation code audiovisual","gallery":"slides","featured":"1"},"title":"Audio-ShaderToy","filename":"audioshadertoy","path":"\/Users\/gdunne\/_portfolio\/www\/content\/audioshadertoy","fileInfo":{},"timestamp":"1333436400","tags":["installation","code","audiovisual"],"featured":"1","related":null,"content":"<!--gallery-->\n\n<iframe src=\"http:\/\/player.vimeo.com\/video\/39874057?title=0&byline=0&portrait=0\" width=\"800\" height=\"400\" frameborder=\"0\" webkitAllowFullScreen mozallowfullscreen allowFullScreen><\/iframe>\n\n<p>WebGL + Web Audio live-coding shader toy. Created in collaboration w\/ Ryan Alexander, Reza Ali for Art Hack SF 2012.<\/p>\n\n<p>Javascript, WebGL<br \/>\n<a href=\"https:\/\/github.com\/quilime\/audio-shadertoy\/\">github<\/a><\/p>\n","comments_enabled":false,"comments":{"comments":[],"comments_loc":"\/Users\/gdunne\/_portfolio\/wwwcomments\/\/Users\/gdunne\/_portfolio\/www\/content\/audioshadertoy\/","fileInfo":{},"_recaptcha_resp":null,"_recaptcha_error":null,"_comment_error":null},"cat":{"name":"","url":"\/\/"},"thumb":"media\/\/\/audioshadertoy\/thumb.png","url":"\/audioshadertoy","edit_url":"\/edit\/\/audioshadertoy","media_dir":"media\/\/\/audioshadertoy\/","media":{"2":{"filename":"thumb.png","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/audioshadertoy\/thumb.png","url":"\/media\/\/\/audioshadertoy\/thumb.png","extension":"png"},"1":{"filename":"IMG_3523.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/audioshadertoy\/IMG_3523.jpg","url":"\/media\/\/\/audioshadertoy\/IMG_3523.jpg","extension":"jpg"},"0":{"filename":"IMG_3493.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/audioshadertoy\/IMG_3493.jpg","url":"\/media\/\/\/audioshadertoy\/IMG_3493.jpg","extension":"jpg"}}},{"config":{"featured":"1","title":"NAAG","date":"2012-01-01","tags":"projection sculpture installation"},"title":"NAAG","filename":"naag","path":"\/Users\/gdunne\/_portfolio\/www\/content\/naag","fileInfo":{},"timestamp":"1325404800","tags":["projection","sculpture","installation"],"featured":"1","related":null,"content":"<p><!--gallery--><\/p>\n\n<iframe src=\"http:\/\/player.vimeo.com\/video\/38492062?title=0&byline=0&portrait=0\" width=\"800\" height=\"400\" frameborder=\"0\" webkitAllowFullScreen mozallowfullscreen allowFullScreen><\/iframe>\n\n<p><iframe width=\"425\" height=\"250\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https:\/\/maps.google.com\/maps?q=28.519986,+77.181352&hl=en&sll=37.269174,-119.306607&sspn=12.161059,23.181152&t=m&ie=UTF8&z=14&ll=28.519986,77.181352&output=embed\"><\/iframe><br \/><small><a href=\"https:\/\/maps.google.com\/maps?q=28.519986,+77.181352&hl=en&sll=37.269174,-119.306607&sspn=12.161059,23.181152&t=m&ie=UTF8&z=14&ll=28.519986,77.181352&source=embed\" style=\"color:#0000FF;text-align:left\">View Larger Map<\/a><\/small><\/p>\n\n<p>In collaboration with Vishal K. Dar<\/p>\n","comments_enabled":false,"comments":{"comments":[],"comments_loc":"\/Users\/gdunne\/_portfolio\/wwwcomments\/\/Users\/gdunne\/_portfolio\/www\/content\/naag\/","fileInfo":{},"_recaptcha_resp":null,"_recaptcha_error":null,"_comment_error":null},"cat":{"name":"","url":"\/\/"},"thumb":"media\/\/\/naag\/thumb.png","url":"\/naag","edit_url":"\/edit\/\/naag","media_dir":"media\/\/\/naag\/","media":{"3":{"filename":"thumb.png","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/naag\/thumb.png","url":"\/media\/\/\/naag\/thumb.png","extension":"png"},"2":{"filename":"projection.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/naag\/projection.jpg","url":"\/media\/\/\/naag\/projection.jpg","extension":"jpg"},"1":{"filename":"naag.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/naag\/naag.jpg","url":"\/media\/\/\/naag\/naag.jpg","extension":"jpg"},"0":{"filename":"ambient.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/naag\/ambient.jpg","url":"\/media\/\/\/naag\/ambient.jpg","extension":"jpg"}}},{"config":{"title":"Monad","date":"2011-12-20","tags":"installation projection sculpture","featured":"1","gallery":"slides","include_related":"1","comments_enabled":"1"},"title":"Monad","filename":"monad","path":"\/Users\/gdunne\/_portfolio\/www\/content\/monad","fileInfo":{},"timestamp":"1324368000","tags":["installation","projection","sculpture"],"featured":"1","related":null,"content":"<p>A one dimensional visualization of the universe represented as varying length of time, oscillate between the age of the universe, and the current moment of experience.<\/p>\n\n<p>Cycles are the core principal of the universe. We are thoroughly enmeshed in periodic rhythms, which span the frequencies of space and time, and are conscious of a small range on a daily basis: sleep patterns, the weather, the seasons, sunrise, sunset, the rising and falling of emotion. On a larger magnitude: the age of our bodies, the rise and decline of species, the life cycle of stars. On a smaller, our breathing rate, our heart rate, the audio spectrum of music, speaking, the visible light spectrum, radio waves, cosmic rays, and ultimately the smallest measurable amount of time we can comprehend, described as Planck time. The appearance of the entire world and all existence with its natural and technological cycles are rooted in the archetypal, cyclical sinusoidal principals of the Monad.<\/p>\n\n<h2>installation<\/h2>\n\n<p>Each ring that moves across the surface represents a length of a time cycle. As each ring passes, we hear an audible click. Higher pitched, rapid clicks count the current order of magnitude, ranging from 10^-18 to 10^-43. When passing the visual spectrum, it is shown as color, while the audible spectrum is heard as audible tones.<\/p>\n\n<h2>cycles<\/h2>\n\n<p><a href=\"http:\/\/media.quilime.com\/files\/projects\/timedb\/www\/\">http:\/\/media.quilime.com\/files\/projects\/timedb\/www<\/a><br \/>\ndata: <a href=\"http:\/\/media.quilime.com\/files\/projects\/timedb\/www\/?format=xml\">xml<\/a>, <a href=\"http:\/\/media.quilime.com\/files\/projects\/timedb\/www\/data\/time.db\">sqlite<\/a><\/p>\n\n<h2>credits<\/h2>\n\n<p>fabrication assistance: miles stemper, stephanie sherriff<br \/>\naudio engineering: jeff lubow<br \/>\nprojection-alignment software library: ryan alexander <\/p>\n","comments_enabled":false,"comments":{"comments":[],"comments_loc":"\/Users\/gdunne\/_portfolio\/wwwcomments\/\/Users\/gdunne\/_portfolio\/www\/content\/monad\/","fileInfo":{},"_recaptcha_resp":null,"_recaptcha_error":null,"_comment_error":null},"cat":{"name":"","url":"\/\/"},"thumb":"media\/\/\/monad\/thumb.png","url":"\/monad","edit_url":"\/edit\/\/monad","media_dir":"media\/\/\/monad\/","media":{"3":{"filename":"thumb.png","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/monad\/thumb.png","url":"\/media\/\/\/monad\/thumb.png","extension":"png"},"2":{"filename":"monad_wide.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/monad\/monad_wide.jpg","url":"\/media\/\/\/monad\/monad_wide.jpg","extension":"jpg"},"1":{"filename":"monad_3.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/monad\/monad_3.jpg","url":"\/media\/\/\/monad\/monad_3.jpg","extension":"jpg"},"0":{"filename":"monad2.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/monad\/monad2.jpg","url":"\/media\/\/\/monad\/monad2.jpg","extension":"jpg"}}},{"config":{"title":"Seaquence","tags":"audiovisual software web","date":"2010-10-04","featured":"1"},"title":"Seaquence","filename":"seaquence","path":"\/Users\/gdunne\/_portfolio\/www\/content\/seaquence","fileInfo":{},"timestamp":"1286175600","tags":["audiovisual","software","web"],"featured":"1","related":null,"content":"<p>Seaquence: A biology-inspired sound toy.<br \/>\nCreated in collaboration with Ryan Alexander and Daniel Massey during a residency at Gray Area, San Francisco.<\/p>\n\n<p><a href=\"http:\/\/seaquence.org\">seaquence.org<\/a><\/p>\n","comments_enabled":false,"comments":{"comments":[],"comments_loc":"\/Users\/gdunne\/_portfolio\/wwwcomments\/\/Users\/gdunne\/_portfolio\/www\/content\/seaquence\/","fileInfo":{},"_recaptcha_resp":null,"_recaptcha_error":null,"_comment_error":null},"cat":{"name":"","url":"\/\/"},"thumb":"media\/\/\/seaquence\/thumb.png","url":"\/seaquence","edit_url":"\/edit\/\/seaquence","media_dir":"media\/\/\/seaquence\/","media":{"2":{"filename":"thumb.png","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/seaquence\/thumb.png","url":"\/media\/\/\/seaquence\/thumb.png","extension":"png"},"1":{"filename":"P1010249.MOV","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/seaquence\/P1010249.MOV","url":"\/media\/\/\/seaquence\/P1010249.MOV","extension":"MOV"},"0":{"filename":"2010-02-20 18.44.19.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/seaquence\/2010-02-20 18.44.19.jpg","url":"\/media\/\/\/seaquence\/2010-02-20 18.44.19.jpg","extension":"jpg"}}},{"config":{"title":"ICOSI","date":"july 05 2010","tags":"audiovisual projection installation performance sculpture","featured":"1","related":"icosi_fab icosi_gaffta icosi_gaffta2 icosi_process icosi_studio"},"title":"ICOSI","filename":"icosi","path":"\/Users\/gdunne\/_portfolio\/www\/content\/icosi","fileInfo":{},"timestamp":"1278313200","tags":["audiovisual","projection","installation","performance","sculpture"],"featured":"1","related":["icosi_fab","icosi_gaffta","icosi_gaffta2","icosi_process","icosi_studio"],"content":"<p>audiovisual performance<br \/>\n7.5' x 7.5' x 1'<\/p>\n","comments_enabled":false,"comments":{"comments":[],"comments_loc":"\/Users\/gdunne\/_portfolio\/wwwcomments\/\/Users\/gdunne\/_portfolio\/www\/content\/icosi\/","fileInfo":{},"_recaptcha_resp":null,"_recaptcha_error":null,"_comment_error":null},"cat":{"name":"","url":"\/\/"},"thumb":"media\/\/\/icosi\/thumb.png","url":"\/icosi","edit_url":"\/edit\/\/icosi","media_dir":"media\/\/\/icosi\/","media":{"2":{"filename":"thumb.png","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/icosi\/thumb.png","url":"\/media\/\/\/icosi\/thumb.png","extension":"png"},"1":{"filename":"icosigdunne-e1288810334434.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/icosi\/icosigdunne-e1288810334434.jpg","url":"\/media\/\/\/icosi\/icosigdunne-e1288810334434.jpg","extension":"jpg"},"0":{"filename":"4847387674_5419f0b672.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/icosi\/4847387674_5419f0b672.jpg","url":"\/media\/\/\/icosi\/4847387674_5419f0b672.jpg","extension":"jpg"}}},{"config":{"title":"Stars","date":"sep 20 2009","tags":"software projection","featured":"1","gallery":"slides"},"title":"Stars","filename":"stars","path":"\/Users\/gdunne\/_portfolio\/www\/content\/stars","fileInfo":{},"timestamp":"1253430000","tags":["software","projection"],"featured":"1","related":null,"content":"<p>projection software<br \/>\nvariable resolution<\/p>\n","comments_enabled":false,"comments":{"comments":[],"comments_loc":"\/Users\/gdunne\/_portfolio\/wwwcomments\/\/Users\/gdunne\/_portfolio\/www\/content\/stars\/","fileInfo":{},"_recaptcha_resp":null,"_recaptcha_error":null,"_comment_error":null},"cat":{"name":"","url":"\/\/"},"thumb":"media\/\/\/stars\/thumb.png","url":"\/stars","edit_url":"\/edit\/\/stars","media_dir":"media\/\/\/stars\/","media":{"11":{"filename":"thumb.png","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/stars\/thumb.png","url":"\/media\/\/\/stars\/thumb.png","extension":"png"},"10":{"filename":"thumb-.png","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/stars\/thumb-.png","url":"\/media\/\/\/stars\/thumb-.png","extension":"png"},"9":{"filename":"stars.mov","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/stars\/stars.mov","url":"\/media\/\/\/stars\/stars.mov","extension":"mov"},"8":{"filename":"stars.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/stars\/stars.jpg","url":"\/media\/\/\/stars\/stars.jpg","extension":"jpg"},"7":{"filename":"stars-desktop.m4v","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/stars\/stars-desktop.m4v","url":"\/media\/\/\/stars\/stars-desktop.m4v","extension":"m4v"},"6":{"filename":"god.0898.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/stars\/god.0898.jpg","url":"\/media\/\/\/stars\/god.0898.jpg","extension":"jpg"},"5":{"filename":"astars.10535.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/stars\/astars.10535.jpg","url":"\/media\/\/\/stars\/astars.10535.jpg","extension":"jpg"},"4":{"filename":"astars.01577.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/stars\/astars.01577.jpg","url":"\/media\/\/\/stars\/astars.01577.jpg","extension":"jpg"},"3":{"filename":"47_screen.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/stars\/47_screen.jpg","url":"\/media\/\/\/stars\/47_screen.jpg","extension":"jpg"},"2":{"filename":"47_roof.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/stars\/47_roof.jpg","url":"\/media\/\/\/stars\/47_roof.jpg","extension":"jpg"},"1":{"filename":"47_4246324254d9624f87f6.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/stars\/47_4246324254d9624f87f6.jpg","url":"\/media\/\/\/stars\/47_4246324254d9624f87f6.jpg","extension":"jpg"},"0":{"filename":"4245550315_459070355e.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/stars\/4245550315_459070355e.jpg","url":"\/media\/\/\/stars\/4245550315_459070355e.jpg","extension":"jpg"}}}]}
\ No newline at end of file
+{"entries":[{"config":{"date":"sep 25 2012","tags":"structure process"},"title":"platform","filename":"platform","path":"\/Users\/gdunne\/_portfolio\/www\/content\/platform","fileInfo":{},"timestamp":"1348556400","tags":["structure","process"],"featured":null,"related":null,"content":"\n","comments_enabled":false,"comments":{"comments":[],"comments_loc":"\/Users\/gdunne\/_portfolio\/wwwcomments\/\/Users\/gdunne\/_portfolio\/www\/content\/platform\/","fileInfo":{},"_recaptcha_resp":null,"_recaptcha_error":null,"_comment_error":null},"cat":{"name":"","url":"\/\/"},"thumb":"\/media\/\/\/platform\/thumb.png","url":"\/platform","edit_url":"\/edit\/\/platform","media_dir":"media\/\/\/platform\/","media":[{"filename":"8025655087_27febc8f3c_z.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/platform\/8025655087_27febc8f3c_z.jpg","url":"\/media\/\/\/platform\/8025655087_27febc8f3c_z.jpg","extension":"jpg"},{"filename":"8025655295_cc1d0e9c0a_z.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/platform\/8025655295_cc1d0e9c0a_z.jpg","url":"\/media\/\/\/platform\/8025655295_cc1d0e9c0a_z.jpg","extension":"jpg"},{"filename":"thumb.png","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/platform\/thumb.png","url":"\/media\/\/\/platform\/thumb.png","extension":"png"}]},{"config":{"date":"july 05 2010","tags":"process","related":"icosi"},"title":"icosi_process","filename":"icosi_process","path":"\/Users\/gdunne\/_portfolio\/www\/content\/icosi_process","fileInfo":{},"timestamp":"1278313200","tags":["process"],"featured":null,"related":["icosi"],"content":"<p>Process blog about ICOSI Process\n<!--more-->\nAudio created with Ableton Live\/Max\/MSP, custom software (Processing \/ Java, OpenGL). Wood and fabric projection surface.<\/p>\n\n<p>The software and audio toolset was developed from scratch for this performance. The performance dramatically split my focus into two places (music and visuals), which was a juggle that I didn't fully anticipate as I was developing the visual software on one split-screen before the performance. Inspired to continue pursuing interfaces and controllers to overcome the separation of creating audio and visuals simultaneously.<\/p>\n\n<p>The multiple mediums (sculpture, sound, visual media) of this particular project was fascinating. Each iteration represents a process of my own curiosities in technology, consciousness, spirituality, design, and fabrication.<\/p>\n\n<p>The piece represents my practice and experiences in regards to my own spiritual growth and experience. Geometrically, the form is inspired by sacred polyhedra that represent forms of transition. The choice of an <a href=\"http:\/\/en.wikipedia.org\/wiki\/Icosidodecahedron\">icosidodecahedron<\/a> represents transition of two frequencies, represented by an <a href=\"http:\/\/en.wikipedia.org\/wiki\/Icosahedron\">icosahedron<\/a> and its dual polyhedron, a <a href=\"http:\/\/en.wikipedia.org\/wiki\/Dodecahedron\">dodecahedron<\/a>.<\/p>\n\n<p>The form is composed of 7 panels trimmed and scaled from a full icosidodecahedron. The visuals follow the structure of the form nearly explicitly, with the exception of textural elements.<\/p>\n\n<p>Debut at Biennial of the Americas, Denver CO, Jul 29 2010.<\/p>\n\n<p><a href=\"http:\/\/media.quilime.com\/files\/projects\/icosi\/gdunne_rider_diag.pdf\">technical rider<\/a><\/p>\n","content_short":"<p>Process blog about ICOSI Process<\/p>\n","comments_enabled":false,"comments":{"comments":[],"comments_loc":"\/Users\/gdunne\/_portfolio\/wwwcomments\/\/Users\/gdunne\/_portfolio\/www\/content\/icosi_process\/","fileInfo":{},"_recaptcha_resp":null,"_recaptcha_error":null,"_comment_error":null},"cat":{"name":"","url":"\/\/"},"thumb":"\/media\/\/\/icosi_process\/thumb.png","url":"\/icosi_process","edit_url":"\/edit\/\/icosi_process","media_dir":"media\/\/\/icosi_process\/","media":[{"filename":"5165246192_dfa231d7ef_z.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/icosi_process\/5165246192_dfa231d7ef_z.jpg","url":"\/media\/\/\/icosi_process\/5165246192_dfa231d7ef_z.jpg","extension":"jpg"},{"filename":"plane_layout.png","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/icosi_process\/plane_layout.png","url":"\/media\/\/\/icosi_process\/plane_layout.png","extension":"png"},{"filename":"thumb.png","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/icosi_process\/thumb.png","url":"\/media\/\/\/icosi_process\/thumb.png","extension":"png"}]},{"config":{"title":"ICOSI Fabrication","date":"2010-07-01","tags":"process","related":"icosi"},"title":"ICOSI Fabrication","filename":"icosi_fab","path":"\/Users\/gdunne\/_portfolio\/www\/content\/icosi_fab","fileInfo":{},"timestamp":"1277967600","tags":["process"],"featured":null,"related":["icosi"],"content":"<p>Projection surface fabrication<\/p>\n","comments_enabled":false,"comments":{"comments":[],"comments_loc":"\/Users\/gdunne\/_portfolio\/wwwcomments\/\/Users\/gdunne\/_portfolio\/www\/content\/icosi_fab\/","fileInfo":{},"_recaptcha_resp":null,"_recaptcha_error":null,"_comment_error":null},"cat":{"name":"","url":"\/\/"},"thumb":"\/media\/\/\/icosi_fab\/thumb.png","url":"\/icosi_fab","edit_url":"\/edit\/\/icosi_fab","media_dir":"media\/\/\/icosi_fab\/","media":[{"filename":"14-4769443639_728b077b3a.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/icosi_fab\/14-4769443639_728b077b3a.jpg","url":"\/media\/\/\/icosi_fab\/14-4769443639_728b077b3a.jpg","extension":"jpg"},{"filename":"3-4744981890_2a41c9f374.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/icosi_fab\/3-4744981890_2a41c9f374.jpg","url":"\/media\/\/\/icosi_fab\/3-4744981890_2a41c9f374.jpg","extension":"jpg"},{"filename":"thumb.png","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/icosi_fab\/thumb.png","url":"\/media\/\/\/icosi_fab\/thumb.png","extension":"png"},{"filename":"z01-4743498955_d8d524bd27.jpg","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/icosi_fab\/z01-4743498955_d8d524bd27.jpg","url":"\/media\/\/\/icosi_fab\/z01-4743498955_d8d524bd27.jpg","extension":"jpg"}]},{"config":{"date":"2010-01-28","tags":"process","related":"monad","gallery":"stacked"},"title":"monad_install","filename":"monad_install","path":"\/Users\/gdunne\/_portfolio\/www\/content\/monad_install","fileInfo":{},"timestamp":"1264665600","tags":["process"],"featured":null,"related":["monad"],"content":"\n","comments_enabled":false,"comments":{"comments":[],"comments_loc":"\/Users\/gdunne\/_portfolio\/wwwcomments\/\/Users\/gdunne\/_portfolio\/www\/content\/monad_install\/","fileInfo":{},"_recaptcha_resp":null,"_recaptcha_error":null,"_comment_error":null},"cat":{"name":"","url":"\/\/"},"thumb":"\/media\/\/\/monad_install\/thumb.png","url":"\/monad_install","edit_url":"\/edit\/\/monad_install","media_dir":"media\/\/\/monad_install\/","media":[{"filename":"monad_install_02.png","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/monad_install\/monad_install_02.png","url":"\/media\/\/\/monad_install\/monad_install_02.png","extension":"png"},{"filename":"monad_install_03.png","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/monad_install\/monad_install_03.png","url":"\/media\/\/\/monad_install\/monad_install_03.png","extension":"png"},{"filename":"thumb.png","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/monad_install\/thumb.png","url":"\/media\/\/\/monad_install\/thumb.png","extension":"png"},{"filename":"x4264434313_9c1abc891b_o.png","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/monad_install\/x4264434313_9c1abc891b_o.png","url":"\/media\/\/\/monad_install\/x4264434313_9c1abc891b_o.png","extension":"png"},{"filename":"z4254727883_5f7090db0f_o.png","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/monad_install\/z4254727883_5f7090db0f_o.png","url":"\/media\/\/\/monad_install\/z4254727883_5f7090db0f_o.png","extension":"png"}]},{"config":{"date":"2010-01-06","tags":"process","related":"monad"},"title":"monad_move","filename":"monad_move","path":"\/Users\/gdunne\/_portfolio\/www\/content\/monad_move","fileInfo":{},"timestamp":"1262764800","tags":["process"],"featured":null,"related":["monad"],"content":"\n","comments_enabled":false,"comments":{"comments":[],"comments_loc":"\/Users\/gdunne\/_portfolio\/wwwcomments\/\/Users\/gdunne\/_portfolio\/www\/content\/monad_move\/","fileInfo":{},"_recaptcha_resp":null,"_recaptcha_error":null,"_comment_error":null},"cat":{"name":"","url":"\/\/"},"thumb":"\/media\/\/\/monad_move\/thumb.png","url":"\/monad_move","edit_url":"\/edit\/\/monad_move","media_dir":"media\/\/\/monad_move\/","media":[{"filename":"1monad_jeep.png","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/monad_move\/1monad_jeep.png","url":"\/media\/\/\/monad_move\/1monad_jeep.png","extension":"png"},{"filename":"moan_move.png","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/monad_move\/moan_move.png","url":"\/media\/\/\/monad_move\/moan_move.png","extension":"png"},{"filename":"thumb.png","local":"\/Users\/gdunne\/_portfolio\/www\/media\/\/\/monad_move\/thumb.png","url":"\/media\/\/\/monad_move\/thumb.png","extension":"png"}]}]}
\ No newline at end of file
-{"tags":{"software":5,"installation":6,"structure":4,"process":5,"code":4,"performance":4,"studio":3,"audiovisual":7,"projection":6,"sculpture":8,"web":2,"design":9,"painting":5,"sketchbook":2,"commercial":1,"opengl":1,"processing":1,"photo":2,"video":1,"visualization":1,"typography":3,"drawing":2,"film":1,"animation":1,"print":3}}
\ No newline at end of file
+{"tags":{"software":6,"installation":5,"structure":4,"process":5,"code":6,"performance":3,"studio":3,"audiovisual":6,"projection":5,"sculpture":8,"web":2,"design":9,"painting":5,"sketchbook":2,"commercial":1,"opengl":1,"processing":1,"photo":2,"video":1,"visualization":1,"typography":3,"drawing":2,"film":1,"animation":1,"print":3}}
\ No newline at end of file
if ($m->is_multiple()) {
$v->assign('pagination', $m->pagination);
$v->assign('entries', $m->entries);
- $v->assign('entry', $m->entry);
+ // $v->assign('entry', $m->entry);
}
if ($m->is_single() || $m->is_page()) {
}
}
+
+
var slides = $('#slides').find('li');
- var currentSlide = $('#slides').find('li').first();
- $('#slides li').first().css({ 'display' : 'block' });
- $.each(slides, function(i, v) {
- var index = '–'; //String(i);
- $('#slidenav').append('<li data-index="' + i + '"><a href="#">' + index + '</a></li>');
- });
- $('#slidenav li a').first().addClass('active');
- $('#slidenav li a').click(function(e) {
- e.preventDefault();
- var slideIndex = $(this).parent().attr('data-index');
- slideAdvance(slideIndex);
- });
- function slideAdvance( nextIndex ) {
- $(currentSlide).animate({'opacity' : 0 }, 150, function() {
- $(this).css({'display' : 'none' });
- currentSlide = slides[nextIndex];
- $(currentSlide)
- .css({'display' : 'block', 'opacity' : 0 })
- .animate({ 'opacity' : 1 }, 150);
- $('#slidenav li a').removeClass('active');
- $('#slidenav li[data-index=' + nextIndex + '] a').addClass('active');
+ if (slides.length >= 0) {
+ var currentSlide = $('#slides').find('li').first();
+ $('#slides li').first().css({ 'display' : 'block' });
+ $.each(slides, function(i, v) {
+ var index = '–'; //String(i);
+ $('#slidenav').append('<li data-index="' + i + '"><a href="#">' + index + '</a></li>');
+ });
+ $('#slidenav li a').first().addClass('active');
+ $('#slidenav li a').click(function(e) {
+ e.preventDefault();
+ var slideIndex = $(this).parent().attr('data-index');
+ slideAdvance(slideIndex);
});
+ $('#slides li').click(function() {
+ var nextIndex = $.inArray(this, slides) + 1;
+ nextIndex = nextIndex >= slides.length ? 0 : nextIndex;
+ slideAdvance(nextIndex);
+ });
+ function slideAdvance( nextIndex ) {
+ $(currentSlide).animate({'opacity' : 0 }, 0, function() {
+ $(this).css({'display' : 'none' });
+ currentSlide = slides[nextIndex];
+ $(currentSlide)
+ .css({'display' : 'block', 'opacity' : 0 })
+ .animate({ 'opacity' : 1 }, 0);
+ $('#slidenav li a').removeClass('active');
+ $('#slidenav li[data-index=' + nextIndex + '] a').addClass('active');
+ });
+ }
}
- $('#slides li').click(function() {
- var nextIndex = $.inArray(this, slides) + 1;
- nextIndex = nextIndex >= slides.length ? 0 : nextIndex;
- slideAdvance(nextIndex);
- });
-
})();
$file['cat'] = $page ? null : array('name' => trim($cat,'/'), 'url' => WEB_ROOT . trim($cat , '/') . '/' );
$file['path'] = $fileInfo->getRealPath();
- $file['thumb'] = isset($file['config']['thumb']) ? $file['config']['thumb'] : MEDIA . '/' . substr($file['cat']['url'],1) . $fileInfo->getFilename() . '/thumb.png';
+ $file['thumb'] = isset($file['config']['thumb']) ? $file['config']['thumb'] : WEB_ROOT . MEDIA . '/' . substr($file['cat']['url'],1) . $fileInfo->getFilename() . '/thumb.png';
$file['url'] = clean_slashes( ($page ? '' : $file['cat']['url']) . $fileInfo->getFilename() );
$file['edit_url'] = WEB_ROOT . 'edit/' . $file['url'];
'extension' => $info->getExtension()
);
}
- krsort($files);
}
}
+ ksort($files);
return $files;
}
else {
function parse_request( $request, $_cfg = null )
{
+ $this->tag = false;
+
+ # custom request for '/tag/*'
+ if (isset($this->request['dirname']) && $this->request['dirname'] == 'tag') {
+ $this->tag = $request['basename'];
+ $request['dirname'] =
+ $request['basename'] =
+ $request['filename'] =
+ $request['path'] = null;
+ $request['extension'] = 'html';
+ $this->request = $request;
+ }
# if multiple (multiple files in CONTENT dir)
if ($this->is_multiple()) {
-
if ($this->has_config() && !$_cfg) {
$this->config = parse_config( $request['path'] );
if (isset($this->config->config->template)) {
}
}
- $this->tag = isset($_GET['tag']) ? $_GET['tag'] : null;
$this->entry = $this->config;
$this->page_title = preg_replace('{^/|/$}', '', $this->request['path']);
$recursive = $this->tag ? true : false;
title = about
--
-gabriel labov dunne
-
+gabriel labov dunne
studio (at) gabrieldunne (dot) com
+
1242 Market St, Floor 2
San Francisco, CA 94102 USA
-<br />
-
-###### edu
-2003 B.A. Design | Media Arts, UCLA
-2001 Pont Aven School of Art, France (summer)
-1999 College of Marin, Architecture
-<br />
-<br />
-
-
-###### residencies / collaborations
-2011—2012 Studio Collaboration w/ Vishal K. Dar, New Delhi, India.
-2009—2010 Gray Area Foundation for the Arts (GAFFTA), San Francisco
-<br />
-<br />
-
-
-###### exhibitions / projects
-2013 [Stars](/stars) SomArts 'NightLight', San Francisco CA
-2012 [Audio ShaderToy](/audioshadertoy) @ Creators Project SF, collab w/ Ryan Alexander, Reza Ali, San Francisco, CA
-2012 [NAAG](/naag), collab w/ Vishal K Dar. Delhi, India
-2010 [Monad](/monad), Prototype, GAFFTA, San Francisco CA
-2010 [Stars](/stars), GAFFTA, San Francisco, CA
-2010 [Seaquence](/seaquence), collab w/ Ryan Alexander, Daniel Massey, GAFFTA, San Francisco CA
-2008 [Cabspotting](/cabspotting), Stamen Design, Design and the Elastic Mind, MoMA NYC Permanent Collection. New York
-2006 "Celestial Mechanics", collab w/Scott Hessels, Interferenze: Naturalis Electronica, Valle Caudina, Italy
-2006 "Celestial Mechanics", collab w/Scott Hessels, Festival Sonar, Barcelona, Spain
-2006 SIGGRAPH, Boston, MA
-2005 SIGGRAPH, Los Angeles, CA
-2005 :Output Festival, Amsterdam, Netherlands
-2005 CiberArt: International Festival of New Technologies, Bilbao, Spain
-2003 Sur(Face), Design Media Arts EDA, Los Angeles, CA
-2003 Eyberrations Digital Film Festival, Irvine, CA
-2002 Melbourne International Film Festival, Melbourne, Australia
-2002 Experimental Works On Paper, Rennes, France
-2002 Jaquez Gallery Collection, Pont Aven, France
-2002 UCLA Winter DMA Student Show, Los Angeles, CA
-<br />
-<br />
-
-
-###### performance
-2012 Live Visual @ UP Festival, San Francisco, CA
-2012 Live Visual @ CCRMA Modulations, San Francisco, CA
-2012 Live Visual @ GAFFTA 2012, San Francisco, CA
-2011 Live Visual @ GAFFTA, Sepalcure, Shigeto, Simple & Santa @ GAFFTA, San Francisco, CA
-2010 "ICOSI", Milieux Sonores: Sound and Imaginary Space, GAFFTA, San Francisco, CA
-2010 "ICOSI", Biennial of the Americas. Denver, CO
-<br />
-<br />
-
-
-###### professional
-2010—cur Bay Area Video Coalition. Youth Instructor
-2005—cur Tessellated Group. Designer
-2009—2010 Gray Area Foundation for the Arts (GAFFTA). Studio Director
-2008—2009 Stamen Design. Software Design and Programming, Data Visualization
-2007—2008 Google, Inc. Software Design and Programming, Data Visualization
-2004—2006 Motion Theory. Animator, Designer, Software Lead
-<br />
-<br />
-
-<!--
-###### clients
-Obscura Digital
--->
-
-###### talks / teaching / workshops
-2012 Film/Code/Remix, collab w/ Jonathan McIntosh. BAVC, San Francisco. 1 yr.
-2012 Processing, ACCU, Symantic, Palo Alto, CA
-2012 Processing, ACCU Davis Linux Users Group, Davis, CA
-2011 Open Source: Coding Creative Apps. BAVC, San Francisco, 1 yr.
-2011 Processing 101 Workshop, GAFFTA, San Francisco, 2 wk
-2010 Open Source: Coding. BAVC, San Francisco, 1 yr.
-2010 Prototype: Resident Artist Symposium, GAFFTA, San Francisco
-2010 Creative Coding: An Introduction to Processing , GAFFTA, San Francisco, 2 wk
-2009 Creative Coding, GAFFTA, San Francisco, 2 wek
-2009 Introduction to Processing, GAFFTA, San Francisco, wkend
-2007 Processing, collab w/ Aaron Koblin. Makers Faire, San Mateo, 2 hr
-2005 Programming and Design, UCLA student workshops, Los Angeles, 1 semester
-2004 Maya Workshop Series, UCLA, Los Angeles, 1 semester
-2003 Typography Workshop Series, UCLA, Los Angeles, 1 day
-2003 Adobe Software Workshops, Maya/Photoshop/Illustrator/After Effects. UCLA, Los Angeles
-2002 Flash/Director Workshop, UCLA, Los Angeles
-<br />
-<br />
-
-
-###### media / publications
-Creators Project
-Art College Radio SF
-MIT Aerospace Annual
-A'minima #17
-FOCUS Italia, May Issue
-Discover Magazine
-Wired
-Adult Swim
-Contemporary Art of Science and Technology
-AD: Architectural Digest
-HDRI Magazine
-<br />
-<br />
-
-
-
-<!--
-**awards**
-Creative Review Best in Show 2005, Beck "Girl"
-Type Directors Award, Nike "Golf"
-AIGA, Hewlett Packard "It Consolidates"
-AICP, Hewlett Packard "Hands"
-Screen Network Australia Best in Show
-Shorttakes Film Festival, Best Visual Effects
-<br />
-<br />
-
-
-2004 Text + Architecture & Writing in Architecture, SCIARC, Los Angeles
-2003 narr@tive: Digital Storytelling, Hammer Museum, Los Angeles
-
-**websites**
-2011 Duran Duran "All You Need Is Now" http://now.gaffta.org
-2010 Seaquence http://seaquence.org
-2007 Motion Theory [link]
-<br />
-<br />
-
-**commercials**
-Budwieser "Superbowl", Motion Theory
-Budwieser "The Game", Motion Theory
-Nike "One", Motion Theory
-<br />
-<br />
-
-**shorts**
-RestFest 2003 Opener, Motion Theory
-The Mirror
-<br />
-<br />
-
-**music videos**
-Beck "Girl", Motion Theory
-Papa Roach "Getting Away With Murder", Motion Theory
-<br />
-<br />
-
--->
+++ /dev/null
-title = all work
-template = all
---
-all work
template = page\r
title = c/v\r
--\r
-\r
###### edu\r
2003 B.A. Design | Media Arts, UCLA \r
2001 Pont Aven School of Art, France (summer) \r
<br />\r
\r
\r
-###### residencies / collaborations\r
-2011—2012 Studio Collaboration w/ Vishal K. Dar, New Delhi, India. \r
-2009—2010 Gray Area Foundation for the Arts (GAFFTA), San Francisco\r
-<br />\r
-<br />\r
-\r
-\r
###### exhibitions / projects\r
2013 [Stars](/stars) SomArts 'NightLight', San Francisco CA \r
2012 [Audio ShaderToy](/audioshadertoy) @ Creators Project SF, collab w/ Ryan Alexander, Reza Ali, San Francisco, CA \r
2010 [Stars](/stars), GAFFTA, San Francisco, CA \r
2010 [Seaquence](/seaquence), collab w/ Ryan Alexander, Daniel Massey, GAFFTA, San Francisco CA \r
2008 [Cabspotting](/cabspotting), Stamen Design, Design and the Elastic Mind, MoMA NYC Permanent Collection. New York \r
-2006 "Celestial Mechanics", collab w/Scott Hessels, Interferenze: Naturalis Electronica, Valle Caudina, Italy \r
-2006 "Celestial Mechanics", collab w/Scott Hessels, Festival Sonar, Barcelona, Spain \r
-2006 SIGGRAPH, Boston, MA \r
-2005 SIGGRAPH, Los Angeles, CA \r
+2006 [Celestial Mechanics](/celestialmechanics), collab w/Scott Hessels, Interferenze: Naturalis Electronica, Valle Caudina, Italy \r
+2006 [Celestial Mechanics](/celestialmechanics), Festival Sonar, Barcelona, Spain \r
2005 :Output Festival, Amsterdam, Netherlands \r
2005 CiberArt: International Festival of New Technologies, Bilbao, Spain \r
2003 Sur(Face), Design Media Arts EDA, Los Angeles, CA \r
2002 Melbourne International Film Festival, Melbourne, Australia \r
2002 Experimental Works On Paper, Rennes, France \r
2002 Jaquez Gallery Collection, Pont Aven, France \r
+2002 narr@tive: Digital Storytelling, Hammer Museum, Los Angeles\r
2002 UCLA Winter DMA Student Show, Los Angeles, CA\r
<br />\r
<br />\r
\r
\r
+\r
###### performance\r
-2012 Live Visual @ UP Festival, San Francisco, CA \r
-2012 Live Visual @ CCRMA Modulations, San Francisco, CA \r
-2012 Live Visual @ GAFFTA 2012, San Francisco, CA \r
-2011 Live Visual @ GAFFTA, Sepalcure, Shigeto, Simple & Santa @ GAFFTA, San Francisco, CA \r
+2012 UP Festival, San Francisco, CA \r
+2012 CCRMA Modulations, San Francisco, CA \r
+2011 Sepalcure, Shigeto, Simple & Santa, GAFFTA, San Francisco, CA \r
2010 "ICOSI", Milieux Sonores: Sound and Imaginary Space, GAFFTA, San Francisco, CA \r
2010 "ICOSI", Biennial of the Americas. Denver, CO\r
<br />\r
<br />\r
\r
\r
-###### professional\r
-2010—cur Bay Area Video Coalition. Youth Instructor \r
-2005—cur Tessellated Group. Designer \r
-2009—2010 Gray Area Foundation for the Arts (GAFFTA). Studio Director \r
-2008—2009 Stamen Design. Software Design and Programming, Data Visualization \r
-2007—2008 Google, Inc. Software Design and Programming, Data Visualization \r
-2004—2006 Motion Theory. Animator, Designer, Software Lead\r
-<br />\r
-<br />\r
-\r
-<!--\r
-###### clients\r
-Obscura Digital\r
--->\r
-\r
###### talks / teaching / workshops\r
-2012 Film/Code/Remix, collab w/ Jonathan McIntosh. BAVC, San Francisco. 1 yr. \r
-2012 Processing, ACCU, Symantic, Palo Alto, CA \r
+2012 Film/Code/Remix, BAVC, San Francisco \r
+2012 Processing, ACCU, Symantic, Palo Alto \r
2012 Processing, ACCU Davis Linux Users Group, Davis, CA \r
-2011 Open Source: Coding Creative Apps. BAVC, San Francisco, 1 yr. \r
+2011 Open Source: Creative Code. BAVC, San Francisco, 1 yr. \r
2011 Processing 101 Workshop, GAFFTA, San Francisco, 2 wk \r
2010 Open Source: Coding. BAVC, San Francisco, 1 yr. \r
2010 Prototype: Resident Artist Symposium, GAFFTA, San Francisco \r
<br />\r
\r
\r
-###### media / publications\r
+###### residencies / collaborations\r
+2011—2012 Studio Collaboration w/ Vishal K. Dar, New Delhi, India. \r
+2009—2010 Gray Area Foundation for the Arts, San Francisco\r
+<br />\r
+<br />\r
+\r
+\r
+\r
+###### professional\r
+2010— Bay Area Video Coalition. Youth Instructor \r
+2005— Tessellated Group. Designer \r
+2009—2010 Gray Area Foundation for the Arts. Studio Director \r
+2008—2009 Stamen Design. Data Visualization \r
+2007—2008 Google. Data Visualization \r
+2004—2006 Motion Theory. Designer, Animator\r
+<br />\r
+<br />\r
+\r
+\r
+###### media / publications / festivals\r
+SIGGRAPH\r
Creators Project \r
-Art College Radio SF \r
-MIT Aerospace Annual \r
-A'minima #17 \r
-FOCUS Italia, May Issue \r
Discover Magazine \r
Wired \r
-Adult Swim \r
-Contemporary Art of Science and Technology \r
+MIT Aerospace Annual \r
+A'minima #17 \r
+FOCUS Italia \r
AD: Architectural Digest \r
+Contemporary Art of Science and Technology \r
+Art College Radio SF \r
HDRI Magazine\r
<br />\r
<br />\r
\r
-\r
-\r
-<!--\r
-**awards** \r
-Creative Review Best in Show 2005, Beck "Girl" \r
-Type Directors Award, Nike "Golf" \r
-AIGA, Hewlett Packard "It Consolidates" \r
-AICP, Hewlett Packard "Hands" \r
-Screen Network Australia Best in Show \r
-Shorttakes Film Festival, Best Visual Effects\r
+###### awards\r
+Creative Review Best in Show 2005, Beck "Girl", MotionTheory \r
+Type Directors Award, Nike "Golf", MotionTheory \r
+AIGA, Hewlett Packard "It Consolidates", MotionTheory \r
+AICP, Hewlett Packard "Hands", MotionTheory \r
+Screen Network Australia Best in Show, "The Pik Me Up" \r
+Shorttakes Film Festival, Best Visual Effects, "The Mirror"\r
<br />\r
<br />\r
\r
\r
+<!--\r
+\r
2004 Text + Architecture & Writing in Architecture, SCIARC, Los Angeles \r
2003 narr@tive: Digital Storytelling, Hammer Museum, Los Angeles\r
\r
<br />\r
\r
-->\r
+\r
+\r
+\r
+<!--\r
+###### clients\r
+Obscura Digital\r
+-->\r
+\r
+\r
--- /dev/null
+template = all
+--
+
+projects
$m = new Model(get_request(''), 1);
$entries = $m->entries;
$this->assign('pagination', $m->pagination);
+ $tag = "";
?>
<div id="content">
- <ul class="entries projects">
+<div id="content">
+ <ul class="entries projects <?=isset($tag)?'tagged':''; ?>">
<? foreach($entries as $entry): ?>
<li class="<?=$entry->cat->name?>">
<a href="<?=$entry->url;?>">
<img src="<?=$entry->thumb?>" class="thumb" />
<br />
- <?=$entry->title;?>
- </a>
+ <strong><?=$entry->title;?></strong>
+ </a>
+ <? if (isset($tag)) : ?>
+ <p>
+ <?=strip_tags(isset($entry->content_short) ? $entry->content_short : $entry->content, '<p><br><a>'); ?>
+ </p>
+ —<br />
+ <ul class="tags">
+ <? for($i = 0; $i < sizeof($entry->tags); $i++) : $tag = $entry->tags[$i]; ?>
+ <li class="tag"><a href="<?=WEB_ROOT.'?tag='.$tag?>"><?=$tag?></a></li>
+ <? endfor; ?>
+ </ul>
+ <? endif; ?>
</li>
<? endforeach; ?>
</ul>
+</div>
+
</div>
<? $this->include_template('pagination.html.tpl') ?>
—<br />
<ul class="tags">
<? for($i = 0; $i < sizeof($entry->tags); $i++) : $tag = $entry->tags[$i]; ?>
- <li class="tag"><a href="<?=WEB_ROOT.'?tag='.$tag?>"><?=$tag?></a></li>
+ <li class="tag"><a href="<?=WEB_ROOT.'tag/'.$tag?>"><?=$tag?></a></li>
<? endfor; ?>
</ul>
<? endif; ?>
<? $this->include_template('nav.html.tpl', array('index' => true)) ?>
<div id="content">
-
- <ul class="entries projects">
+ <ul class="entries projects <?=isset($tag)?'tagged':''; ?>">
<? foreach($entries as $entry): ?>
<li class="<?=$entry->cat->name?>">
<a href="<?=$entry->url;?>">
<img src="<?=$entry->thumb?>" class="thumb" />
<br />
- <?=$entry->title;?>
- </a>
+ <strong><?=$entry->title;?></strong>
+ </a>
+ <? if (isset($tag)) : ?>
+ <p>
+ <?=strip_tags(isset($entry->content_short) ? $entry->content_short : $entry->content, '<p><br><a>'); ?>
+ </p>
+ —<br />
+ <ul class="tags">
+ <? for($i = 0; $i < sizeof($entry->tags); $i++) : $tag = $entry->tags[$i]; ?>
+ <li class="tag"><a href="<?=WEB_ROOT.'?tag='.$tag?>"><?=$tag?></a></li>
+ <? endfor; ?>
+ </ul>
+ <? endif; ?>
</li>
<? endforeach; ?>
</ul>
<? endforeach; ?>
*/
?>
- <? $en = get_pages('', $args = array(
+ <? if (isset($entries) && !isset($tag)) {
+ $en = get_pages('', $args = array(
'recursive' => false,
'order_by' => 'alpha',
'order' => SORT_ASC
<? foreach($en as $e) : ?>
<li><a <?=$request['basename'] == $e->title ? 'class="selected"' : ''?> href="<?=WEB_ROOT?><?=$e->url?>"><?=$e->title?></a></li>
<? endforeach; ?>
- <!-- <li>
+ <? } ?>
+ <!--
+ <li>
<? $this->include_template('pagination.html.tpl') ?>
- </li> -->
+ </li>
+ -->
</ul>
</div>
<? if(isset($tag)): ?>
-<ul class="tags"><li class="tag"><?=$tag?></li></ul>
+<ul class="tags"><li><a href="/tag">tag</a>: <?=$tag?></li></ul>
<br />
<br />
<br />
<? if(isset($tag)): ?>
<ul class="tags">
- <li class="tag"><?=$tag?></li>
+ <li class="tag"><a<?=$tag?></li>
</ul>
<? endif; ?>
<ul class="tags">
<? $tags = get_tags('/'); if (isset($_GET['s'])) arsort($tags); else ksort($tags); ?>
<? foreach($tags as $tag => $count) : ?>
-<li class="tag"><a href="<?=WEB_ROOT?>?tag=<?=$tag?>"><?=$tag?></a> × <?=$count?></li>
+<li class="tag"><a href="<?=WEB_ROOT?>tag/<?=$tag?>"><?=$tag?></a> × <?=$count?></li>
<? endforeach; ?>
</ul>
<? endif; ?>