<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Creative-Coding on Hunter Heidenreich | Senior AI Research Scientist</title><link>https://hunterheidenreich.com/tags/creative-coding/</link><description>Recent content in Creative-Coding on Hunter Heidenreich | Senior AI Research Scientist</description><image><title>Hunter Heidenreich | Senior AI Research Scientist</title><url>https://hunterheidenreich.com/img/avatar.webp</url><link>https://hunterheidenreich.com/img/avatar.webp</link></image><generator>Hugo -- 0.163.3</generator><language>en-US</language><copyright>2026 Hunter Heidenreich</copyright><lastBuildDate>Sat, 01 Aug 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://hunterheidenreich.com/tags/creative-coding/index.xml" rel="self" type="application/rss+xml"/><item><title>Rubik's Cube Sonification</title><link>https://hunterheidenreich.com/projects/rubiks-cube-player/</link><pubDate>Sun, 29 Jan 2017 00:00:00 +0000</pubDate><guid>https://hunterheidenreich.com/projects/rubiks-cube-player/</guid><description>A hackathon experiment in algorithmic musicology: mapping the visual entropy of a Rubik's Cube to harmonic audio synthesis.</description><content:encoded><![CDATA[<h2 id="overview">Overview</h2>
<p>Built in under 24 hours at the Drexel 2017 Music Hackathon, this project asks what order sounds like.</p>
<p>The system uses a webcam to scan a Rubik&rsquo;s cube face and algorithmically generates audio based on the color configuration. A scrambled cube generates dissonant, complex waveforms; a solved cube resolves into a pure, harmonious chord.</p>
<h2 id="features">Features</h2>
<p>Built on <strong>first principles</strong>:</p>
<ul>
<li><strong>Manual Waveform Synthesis:</strong> The audio engine generates raw 8-bit PCM audio byte-by-byte using sine functions (<code>math.sin</code>), played at a 16 kHz sample rate.</li>
<li><strong>Algorithmic Harmony:</strong> Colors are mapped to musical intervals. The &ldquo;center&rdquo; color establishes the root note (Tonic), while the surrounding &ldquo;cubies&rdquo; determine the chord structure and melody using equal temperament frequency calculations ($f = f_0 \cdot 2^{n/12}$).</li>
</ul>
<h2 id="usage">Usage</h2>
<p>The application runs via a Python script, requiring a webcam to scan the Rubik&rsquo;s cube.</p>
<h2 id="retrospective">Retrospective</h2>
<ul>
<li><strong>The &ldquo;Hack&rdquo;:</strong> The computer vision relied on hardcoded pixel coordinates and raw OS shell calls, classic &ldquo;glue code&rdquo; behavior typical of hackathons.</li>
<li><strong>The Lesson:</strong> While brittle, the project successfully demonstrated how to bridge the gap between physical entropy and digital signal processing using fundamental programming concepts.</li>
</ul>
<h2 id="related-content">Related Content</h2>
<ul>
<li><a href="/videos/rubiks-cube-player-hackathon/">Video Demonstration</a></li>
</ul>
]]></content:encoded></item><item><title>Rubik's Cube Player - Drexel Music Hackathon 2017</title><link>https://hunterheidenreich.com/videos/rubiks-cube-player-hackathon/</link><pubDate>Sun, 29 Jan 2017 00:00:00 +0000</pubDate><guid>https://hunterheidenreich.com/videos/rubiks-cube-player-hackathon/</guid><description>A hackathon project that converts Rubik's cube faces into music, creating more harmonious sounds as the cube becomes more solved.</description><content:encoded><![CDATA[<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
			<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube-nocookie.com/embed/s0xpRTJYw4I?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe>
		</div>

<p>This is a project I worked on with Emmanuel Espino and Jason Zogheb for the Drexel 2017 Music Hackathon at the ExCITe Center. The Rubik&rsquo;s Cube Player uses a webcam to capture images of a Rubik&rsquo;s cube face and converts the color patterns into musical pitches.</p>
<p>The interesting part is that the more solved a cube face is, the more harmonious the generated melody sounds. We built this in less than 24 hours using Python, computer vision libraries, and audio synthesis techniques.</p>
<h2 id="technical-details">Technical Details</h2>
<ul>
<li><strong>Computer Vision</strong>: Uses webcam capture and image processing to identify cube colors</li>
<li><strong>Audio Generation</strong>: Converts color patterns to musical pitches and waveforms</li>
<li><strong>Real-time Processing</strong>: Live analysis and audio playback</li>
<li><strong>Harmony Algorithm</strong>: More solved faces produce more consonant musical intervals</li>
</ul>
<h2 id="links">Links</h2>
<ul>
<li><strong>GitHub Repository</strong>: <a href="https://github.com/hunter-heidenreich/Rubik-s-Player">Rubik&rsquo;s Player</a></li>
<li><strong>Project Page</strong>: <a href="/projects/rubiks-cube-player/">Rubik&rsquo;s Cube Player</a></li>
<li><strong>Contributors</strong>: Emmanuel Espino, Jason Zogheb, and myself</li>
</ul>
]]></content:encoded></item><item><title>Internal Reflection - Audio Reactive Music Video</title><link>https://hunterheidenreich.com/videos/internal-reflection-music-video/</link><pubDate>Tue, 30 Aug 2016 00:00:00 +0000</pubDate><guid>https://hunterheidenreich.com/videos/internal-reflection-music-video/</guid><description>Audio reactive music video for 'Internal Reflection' by Section 31 - Tech, created using Processing for real-time audio visualization.</description><content:encoded><![CDATA[<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
			<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube-nocookie.com/embed/C7xNV_5WXBo?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe>
		</div>

<p>This is an audio reactive music video for &ldquo;Internal Reflection&rdquo; by <strong>Section 31 - Tech</strong>. The visuals were generated using code that responds to audio information in real-time, making it an audio visualization video.</p>
<p>This video was created using <strong>Processing</strong>, a flexible software sketchbook and language for learning how to code within the context of the visual arts.</p>
<h2 id="song-credit">Song Credit</h2>
<ul>
<li><strong>Artist</strong>: Section 31 - Tech</li>
<li><strong>Track</strong>: Internal Reflection</li>
<li><strong>Source</strong>: <a href="https://opengameart.org/content/internal-reflection">OpenGameArt</a></li>
</ul>
]]></content:encoded></item><item><title>The Secrecy in Dreaming - Music Video</title><link>https://hunterheidenreich.com/videos/the-secrecy-in-dreaming-music-video/</link><pubDate>Sat, 25 Jul 2015 00:00:00 +0000</pubDate><guid>https://hunterheidenreich.com/videos/the-secrecy-in-dreaming-music-video/</guid><description>Music video for 'The Secrecy in Dreaming' by Youthful Notion, an experimental electronic track with visuals created in Unity3D.</description><content:encoded><![CDATA[<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
			<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube-nocookie.com/embed/H7NArm5oVWM?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe>
		</div>

<p>This is a music video for &ldquo;The Secrecy in Dreaming,&rdquo; another experimental electronic track I made under the name <strong>Youthful Notion</strong>. Like the other videos from this project, it uses basic audio visualization in Unity3D.</p>
<p>This was also part of <em>The Edge of Waking</em> EP from 2015.</p>
<h2 id="stream--purchase">Stream &amp; Purchase</h2>
<ul>
<li><strong>Apple Music</strong>: <a href="https://music.apple.com/us/album/the-edge-of-waking-ep/1000608446">The Edge of Waking EP</a></li>
<li><strong>Spotify</strong>: <a href="https://open.spotify.com/album/2B43KWlpv38vB4r8POnC9Y">The Edge of Waking EP</a></li>
</ul>
]]></content:encoded></item><item><title>In the Grass By a Lake - Music Video</title><link>https://hunterheidenreich.com/videos/in-the-grass-by-a-lake-music-video/</link><pubDate>Sat, 25 Jul 2015 00:00:00 +0000</pubDate><guid>https://hunterheidenreich.com/videos/in-the-grass-by-a-lake-music-video/</guid><description>Music video for 'In the Grass By a Lake' by Youthful Notion, an experimental electronic track with visuals created in Unity3D.</description><content:encoded><![CDATA[<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
			<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube-nocookie.com/embed/prW9gteIVME?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe>
		</div>

<p>This is a music video for &ldquo;In the Grass By a Lake,&rdquo; another experimental electronic track I made under the name <strong>Youthful Notion</strong>. Like the other videos from this project, it uses basic audio visualization in Unity3D.</p>
<p>This was also part of <em>The Edge of Waking</em> EP from 2015.</p>
<h2 id="stream--purchase">Stream &amp; Purchase</h2>
<ul>
<li><strong>Apple Music</strong>: <a href="https://music.apple.com/us/album/the-edge-of-waking-ep/1000608446">The Edge of Waking EP</a></li>
<li><strong>Spotify</strong>: <a href="https://open.spotify.com/album/2B43KWlpv38vB4r8POnC9Y">The Edge of Waking EP</a></li>
</ul>
]]></content:encoded></item><item><title>False Idols - Music Video</title><link>https://hunterheidenreich.com/videos/false-idols-music-video/</link><pubDate>Sat, 25 Jul 2015 00:00:00 +0000</pubDate><guid>https://hunterheidenreich.com/videos/false-idols-music-video/</guid><description>Music video for 'False Idols' by Youthful Notion, an experimental electronic track with visuals created in Unity3D.</description><content:encoded><![CDATA[<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
			<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube-nocookie.com/embed/E2aG8g0o09M?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe>
		</div>

<p>This is a music video for &ldquo;False Idols,&rdquo; another experimental electronic track I made under the name <strong>Youthful Notion</strong>. Like the other videos from this project, it uses basic audio visualization in Unity3D.</p>
<p>This was also part of <em>The Edge of Waking</em> EP from 2015.</p>
<h2 id="stream--purchase">Stream &amp; Purchase</h2>
<ul>
<li><strong>Apple Music</strong>: <a href="https://music.apple.com/us/album/the-edge-of-waking-ep/1000608446">The Edge of Waking EP</a></li>
<li><strong>Spotify</strong>: <a href="https://open.spotify.com/album/2B43KWlpv38vB4r8POnC9Y">The Edge of Waking EP</a></li>
</ul>
]]></content:encoded></item><item><title>False Gods - Official Music Video</title><link>https://hunterheidenreich.com/videos/false-gods-official-video/</link><pubDate>Sat, 25 Jul 2015 00:00:00 +0000</pubDate><guid>https://hunterheidenreich.com/videos/false-gods-official-video/</guid><description>Music video for 'False Gods' by Youthful Notion, an experimental electronic track with visuals created in Unity3D.</description><content:encoded><![CDATA[<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
			<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube-nocookie.com/embed/Cw2Hz2rAZxo?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe>
		</div>

<p>This is a music video for &ldquo;False Gods,&rdquo; an experimental electronic track I made under the name <strong>Youthful Notion</strong>. The video uses some basic audio visualization in Unity3D that responds to the music.</p>
<p>This was part of an EP called <em>The Edge of Waking</em> that I released back in 2015.</p>
<h2 id="stream--purchase">Stream &amp; Purchase</h2>
<ul>
<li><strong>Apple Music</strong>: <a href="https://music.apple.com/us/album/the-edge-of-waking-ep/1000608446">The Edge of Waking EP</a></li>
<li><strong>Spotify</strong>: <a href="https://open.spotify.com/album/2B43KWlpv38vB4r8POnC9Y">The Edge of Waking EP</a></li>
</ul>
]]></content:encoded></item><item><title>Concavity - Music Video</title><link>https://hunterheidenreich.com/videos/concavity-music-video/</link><pubDate>Sat, 25 Jul 2015 00:00:00 +0000</pubDate><guid>https://hunterheidenreich.com/videos/concavity-music-video/</guid><description>Music video for 'Concavity' by Youthful Notion, an experimental electronic track with visuals created in Unity3D.</description><content:encoded><![CDATA[<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
			<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube-nocookie.com/embed/vpUl3UJtHRg?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe>
		</div>

<p>This is a music video for &ldquo;Concavity,&rdquo; another experimental electronic track I made under the name <strong>Youthful Notion</strong>. Like the other videos from this project, it uses basic audio visualization in Unity3D.</p>
<p>This was also part of <em>The Edge of Waking</em> EP from 2015.</p>
<h2 id="stream--purchase">Stream &amp; Purchase</h2>
<ul>
<li><strong>Apple Music</strong>: <a href="https://music.apple.com/us/album/the-edge-of-waking-ep/1000608446">The Edge of Waking EP</a></li>
<li><strong>Spotify</strong>: <a href="https://open.spotify.com/album/2B43KWlpv38vB4r8POnC9Y">The Edge of Waking EP</a></li>
</ul>
]]></content:encoded></item><item><title>Carnal Desires (My Soul) - Music Video</title><link>https://hunterheidenreich.com/videos/carnal-desires-music-video/</link><pubDate>Sat, 25 Jul 2015 00:00:00 +0000</pubDate><guid>https://hunterheidenreich.com/videos/carnal-desires-music-video/</guid><description>Music video for 'Carnal Desires (My Soul)' by Youthful Notion, an experimental electronic track with visuals created in Unity3D.</description><content:encoded><![CDATA[<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
			<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube-nocookie.com/embed/vCu9I4mTMkA?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe>
		</div>

<p>This is a music video for &ldquo;Carnal Desires (My Soul),&rdquo; another experimental electronic track I made under the name <strong>Youthful Notion</strong>. Like the other videos from this project, it uses basic audio visualization in Unity3D.</p>
<p>This was also part of <em>The Edge of Waking</em> EP from 2015.</p>
<h2 id="stream--purchase">Stream &amp; Purchase</h2>
<ul>
<li><strong>Apple Music</strong>: <a href="https://music.apple.com/us/album/the-edge-of-waking-ep/1000608446">The Edge of Waking EP</a></li>
<li><strong>Spotify</strong>: <a href="https://open.spotify.com/album/2B43KWlpv38vB4r8POnC9Y">The Edge of Waking EP</a></li>
</ul>
]]></content:encoded></item><item><title>Elemental Brawl</title><link>https://hunterheidenreich.com/projects/elemental-brawl/</link><pubDate>Fri, 24 Oct 2014 00:00:00 +0000</pubDate><guid>https://hunterheidenreich.com/projects/elemental-brawl/</guid><description>A fighting game where periodic table elements come to life. Kickstarter-funded demo, 2014, with a team of artists and a composer.</description><content:encoded><![CDATA[<h2 id="overview">Overview</h2>
<p><em>Elemental Brawl</em> (2014) is a 2D fighting game where the elements of the periodic table come to life, built around elemental interactions and combos. The scope: 37 playable characters (each a different element), 25 stages, 30 music tracks, 40 items, 100+ achievements, and 4-player LAN support. I assembled a team of talented artists and a composer, launched a Kickstarter campaign, and built a playable demo.</p>















<figure class="post-figure center ">
    <img src="/img/elemental-brawl/elemental-brawl-victory.webp"
         alt="Elemental Brawl gameplay screenshot showing victory screen"
         title="Elemental Brawl gameplay screenshot showing victory screen"
         
         
         loading="lazy"
         class="post-image">
    
    <figcaption class="post-caption">Victory screen from the playable demo</figcaption>
    
</figure>

<h2 id="features">Features</h2>
<p>Each element had its own personality and fighting style based on its chemical properties:</p>
<p><strong>Oxygen</strong> was a gaseous fighter, utilizing small bubbles that formed into legs for amazing speed and agility. A fun-loving character but a bit of a hot head. Get it too hyped up and it would burst into flames, scorching all its foes!</p>















<figure class="post-figure center ">
    <img src="/img/elemental-brawl/elemental-brawl-oxygen-animated.gif"
         alt="Animated sprite of Oxygen character from Elemental Brawl"
         title="Animated sprite of Oxygen character from Elemental Brawl"
         
         
         loading="lazy"
         class="post-image">
    
    <figcaption class="post-caption">Oxygen&rsquo;s animated sprite by Molly Heady-Carroll</figcaption>
    
</figure>
















<figure class="post-figure center ">
    <img src="/img/elemental-brawl/elemental-brawl-oxygen-concept-art.webp"
         alt="Concept art of Oxygen character"
         title="Concept art of Oxygen character"
         
         
         loading="lazy"
         class="post-image">
    
    <figcaption class="post-caption">Oxygen concept art by Noah Evans</figcaption>
    
</figure>

<p><strong>Carbon</strong> was a nonmetallic brawler with a burning passion for the art of fighting. Carbon hit hard, jumped high, and launched small fireballs at enemies. When charged with enough energy, it would pressurize itself into solid diamond and launch into the sky with atomic force.</p>















<figure class="post-figure center ">
    <img src="/img/elemental-brawl/elemental-brawl-carbon-animated.gif"
         alt="Animated sprite of Carbon character from Elemental Brawl"
         title="Animated sprite of Carbon character from Elemental Brawl"
         
         
         loading="lazy"
         class="post-image">
    
    <figcaption class="post-caption">Carbon&rsquo;s animated sprite</figcaption>
    
</figure>
















<figure class="post-figure center ">
    <img src="/img/elemental-brawl/elemental-brawl-carbon-concept-art.webp"
         alt="Concept art of Carbon character"
         title="Concept art of Carbon character"
         
         
         loading="lazy"
         class="post-image">
    
    <figcaption class="post-caption">Carbon concept art</figcaption>
    
</figure>

<p>We even had concept art for more complex characters like <strong>Iron</strong>:</p>















<figure class="post-figure center ">
    <img src="/img/elemental-brawl/elemental-brawl-iron-z-28-concept-art.webp"
         alt="Concept art of Iron character"
         title="Concept art of Iron character"
         
         
         loading="lazy"
         class="post-image">
    
    <figcaption class="post-caption">Iron concept art</figcaption>
    
</figure>

<h2 id="results">Results</h2>
<p>We launched our <a href="https://www.kickstarter.com/projects/621222258/elemental-brawl">Kickstarter campaign</a> on October 24, 2014, seeking $19,000 to fund the full development.</p>















<figure class="post-figure center ">
    <img src="/img/elemental-brawl/elemental-brawl-demo-combustion-consumption.webp"
         alt="Elemental Brawl demo gameplay showing Combustion Consumption stage"
         title="Elemental Brawl demo gameplay showing Combustion Consumption stage"
         
         
         loading="lazy"
         class="post-image">
    
    <figcaption class="post-caption">The Combustion Consumption stage from the demo</figcaption>
    
</figure>

<p>The campaign raised $1,910 from 31 backers, short of the funding goal.</p>
<h2 id="the-team">The Team</h2>
<p>I was fortunate to work with talented people:</p>
<ul>
<li><strong>Noah Evans</strong> (Concept Artist/GUI Artist): A visual arts major at School of the Arts in South Carolina</li>
<li><strong>Molly Heady-Carroll</strong> (Character Animator): An Irish artist earning her MA in Game Art from HKU in the Netherlands</li>
<li><strong>Sean Pack</strong> (Composer): A versatile composer for film, TV, video games, and theater</li>
<li><strong>Bryan Moore</strong> (Stage Artist): A SCAD graduate specializing in backgrounds and environments</li>
</ul>
<h2 id="retrospective-2025">Retrospective (2025)</h2>
<p>What the project produced:</p>
<ul>
<li>Built a playable demo from scratch</li>
<li>Coordinated a remote team across multiple countries</li>
<li>Created original music, art, and animations</li>
<li>Ran a real crowdfunding campaign</li>
<li>Learned what it takes to turn an idea into something tangible</li>
</ul>
<p>The project taught me about project management, creative collaboration, and the gap between vision and execution. These lessons carried forward into every project since.</p>
]]></content:encoded></item></channel></rss>