software engineering and computational artistry. https://preziotte.com// Sun, 10 Apr 2016 15:20:15 -0700 Sun, 10 Apr 2016 15:20:15 -0700 Jekyll v3.1.1 <!-- I've begun a daily series of audio reactive music visualizations. This is my pre-rendered outlet for sharing procedurally generated motion graphics. To subscribe, visit my <a href='http://instagram.com/preziotte'>Instagram</a> or <a href='http://twitter.com/preziotte'>Twitter</a>. I also archive many of them on <a href='http://vimeo.com/preziotte'>Vimeo</a>. They look like this: --> <div class="posts grid"> <div class="gallery" style="display: inline-block; vertical-align: top;"> <figure class="square" style="float: left;"> <a target="_blank" href="https://www.instagram.com/p/BDCgxAluAbX/"> <img style="min-width: 200px;" data-src="https://preziotte.com//assets/absurd/processed/0_small.gif" /> </a> </figure> </div> <div class="gallery" style="display: inline-block; vertical-align: top;"> <figure class="square" style="float: left;"> <a target="_blank" href="https://www.instagram.com/p/BDpUWj-uAfB/"> <img style="min-width: 200px;" data-src="https://preziotte.com//assets/absurd/processed/1_small.gif" /> </a> </figure> </div> <div class="gallery" style="display: inline-block; vertical-align: top;"> <figure class="square" style="float: left;"> <a target="_blank" href="https://www.instagram.com/p/BD4xzESuAZv/"> <img style="min-width: 200px;" data-src="https://preziotte.com//assets/absurd/processed/2_small.gif" /> </a> </figure> </div> <div class="gallery" style="display: inline-block; vertical-align: top;"> <figure class="square" style="float: left;"> <a target="_blank" href="https://www.instagram.com/p/BDr39CeOAcZ/"> <img style="min-width: 200px;" data-src="https://preziotte.com//assets/absurd/processed/3_small.gif" /> </a> </figure> </div> <div class="gallery" style="display: inline-block; vertical-align: top;"> <figure class="square" style="float: left;"> <a target="_blank" href="https://vine.co/v/igewMaaen6u"> <img style="min-width: 200px;" data-src="https://preziotte.com//assets/absurd/processed/6_small.gif" /> </a> </figure> </div> <div class="gallery" style="display: inline-block; vertical-align: top;"> <figure class="square" style="float: left;"> <a target="_blank" href="https://vine.co/v/igemzYPB1At"> <img style="min-width: 200px;" data-src="https://preziotte.com//assets/absurd/processed/7_small.gif" /> </a> </figure> </div> <div class="gallery" style="display: inline-block; vertical-align: top;"> <figure class="square" style="float: left;"> <a target="_blank" href="https://www.instagram.com/p/BDPcYAROAUC/"> <img style="min-width: 200px;" data-src="https://preziotte.com//assets/absurd/processed/15_small.gif" /> </a> </figure> </div> <div class="gallery" style="display: inline-block; vertical-align: top;"> <figure class="square" style="float: left;"> <a target="_blank" href="https://www.instagram.com/p/BDPfii2OAYX/"> <img style="min-width: 200px;" data-src="https://preziotte.com//assets/absurd/processed/18_small.gif" /> </a> </figure> </div> </div> <p>This is an ongoing series of audio reactive animations. Each entry uses audio data to help inform the visuals in different ways. Many of these are strongly influenced by an overlapping study in <code class="highlighter-rouge">harmonic polar equations</code>, which I hope to write about further. I hope you enjoy my procedurally generated synesthesia playground. Subscribe for one new post each day.</p> <!-- Sometimes music needs a thing to look at. That's all. --> <!-- I plan to write tutorials and elaborate on some core concepts surrounding this project. Many of these animations are hi harmonic curves --> <h3 id="some-tools-im-using">some tools i’m using</h3> <ul> <li>The <a href="http://processing.org">Processing</a> programming language (+<a href="https://github.com/ddf/Minim">minim</a> library).</li> <li><a href="https://ffmpeg.org">FFmpeg</a> to stitch together frames.</li> <li><a href="https://www.lcdf.org/gifsicle/">Gifsicle</a> for the GIFage.</li> <li><a href="http://gramblr.com/">Gramblr</a> to upload videos to Instagram from my PC.</li> </ul> <h3 id="ways-to-consume-them">ways to consume them</h3> <p class="center"> <a target="_blank" href="http://instagram.com/preziotte"> <span class="btn icon-post-big"><span class="icon-instagram"></span></span> </a> <a target="_blank" href="http://twitter.com/preziotte"> <span class="btn icon-post-big"><span class="icon-twitter"></span></span> </a> <a target="_blank" href="http://vimeo.com/preziotte"> <span style="margin-right: -26px;" class="btn icon-post-big"><span class="icon-vimeo2"></span></span> </a> </p> <h3 id="some-stills-ive-captured">some stills i’ve captured</h3> <div class="gallery swap"> <figure style="width: 100%; float: none;"> <img data-src="https://preziotte.com//assets/absurd/stills/000637.png" /> </figure> <figure style="width: 100%; float: none;"> <img data-src="https://preziotte.com//assets/absurd/stills/000765.png " /> </figure> <figure style="width: 100%; float: none;"> <img data-src="https://preziotte.com//assets/absurd/stills/000764.png" /> </figure> <figure style="width: 100%; float: none;"> <img data-src="https://preziotte.com//assets/absurd/stills/001004.png " /> </figure> <figure style="width: 48%; float: right; margin-right: 0px;"> <img data-src="https://preziotte.com//assets/absurd/stills/002493.png " /> </figure> <figure style="width: 48%; float: none; margin-right: 0px;"> <img data-src="https://preziotte.com//assets/absurd/stills/002615.png " /> </figure> <figure style="width: 100%; float: none;"> <img data-src="https://preziotte.com//assets/absurd/stills/022402.png " /> </figure> <figure style="width: 100%; float: none;"> <img data-src="https://preziotte.com//assets/absurd/stills/002888.png " /> </figure> <figure style="width: 100%; float: none;"> <img data-src="https://preziotte.com//assets/absurd/stills/000668.png " /> </figure> <figure style="width: 100%; float: none;"> <img data-src="https://preziotte.com//assets/absurd/stills/000517.png " /> </figure> <figure style="width: 48%; float: right; margin-right: 0px;"> <img data-src="https://preziotte.com//assets/absurd/stills/000438.png" /> </figure> <figure style="width: 48%; float: none; margin-right: 0px;"> <img data-src="https://preziotte.com//assets/absurd/stills/000446.jpg" /> </figure> <figure style="width: 100%; float: none;"> <img data-src="https://preziotte.com//assets/absurd/stills/000812.png " /> </figure> </div> Sun, 27 Mar 2016 00:00:00 -0700 https://preziotte.com//blog/absurd-music-visualizers/ https://preziotte.com//blog/absurd-music-visualizers/ post cv <div class="gallery swap"> <figure class="wide" style="background: #1F211B;"> <img height="432" data-src="https://preziotte.com/assets/gifs/processed/gmo_starburst.gif" /> <figcaption></figcaption> </figure> </div> Sat, 28 Nov 2015 00:00:00 -0800 https://preziotte.com//blog/gmo-starburst/ https://preziotte.com//blog/gmo-starburst/ post <div class="gallery swap"> <figure class="wide" style="background: #18001A;"> <img height="432" data-src="https://preziotte.com/assets/gifs/processed/conductive_ripple.gif" /> <figcaption></figcaption> </figure> </div> Wed, 25 Nov 2015 00:00:00 -0800 https://preziotte.com//blog/conductive-ripple/ https://preziotte.com//blog/conductive-ripple/ post <div class="gallery swap"> <figure class="wide" style="background: #14130F;"> <img height="354" data-src="https://preziotte.com/assets/gifs/processed/fallen.gif" /> <figcaption></figcaption> </figure> </div> Thu, 19 Nov 2015 00:00:00 -0800 https://preziotte.com//blog/fallen/ https://preziotte.com//blog/fallen/ post <div class="gallery swap"> <figure class="wide" style="background: #14130F;"> <img height="354" data-src="https://preziotte.com/assets/gifs/processed/sleeping_origami.gif" /> <figcaption></figcaption> </figure> </div> Mon, 16 Nov 2015 00:00:00 -0800 https://preziotte.com//blog/sleeping-origami/ https://preziotte.com//blog/sleeping-origami/ post <div class="gallery swap"> <figure class="wide" style="background: #14130F;"> <img height="432" data-src="https://preziotte.com/assets/gifs/processed/donkey_trumpet.gif" /> <figcaption></figcaption> </figure> </div> Sun, 15 Nov 2015 00:00:00 -0800 https://preziotte.com//blog/donkey-trumpet/ https://preziotte.com//blog/donkey-trumpet/ post <div class="gallery swap"> <figure class="wide" style="background: #14130F;"> <img height="432" data-src="https://preziotte.com/assets/gifs/processed/tubular.gif" /> </figure> </div> Fri, 06 Nov 2015 00:00:00 -0800 https://preziotte.com//blog/tubular/ https://preziotte.com//blog/tubular/ post <div class="gallery swap"> <figure class="wide" style="background: #18001A;"> <img height="492" data-src="https://preziotte.com/assets/gifs/processed/scribble2.gif" /> <figcaption></figcaption> </figure> </div> Tue, 03 Nov 2015 00:00:00 -0800 https://preziotte.com//blog/scribble/ https://preziotte.com//blog/scribble/ post <div class="gallery swap"> <figure class="wide" style="background: #1F211B;"> <img height="492" data-src="https://preziotte.com/assets/gifs/processed/rave_train.gif" /> </figure> </div> Mon, 26 Oct 2015 00:00:00 -0700 https://preziotte.com//blog/rave-train/ https://preziotte.com//blog/rave-train/ post <p class="center"> <iframe data-src="https://preziotte.com/gists/rose-curve/" width="100%" height="380" marginwidth="0" marginheight="0" scrolling="no"></iframe> </p> <p><span href="https://preziotte.com/gists/rose-curve/" class="btn small">fullscreen</span> <span href="https://github.com/preziotte/rose-curve-interpolation/blob/master/index.html" class="btn small">github</span></p> Sun, 25 Oct 2015 15:21:00 -0700 https://preziotte.com//blog/rose-curve-interpolation/ https://preziotte.com//blog/rose-curve-interpolation/ post