From: Gabriel Dunne Date: Mon, 26 May 2014 20:46:42 +0000 (-0700) Subject: New stuff X-Git-Url: https://git.quilime.com/?a=commitdiff_plain;h=fa40789db5dd6c58076c415f1ef0a49c6cef2260;p=notes.git New stuff --- diff --git a/_config.yml b/_config.yml index d114399..5194060 100644 --- a/_config.yml +++ b/_config.yml @@ -5,7 +5,7 @@ author_email : studio@gabrieldunne.com markdown : redcarpet pygments : true paginate : 5 -paginate_path : /blog/page:num +paginate_path : blog/:num permalink : /:title/ baseurl : /process exclude: [ publish.sh ] diff --git a/_includes/archive-sort.html b/_includes/archive-sort.html new file mode 100644 index 0000000..1b8293a --- /dev/null +++ b/_includes/archive-sort.html @@ -0,0 +1,16 @@ + +
+by: + +{% if page.url == '/archive.html' %} + +date | category + +{% else if page.url == '/archive.html' %} + +date | category + +{% endif %} + +
+ diff --git a/_layouts/default.html b/_layouts/default.html index 9dfc454..b4fc588 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -13,49 +13,18 @@

{{site.name}}

-
-
- {{ content }} -
- - +
+ {{ content }} +
diff --git a/_layouts/post.html b/_layouts/post.html index b6478d2..e4c8e1c 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -10,6 +10,6 @@ layout: default diff --git a/_posts/1999-01-01-prev.md b/_posts/1999-01-01-prev.md index 8976af8..35f5091 100644 --- a/_posts/1999-01-01-prev.md +++ b/_posts/1999-01-01-prev.md @@ -2,7 +2,7 @@ layout: post title: "older" date: 1999-01-01 -categories: projects +categories: blog --- 2008 diff --git a/_posts/2004-10-31-ticker.md b/_posts/2004-10-31-ticker.md new file mode 100644 index 0000000..bb71f11 --- /dev/null +++ b/_posts/2004-10-31-ticker.md @@ -0,0 +1,7 @@ +--- +layout: post +date: 2004-10-31 +title: Possessed Stock Ticker +categories: commercial software +--- +Papa Roach Stock Ticker \ No newline at end of file diff --git a/_posts/2006-05-03-slashysans.md b/_posts/2006-05-03-slashysans.md new file mode 100644 index 0000000..74220af --- /dev/null +++ b/_posts/2006-05-03-slashysans.md @@ -0,0 +1,8 @@ +--- +layout: post +title: Slashy Sans +date: 2006-05-05 +categories: design +--- + +Typeface/Font Design \ No newline at end of file diff --git a/_posts/2006-05-05-celestialmechanics.md b/_posts/2006-05-05-celestialmechanics.md index 5323974..8906bdb 100755 --- a/_posts/2006-05-05-celestialmechanics.md +++ b/_posts/2006-05-05-celestialmechanics.md @@ -2,7 +2,7 @@ layout: post title: "Celestial Mechanics" date: 2006-05-05 -categories: datavis +categories: datavis animation --- ![]({{site.baseurl}}/m/cm/celestialmechanics_satring_sm.jpg) @@ -42,6 +42,8 @@ Airline Flight Patterns More [Here](http://www.aaronkoblin.com/work/flightpatterns/index.html), and [here](http://users.design.ucla.edu/~akoblin/work/faa/) +The work "Flight Patterns" and all its various forms and iterations was derived from the 2005 copyrighted artwork "Celestial Mechanics" created by Scott Hessels and Gabriel Dunne. + ![]({{site.baseurl}}/m/cm/cm-gps.png) GPS Satelites diff --git a/_posts/2006-05-05-footagefold.md b/_posts/2006-05-05-footagefold.md index 907180d..a11de4a 100755 --- a/_posts/2006-05-05-footagefold.md +++ b/_posts/2006-05-05-footagefold.md @@ -1,34 +1,81 @@ --- layout: post title: "Footage Fold" -date: 05-05-2006 +date: 05-05-2005 categories: commercial animation +thumb: /m/footagefold/thumb.png --- -A motion-control visual effect that results in a live-action environment folding up like a popup book. Created as an Homage to Al Jaffee's "Fold In" art at the back of the classic *MAD* Magazine. -### Beck "Girl" +A CGI + motion-control visual effect that creates the illusion of an environment folding into itself like a popup book. Created with Motion Theory, Los Angeles. -Role: Asst. Visual Effects Director, Animator -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. + +## "It Consolidates" + +The effect was developed for a single scene in a Hewllet Packard commercial "It Consolidates". A messy office appears to fold up like a pop-up book. + +Role: Visual Effect Designer, Animation + +![]({{site.baseurl}}/m/footagefold/4-hpfinish.jpg) +![]({{site.baseurl}}/m/footagefold/output_qAEMIQ.gif) + + + + + + + +## Beck "Girl" + +Role: Asst. Visual Effects Director, Rigging, Animation + +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.baseurl}}/m/footagefold/3-bottles_01.jpg) -![]({{site.baseurl}}/m/footagefold/2-fastlane_fx.jpg) +Foldong shelves in pharmacy with physically simulated bottle falling animation -### Hewlet Packard "It Consolidates" +![]({{site.baseurl}}/m/footagefold/aljaffee.png) +![]({{site.baseurl}}/m/footagefold/output_OtH9Fq.gif) +Living Room fold scene, featured on television with Al Jaffee "commercial" gag -Fold-in effect designed for Hewlett Packard's "It Consolidates" TV Commercials. +![]({{site.baseurl}}/m/footagefold/pinatas-plate.png) +Pinatas scene clean plate + +![]({{site.baseurl}}/m/footagefold/pinatas-render.png) +Pinatas scene render plate + +![]({{site.baseurl}}/m/footagefold/map.png) +![]({{site.baseurl}}/m/footagefold/map-telecine.png) +Graphic Design for "folding map" gag + +Copyright © 2005 Motion Theory + + -Role: Visual Effect Designer, Animator -![]({{site.baseurl}}/m/footagefold/4-hpfinish.jpg) More via Motion Theory: [1](http://www.motiontheory.com/content/362/beck_girl), [2](http://www.motiontheory.com/press/#mad_beck-goes-mad), [3](http://www.motiontheory.com/content/352/hp_it-consolidates) -## sketches + + +## 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.baseurl}}/m/footagefold/fold_reference.jpg) +four-way fold concept art + +![]({{site.baseurl}}/m/footagefold/chessfold.png) +four-way fold concept art + + + + diff --git a/_posts/2007-08-23-prism.md b/_posts/2007-08-23-prism.md index ca1e91c..c8ef030 100755 --- a/_posts/2007-08-23-prism.md +++ b/_posts/2007-08-23-prism.md @@ -2,7 +2,7 @@ layout: post title: "Prism" date: 2007-08-23 -categories: projects +categories: art --- ![]({{site.baseurl}}/m/prism/3.jpg) diff --git a/_posts/2008-10-05-swimtank.md b/_posts/2008-10-05-swimtank.md new file mode 100644 index 0000000..7f01dac --- /dev/null +++ b/_posts/2008-10-05-swimtank.md @@ -0,0 +1,13 @@ +--- +layout: post +title: Swim Tank +date: 2008-10-05 +categories: software +--- + +![]({{site.baseurl}}/m/{{page.id}}/fishtank.6677.png) +Swim Tank +Interactive graphics software +C++/OpenGL + +A form follows an infinite, oscillating path drawn by the user. The user controls the direction a "fish" on two axis, while the depth of the path follows a sinusoidal rhythm that is affected by paths previously drawn. \ No newline at end of file diff --git a/_posts/2009-02-02-synonymovement.md b/_posts/2009-02-02-synonymovement.md index 3839ad4..f346b10 100755 --- a/_posts/2009-02-02-synonymovement.md +++ b/_posts/2009-02-02-synonymovement.md @@ -2,7 +2,7 @@ layout: post date: 2009-02-02 title: Synonymovement -categories: audiovisual projection software +categories: audiovisual --- diff --git a/_posts/2009-05-06-cymatic-organ.md b/_posts/2009-05-06-cymatic-organ.md index 3c8fefc..21f206c 100755 --- a/_posts/2009-05-06-cymatic-organ.md +++ b/_posts/2009-05-06-cymatic-organ.md @@ -4,9 +4,12 @@ title: "Cymatic Organ" date: 2009-06-05 categories: portfolio installation excerpt: interactive audiovisual installation +thumb: /m/cymatic-organ/thumb.png --- -![]({{site.baseurl}}/m/cymatic-organ/organ_01.png) + + +![]({{site.baseurl}}/m/{{page.id}}/organ_01.png) Cymatic (Wave Form) Organ 6 Channel Audio Installation @@ -20,16 +23,18 @@ Three distinct vibrations are present: light waves, sound waves, and the physica Each speaker vibrates with tones that vibrating the water visually in geometric cymatic patterns. The tones are synthesized in real time, and vary in pitch depending on user interaction. -![]({{site.baseurl}}/m/cymatic-organ/cymatic-organ-1.png) -![]({{site.baseurl}}/m/cymatic-organ/cymatic-organ-2.png) -![]({{site.baseurl}}/m/cymatic-organ/cymatic-organ-3.png) -![]({{site.baseurl}}/m/cymatic-organ/organ_02.png) -![]({{site.baseurl}}/m/cymatic-organ/organ_03.png) -![]({{site.baseurl}}/m/cymatic-organ/cymatic-organ-4.png) -![]({{site.baseurl}}/m/cymatic-organ/chladni.png) -![]({{site.baseurl}}/m/cymatic-organ/musicalengineering.png) -![]({{site.baseurl}}/m/cymatic-organ/patterns.png) + +![]({{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.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) @@ -37,7 +42,7 @@ Each speaker vibrates with tones that vibrating the water visually in geometric -[Installation PDF](/content/projects/cymatic-organ/install/wave_form_organ_gdunne.pdf) +[Installation PDF](/content/projects/{{page.id}}/install/wave_form_organ_gdunne.pdf) {% for post in paginator.posts %} @@ -19,16 +18,20 @@ title: blog + {% for post in site.posts %} + {% if post.categories.first == 'commercial' %} +
  • + +
    + +
    +

    {{ post.title }}

    +     + {{ post.excerpt }} +
    • + {% endif %} + {% endfor %} + diff --git a/css/gdsans.ttf b/css/gdsans.ttf new file mode 100644 index 0000000..7c69a6b Binary files /dev/null and b/css/gdsans.ttf differ diff --git a/css/main.css b/css/main.css index 357c0d2..c62e354 100755 --- a/css/main.css +++ b/css/main.css @@ -17,11 +17,16 @@ font-family: lettergothic; src: url(letter_gothic.ttf); } +@font-face +{ + font-family: gdsans; + src: url(letter_gothic.ttf); +} html, body { height: 100%; } body { - font: 12px/1.5em Menlo, "Lucida Sans", monospace; + font: 14px/1.5em Menlo, "Lucida Console", monospace; letter-spacing: 0.05em; /*animation: fadein 1s;*/ /* Firefox */ @@ -74,9 +79,10 @@ h1, h2, h3, h4, h5, h6 { } h1 { margin:1em 0 0 0; - font-size:1.75m; + font-size:2em; text-align:center; - font-family:lettergothic; + font-family:gdsans; + text-transform:uppercase; } h1 a { text-decoration:none; @@ -104,6 +110,7 @@ p { margin: 1em 0; } a { color: #000; + text-decoration:none; } a:hover { color: #aaa; @@ -132,29 +139,41 @@ header { padding:0; } .thumbs li { - margin-bottom:2em; + margin:2em auto 4em auto; + max-width:460px; + text-align: center; } .thumbs li > a { display:block; + text-decoration: none; + margin-bottom:1em; } .thumb { - width:340px; + width:460px; height:200px; background:#000; overflow:hidden; } + .posts { margin:0; padding:0; list-style-type: none; margin-bottom: 8em; } +.posts h1 { +} +.posts .date { + text-align:center; + margin-top:8em; +} - -.posts span { - color: #aaa; - font-family: Monaco, "Courier New", monospace; +.archive-sort { +text-align:center; +} +.archive-sort a { + text-decoration: underline; } @@ -185,16 +204,21 @@ header { padding: 0; } .home a { - text-decoration:none; + } .nav { position:absolute; - top:6em; + top:5em; left:1em; display:block; height:2em; cursor:pointer; } +.nav ul, .nav ul li { + margin:0; + padding:0; + list-style-type:none; +} @@ -219,6 +243,9 @@ header { background-color: #ddd; padding:1em; } +.post a { + text-decoration: underline; +} .post p img { max-width:800px; margin:2em auto; diff --git a/css/simplex.ttf b/css/simplex.ttf new file mode 100644 index 0000000..0197002 Binary files /dev/null and b/css/simplex.ttf differ diff --git a/portfolio.html b/portfolio.html index 266eb3c..255de1b 100644 --- a/portfolio.html +++ b/portfolio.html @@ -6,20 +6,15 @@ title: portfolio