tag:blogger.com,1999:blog-87151591488572544052024-02-20T21:19:31.150-08:00Live Music VisualsExplorations and developments for a real-time music visualization system.Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.comBlogger58125tag:blogger.com,1999:blog-8715159148857254405.post-83517026158508563912019-08-26T19:24:00.001-07:002019-08-26T19:24:04.439-07:00Live Music Visuals: Galaxy v2.0 - Burning Bridges<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/PboMfF7spwI" width="480"></iframe><br /><br />
<br /><br />
Still working through Unity2019 and all the preview packages. Trying to get some cool space stuff that reacts to music. Second attempt here with the VFX particle system in Unity. It's coming along nicely. 20K+ particles at any one time. Definitely pushing some limits on my computer right now. Much more to do.Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-50638785803892865322019-05-19T18:45:00.001-07:002019-05-19T18:45:43.508-07:00Latest demo reel and a new logo update<div dir="ltr" style="text-align: left;" trbidi="on">
So I've got a new demo reel to reflect work I've done for the past 4 years. In addition, it was time for a logo update as well. Enjoy the new look and check out examples of my recent work. Some new videos have been posted as well in support of the latest demo reel.<br />
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/-D35nX3-5b8/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/-D35nX3-5b8?feature=player_embedded" width="320"></iframe></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/WY3rnFXhQKQ/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/WY3rnFXhQKQ?feature=player_embedded" width="320"></iframe></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/j9nMW4vI2AM/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/j9nMW4vI2AM?feature=player_embedded" width="320"></iframe></div>
<div>
<br /></div>
</div>
Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-80825030171104226942019-04-12T18:06:00.001-07:002019-04-12T18:06:28.057-07:00Worldspace particle systems with VFX graph Unity 2018.3<div dir="ltr" style="text-align: left;" trbidi="on">
Playing around with Unity 2018.3 visual effects shader graph. Figured out how to do worldspace particle systems.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjde9DDdOdcSbypU6PjeKjpy81NKO_6C1gOcacjh24mRKvtxhNWnX9D4KkA9P13rJdCNakxtorvbmueESLHMS58ajl36_6YPJXNHkl4whyuDW6in5ArIcj4RNXsW95oPKnvf_M86o1ZZqw/s1600/localtoWorld_VFX.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="798" data-original-width="819" height="388" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjde9DDdOdcSbypU6PjeKjpy81NKO_6C1gOcacjh24mRKvtxhNWnX9D4KkA9P13rJdCNakxtorvbmueESLHMS58ajl36_6YPJXNHkl4whyuDW6in5ArIcj4RNXsW95oPKnvf_M86o1ZZqw/s400/localtoWorld_VFX.jpg" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6LSV_pf_RZ11O3sT-JlaKagxV3O1hwpdXpO-UP7GMtfrcJb_7DtBjexSartecP9CBvs4KpGFOXn3_jkyQlzTtOOSPJeTyPtKsrhdg4mLWmPeOGerI_bZ_pcfO0nDP1Bxl-i09N4bzvt0/s1600/VFX_result.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="487" data-original-width="931" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6LSV_pf_RZ11O3sT-JlaKagxV3O1hwpdXpO-UP7GMtfrcJb_7DtBjexSartecP9CBvs4KpGFOXn3_jkyQlzTtOOSPJeTyPtKsrhdg4mLWmPeOGerI_bZ_pcfO0nDP1Bxl-i09N4bzvt0/s400/VFX_result.jpg" width="400" /></a></div>
<br /></div>
Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-58186654279703911842019-03-04T17:12:00.001-08:002019-03-04T17:12:33.022-08:00Live Music Visuals: Raindrops 2.0Final version of my Raindrops 2.0 The Song is complete and the visualization is complete. Leverages alembic fluid caches from Maya Bifrost. OpenVDB for mesh simplification, and blend shapes for some of the raindrop effects. Throw in a few particles, post processing, connect everything to 8 channel spectral audio analysis and Voila! Enjoy. Next up will be galaxies and side-scrolling graphic designs.<br /><br />
<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/IPbx0eXWdAs" width="480"></iframe>Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-45567916487282867982019-02-26T17:59:00.001-08:002019-02-26T17:59:23.481-08:00Raindrops visualization: More Alembic fluid cache animations!<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/erGFESAWlmk" width="480"></iframe>Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-49704381451160041902019-02-23T20:48:00.001-08:002019-02-23T20:48:55.128-08:00Raindrops visualization - Adventures by A HimitsuBeen working with Alembic caches for a little bit now. Lots of awesome potential here. Of course I had to instance this effect and see what is possible. Also utilizing openVDB to simplify the fluid mesh so everything runs better in real-time. Still a work in progress but I'm expecting to wrap this up soon.<br /><br />
<br /><br />
Still need to incorporate a few more different splash sims, tweaks to lighting, fog, and set this up to my Raindrops music.<br /><br />
<br /><br />
<iframe allowfullscreen="" frameborder="0" height="344" src="https://www.youtube.com/embed/sH6EMTnYdXU" width="459"></iframe>Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-52203481675803720062019-02-01T20:27:00.001-08:002019-02-01T20:39:52.114-08:00Alembic fluid caches in Unity<div dir="ltr" style="text-align: left;" trbidi="on">
Looking into using Alembic fluid caches in Unity. Not sure if this is fully ready for prime time but exploring it. Lots of great functionality here!!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdmVhMo5f4ZVcFqxTlP1-YnuyYmyE-CmafweF475HEFQFUyECbpXaCwA1p8ne3KffcW4J7L9Scw7HK2L1Rxn6H26hBEJ0n56mq1pPRHQuzs_0JGc2ojbGhFWo7VQWfnQhaIUqd0P96mAQ/s1600/splashAnimClip.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="765" data-original-width="1600" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdmVhMo5f4ZVcFqxTlP1-YnuyYmyE-CmafweF475HEFQFUyECbpXaCwA1p8ne3KffcW4J7L9Scw7HK2L1Rxn6H26hBEJ0n56mq1pPRHQuzs_0JGc2ojbGhFWo7VQWfnQhaIUqd0P96mAQ/s400/splashAnimClip.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
A couple good resources:<br />
<a href="https://github.com/unity3d-jp/AlembicForUnity">https://github.com/unity3d-jp/AlembicForUnity</a><br />
<a href="https://forum.unity.com/threads/alembic-for-unity.521649/page-2">https://forum.unity.com/threads/alembic-for-unity.521649/page-2</a></div>
Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-56886038367748010422019-02-01T14:42:00.002-08:002019-02-01T14:42:43.270-08:00Water splash simulations for music visuals<div dir="ltr" style="text-align: left;" trbidi="on">
Trying to find a way to capture a water simulation and reuse it for visuals in Unity. Not quite sure how I'll finish this approach. Need to find a way to maintain a uniform mesh across the simulation. Found a great tutorial on using MASH to distribute across a fluid mesh. That might be one approach.<br />
<br />
https://lesterbanks.com/2018/02/mixing-mash-bifrost-cool-effects/<br />
<br />
Converting the fluid sim to a finite number of particles could be another approach. Anyways, enjoy the work in progress so far. Mesh captures of the sim at different frames.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPH3bjDmTRgg9P-EW3RFXu_VUMO_kC9o1XfqHIHRfb4cuyDj-d9XHvEkaVeFDxi3CTt4UwzuQ2i1L8O5TFDH2FYUfSniB8M5_nucM-hJ-QE_10zSGvMn3zeCg5PsJN_B1kfVP1-vq2_fI/s1600/splashMesh01.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="517" data-original-width="1305" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPH3bjDmTRgg9P-EW3RFXu_VUMO_kC9o1XfqHIHRfb4cuyDj-d9XHvEkaVeFDxi3CTt4UwzuQ2i1L8O5TFDH2FYUfSniB8M5_nucM-hJ-QE_10zSGvMn3zeCg5PsJN_B1kfVP1-vq2_fI/s400/splashMesh01.JPG" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM-Z8ruABP63Jb7tf0iJqNwuZLXdUebMezmlc4jwGkjvbtFPQRb3cXoddO5U0i5XZsc75CmH5J1MxYvM0iGz_gRTHlqjdY_33RJqdXKJURohMLsBlDJeuAsVG9OxZoAWDo7faNvudeW6M/s1600/splashMesh02.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="307" data-original-width="1288" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM-Z8ruABP63Jb7tf0iJqNwuZLXdUebMezmlc4jwGkjvbtFPQRb3cXoddO5U0i5XZsc75CmH5J1MxYvM0iGz_gRTHlqjdY_33RJqdXKJURohMLsBlDJeuAsVG9OxZoAWDo7faNvudeW6M/s400/splashMesh02.JPG" width="400" /></a></div>
<br /></div>
Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-13718555251694491762018-09-24T19:43:00.001-07:002018-09-24T19:43:27.055-07:00NYC nightlight visuals: Au5 - Closer<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/5maX941WCgM" width="480"></iframe><br /><br />
<br /><br />
Revisiting a visualization I worked on last year. Finding great music to accompany the visuals. I still have some minor tweaks to do for this system. Looking to get more visual bang for the buck during the louder hits in the audio. Also need to set the development of these buildings in motion which should help accentuate the audio.Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-90608227592635911942018-07-04T12:38:00.001-07:002018-07-04T15:41:13.055-07:00Raindrops<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
My latest single, Raindrops, has been released. This piece starts with a gentle series of raindrops represented by marimbas, xylophones, and piano. The piece slowly builds into a complete orchestral thunderstorm. The music is also available for purchase on iTunes, <a href="http://a.co/0qbssmI" target="_blank">Amazon</a>, <a href="https://store.cdbaby.com/cd/matthewbain4" target="_blank">CDBaby</a>, and available to stream on numerous platforms. Enjoy!<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/hTN_iBVd9Ls" width="480"></iframe></div>
Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-75385655414265504592017-12-04T18:59:00.000-08:002017-12-04T19:27:37.533-08:00Incredible performance and many thanks!!!!<div dir="ltr" style="text-align: left;" trbidi="on">
I wanted to express my deepest gratitude to the The Maryland Classic Youth Orchestras for the incredible opportunity to collaborate on the Krzesany piece. The performance was a huge success! The musician's performance was superb and Kristopher's conducting and musical direction was exceptional.<br />
<br />
Also, thanks to the staff and crew at Strathmore Hall. Everyone was a pleasure to work with.<br />
<br />
Wojciech Kilar's inspiration came to life as majestic mountains illuminated to the music and Polish paper art danced to the intricacies of the folk themes woven throughout the piece. I have a few images and videos below. Stay tuned for a segment on the making of the Wycinanki paper arts portions of the visualization. I'll break down the inspiration, construction, and final composition used in the music visualization. For now, enjoy some of these images/videos. I'll have another compilation of the performance soon.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCTYn7xsB16utzHDn3qM-pQAO4Rq6m3QBOJeI-nbikLON6bbFKuX6-xiKWgPRFn9bELHCAYD7UYPQN_AkunCHncdpPKn5ApNpZfFvQ8P0iXRKLCGAJWO2yD77nD2vcodIm94CHx1CzXAA/s1600/IMG_20171202_184107.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCTYn7xsB16utzHDn3qM-pQAO4Rq6m3QBOJeI-nbikLON6bbFKuX6-xiKWgPRFn9bELHCAYD7UYPQN_AkunCHncdpPKn5ApNpZfFvQ8P0iXRKLCGAJWO2yD77nD2vcodIm94CHx1CzXAA/s320/IMG_20171202_184107.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzFTVKPAKpSnCjpsX1YYpgzBAvUjFj3cwyJKFEVj4iSspOQs2r5oP8xeNg6fpiKpAS9eZA1JG6v_XmNdPXHYwuXb4ujQQA3CgmWxW8udvqGcwGnDSyhG-80gy5zw4JEWUo5EexvxBdekI/s1600/IMG_20171202_184624.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzFTVKPAKpSnCjpsX1YYpgzBAvUjFj3cwyJKFEVj4iSspOQs2r5oP8xeNg6fpiKpAS9eZA1JG6v_XmNdPXHYwuXb4ujQQA3CgmWxW8udvqGcwGnDSyhG-80gy5zw4JEWUo5EexvxBdekI/s320/IMG_20171202_184624.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7b26UMHA1p4a8EfkqVMJVjz8C82dMSoCO2Dz2m-5iRK7n1MrJH42kQWWDOwcPM8mJOB1TDqREAHdwrHdPrmQKlG_UvBFMbV54YH_S0-Uk57NQPe_ayIDlV89CIDuuILzqOogEOn4ujtE/s1600/IMG_20171202_184915.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7b26UMHA1p4a8EfkqVMJVjz8C82dMSoCO2Dz2m-5iRK7n1MrJH42kQWWDOwcPM8mJOB1TDqREAHdwrHdPrmQKlG_UvBFMbV54YH_S0-Uk57NQPe_ayIDlV89CIDuuILzqOogEOn4ujtE/s320/IMG_20171202_184915.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /><iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/H2wUzdkMLJY/0.jpg" src="https://www.youtube.com/embed/H2wUzdkMLJY?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<br /></div>
Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-40662289632712350822017-11-20T19:13:00.001-08:002017-11-20T19:13:11.071-08:00Wycinanki paper demo<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/vOyGReS1uzM" width="480"></iframe>Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-58253735161363253022017-11-12T18:58:00.003-08:002017-11-12T19:12:43.746-08:00MCYO performance December 2nd!<div dir="ltr" style="text-align: left;" trbidi="on">
So I have the privilege of working with <a href="https://mcyo.org/" target="_blank">Maryland Classic Youth Orchestras (MCYO)</a> and I will be presenting a live visualization for their performance of Wojciech Kilar's "Krzesany." In researching the origins and inspiration for this piece, I discovered that Kilar was inspired by the <a href="https://en.wikipedia.org/wiki/Tatra_Mountains" target="_blank">Tatras mountains</a> of Poland. These mountains are gorgeous and very majestic. They remind me of the Grand Tetons here in the United States.<br />
<br />
I also began exploring Polish folk art and stumbled upon "Wycinanki." This is the Polish word for 'paper-cut design.' You can learn more about this art form here at the <a href="http://www.polartcenter.com/Wycinanki_Paper_Cuts_s/169.htm" target="_blank">Polish Art Center.</a> The multi-layered, brightly colored paper was very inspirational and I decided to leverage this art style along with the majestic Tatras mountains in my music visualization. Check out some of the works in progress below.<br />
<br />
Finally, if you're in the Washington DC area on December 2nd, please come check out the live performance at 4:30PM The MCYO will be performing the piece and my visualization will be reacting to their performance live and in real-time!! The performance will be held in the beautiful Strathmore Hall. I highly encourage everyone to come check it out. Tickets can be purchased here:<br />
<br />
<a href="https://www.strathmore.org/events-and-tickets/mcyo-symphonic-devotions">https://www.strathmore.org/events-and-tickets/mcyo-symphonic-devotions</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfioXW3LEJDolBgUTefpd4tTMwrWrZFBQMBiSC6opSkGKa8flolE_p6sjRnf6Myf2kkPagXCktI0kdryePhfs7VM1yXrg9LHPesuM4y8Oj0BRbh7uFoRXC7pmN8BowVzj5-nC92GB_AQY/s1600/forest_v01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="742" data-original-width="1600" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfioXW3LEJDolBgUTefpd4tTMwrWrZFBQMBiSC6opSkGKa8flolE_p6sjRnf6Myf2kkPagXCktI0kdryePhfs7VM1yXrg9LHPesuM4y8Oj0BRbh7uFoRXC7pmN8BowVzj5-nC92GB_AQY/s320/forest_v01.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha0OVktL2eGirJcT8xzguRiSpIF_YFjOMKQZjHIWodLxOkmigbD6I5qs1QK4IsoEqrlnnUWVUXY8-MrZ9MD9UUqIJUMbilyaMXXzNFB78-NOthNqCtkK2jrxQTLllFdg1IbIbY2uU6FcU/s1600/forest_v03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="747" data-original-width="1600" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha0OVktL2eGirJcT8xzguRiSpIF_YFjOMKQZjHIWodLxOkmigbD6I5qs1QK4IsoEqrlnnUWVUXY8-MrZ9MD9UUqIJUMbilyaMXXzNFB78-NOthNqCtkK2jrxQTLllFdg1IbIbY2uU6FcU/s320/forest_v03.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQfh6VmMxNDuEWQNy3N03zzp8hEruP1dxlEDFvXONxXI-US_AtG0BwH6oLtJ6bNjkSM5bKgcBnzNXRfdaycpgq6v7cD1tJ_L-MZ9-7K7gH0duZokN_kvUfjaVeW_vjaGsjJos4AchKLog/s1600/paper_scene01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="857" data-original-width="1600" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQfh6VmMxNDuEWQNy3N03zzp8hEruP1dxlEDFvXONxXI-US_AtG0BwH6oLtJ6bNjkSM5bKgcBnzNXRfdaycpgq6v7cD1tJ_L-MZ9-7K7gH0duZokN_kvUfjaVeW_vjaGsjJos4AchKLog/s320/paper_scene01.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvBz1a6yheumruhm5NEbjweu7lnRyO_OhkvQIYoQYnXVtFlg0Q8mAAibabtvfZvGbefnXDEKUpzXsMAxqV3lYDKAwTJ_UZnY3xZTN7idTD-To15QzN0TdajqXN-v5L72DZZGNAVkKmwfU/s1600/paper_scene03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="854" data-original-width="1600" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvBz1a6yheumruhm5NEbjweu7lnRyO_OhkvQIYoQYnXVtFlg0Q8mAAibabtvfZvGbefnXDEKUpzXsMAxqV3lYDKAwTJ_UZnY3xZTN7idTD-To15QzN0TdajqXN-v5L72DZZGNAVkKmwfU/s320/paper_scene03.jpg" width="320" /></a></div>
<br />
<br /></div>
Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-75646604218680304562017-08-28T20:23:00.002-07:002017-08-28T20:23:44.264-07:00First shot: City nightlights<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="859" data-original-width="1600" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF2rHzDokaQFL68gYpe3k1Dq8phjlBNmGsOY3UZg9rjD_QbGmc42yKu-x8Dks2bmH8PiNZtFU0EgVsG7eGKTQTotFFFr3YauwVvaEwexvrL8RndxljI1C5jXqluYw5KubvLhLPtYDluaE/s400/city_test.JPG" width="400" /></div>
<br />
First shot of the city at night. Bloom is too high right now and that will eventually be controlled by the audio but I've got buildings growing and reacting to music. Video of all this in motion is coming soon.</div>
Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-15211158541628727802017-08-05T17:12:00.002-07:002017-08-05T17:15:04.964-07:00New audio analysis engine 3.0 complete<div dir="ltr" style="text-align: left;" trbidi="on">
Version 3.0 of my audio analysis system is finally complete! This is essentially a complete rebuild of my previous visualization system with additional flexibility added. Now I can control individual frequency ranges across the audio spectrum.<br />
<br />
The previous version had all that stuff hard-coded. This latest version allows someone to set different frequency ranges for each of the different audio channels. Some pics of the newest system are below:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1heYNQATU3wjDBE7bsdNQwQXSh9rGklwEX4vqGo3zd5MHy9fMWf47dmpiTGAjZHcyd_fzaFlvJASIMmVYfc2aXnJxR30_Hh0EiP0A-iQUvqy4sAmtEZbUNKAm_1Std_F9Gt3JC5jnJFU/s1600/maxmsp-3.0.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="465" data-original-width="1016" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1heYNQATU3wjDBE7bsdNQwQXSh9rGklwEX4vqGo3zd5MHy9fMWf47dmpiTGAjZHcyd_fzaFlvJASIMmVYfc2aXnJxR30_Hh0EiP0A-iQUvqy4sAmtEZbUNKAm_1Std_F9Gt3JC5jnJFU/s400/maxmsp-3.0.jpg" width="400" /></a> </div>
A new and improved interface with larger text and more accessible sliders. This new system will also make use of <a href="https://cycling74.com/products/mira" target="_blank">Max/MSP's Mira</a> which allows you to control the interface from a website! Custom interfaces will be faster to implement versus having to use TouchOSC in previous versions.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3tDqNscBAbILLAowqsui4ELGZKfEKMOke_sP7Z9ZwoOp9ItCy753xR-GAse6gewjDKlLH7IHgWo2tZ6qHxYSy1JQRWaF5eyaukI9_8NaZUxoyqh54c7_atj5GU_5q_7welWG5gG0bUCY/s1600/maxmsp-3.0B.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="503" data-original-width="1519" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3tDqNscBAbILLAowqsui4ELGZKfEKMOke_sP7Z9ZwoOp9ItCy753xR-GAse6gewjDKlLH7IHgWo2tZ6qHxYSy1JQRWaF5eyaukI9_8NaZUxoyqh54c7_atj5GU_5q_7welWG5gG0bUCY/s400/maxmsp-3.0B.jpg" width="400" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
Interface for controlling different frequency ranges. Currently this is set to 32 bands. It can be increased if additional frequency resolution is required. </div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVc5cec6naaDup3mOzsWuFrhMQWpHeJ3-wsS4gjQIoLz0l7Fq-BRym6mNH5kZcJTN0AxCIChjgZfciehhSN1EqY5NyMl4_00_ZWEz0VvpmA1Y9Q2frIXKUeXFa4sU7WgzUqLoZzHHCDAY/s1600/maxmsp-3.0C.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="582" data-original-width="1600" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVc5cec6naaDup3mOzsWuFrhMQWpHeJ3-wsS4gjQIoLz0l7Fq-BRym6mNH5kZcJTN0AxCIChjgZfciehhSN1EqY5NyMl4_00_ZWEz0VvpmA1Y9Q2frIXKUeXFa4sU7WgzUqLoZzHHCDAY/s400/maxmsp-3.0C.jpg" width="400" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
Simplified and condensed audio compression interface. It looks like a lot of knobs in there but ideally you would only need to set these once and then forget about it afterwards. </div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6h8yVbXRm0ZvtjEtnHq3OKjXDZ_G9Mh-bnTzJpaMOu7cT_RbrDvGX51JOUgu1hyZqyd_9U7MCrkWIvSbcU1dRGB7DfW2-kiYMuglfqB2tb9bOoMQTcWcTNEqnf2HSZWxD_ei5l4tD9f8/s1600/maxmsp-3.0D.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="276" data-original-width="811" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6h8yVbXRm0ZvtjEtnHq3OKjXDZ_G9Mh-bnTzJpaMOu7cT_RbrDvGX51JOUgu1hyZqyd_9U7MCrkWIvSbcU1dRGB7DfW2-kiYMuglfqB2tb9bOoMQTcWcTNEqnf2HSZWxD_ei5l4tD9f8/s400/maxmsp-3.0D.jpg" width="400" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
Example of some of the data being extracted from each channel. This gets sent to Unity3D via OSC.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Now that I've wrapped this part up, it's time to move back into seeing how all this plays out in 3D. More updates will be coming soon with a city reacting to music.</div>
<br /></div>
Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com1tag:blogger.com,1999:blog-8715159148857254405.post-79128350573315220702017-05-18T15:46:00.005-07:002017-05-18T15:46:53.473-07:00A City and Night - visualization progress #1<div dir="ltr" style="text-align: left;" trbidi="on">
Development continues. I realize it's been awhile. Life just seems to get busy. So here is a line-up of buildings I've got. I figured I would go with all the letters of the alphabet so there are 26 different buildings here! Check them out.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjSdGVjaA34tT3QG4fWtkx9qsl7iQcKxl2prgW1z5D3lCc37J85jK50s5XRz58DMn_dzkE8FQEF8E23ybksDOoIZFt_4BvtaSxAlq8Mbsxz3_DODrZx6JbCm_qjyFahyphenhyphenpe-F2YOFzUQF8/s1600/bldg_collection.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjSdGVjaA34tT3QG4fWtkx9qsl7iQcKxl2prgW1z5D3lCc37J85jK50s5XRz58DMn_dzkE8FQEF8E23ybksDOoIZFt_4BvtaSxAlq8Mbsxz3_DODrZx6JbCm_qjyFahyphenhyphenpe-F2YOFzUQF8/s320/bldg_collection.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9BrWbJFPo0g-vI7dIe6q0VAVYX58CYsSDiSA1qpYu3Vn-fEVTwANx9H-0IobQ0Rgfp3nnGPusk5BiuiViOIL679H0_zsTXyCEpcFpbJkAmFx4fCoZ3uF8LytfncjAs4EBeWOuPHIRfVc/s1600/bldg_collection_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9BrWbJFPo0g-vI7dIe6q0VAVYX58CYsSDiSA1qpYu3Vn-fEVTwANx9H-0IobQ0Rgfp3nnGPusk5BiuiViOIL679H0_zsTXyCEpcFpbJkAmFx4fCoZ3uF8LytfncjAs4EBeWOuPHIRfVc/s320/bldg_collection_2.jpg" width="320" /></a></div>
<br />
<br />
<br />
<br />
Building Z is obviously the biggest and coolest one while building A is the shortest and smallest. The idea will be to procedurally increase building type based on amplitude analysis for different frequency ranges. I'm also exploring the possibility of higher frequencies having more of a spire look to them while lower frequencies will be thicker/heavier shaped buildings. Height would still be tied to amplitude.<br />
<br />
Getting all these buildings built was the easy part. The next stage will be tracking amplitude as it accumulates across various frequencies. My previous audio analysis system was somewhat limited. I had 8 bands of frequencies to pull from but I wanted more flexibility. The frequency ranges were limited to 8 distinct bands which were hard-coded.<br />
<br />
For example, one band went from 20Hz to 120Hz. The next band might have been from 150Hz to 350Hz. You can see the original 8 bands in blue here:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXCDZC8_2idL42fdg9OIAxKNDTgEk6kRkvZV3sQUMj5bLJyqw9METpUw6dgqcfrva3jior6dAaJa9qu-bsX0c1L1zsl4799WrkY8XgLWdc7B7lPMV62SQY94F_FEFFUCyyfwWtuyGMUvM/s1600/maxmsp_v2.0.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXCDZC8_2idL42fdg9OIAxKNDTgEk6kRkvZV3sQUMj5bLJyqw9METpUw6dgqcfrva3jior6dAaJa9qu-bsX0c1L1zsl4799WrkY8XgLWdc7B7lPMV62SQY94F_FEFFUCyyfwWtuyGMUvM/s1600/maxmsp_v2.0.jpg" /></a></div>
<br />
<br />
<br />
<br />
The new system I've got will allow almost unlimited flexibility with which frequency bins I collect. There are a great series of tutorials on the web about FFT analysis for Max/MSP. I highly recommend checking them out below.<br />
<br />
<a href="https://cycling74.com/tutorials/advanced-max-ffts-part-3">https://cycling74.com/tutorials/advanced-max-ffts-part-3</a><br />
<br />
Using the help of the work above, I've constructed a new equalizer with extremely fine controls over which frequencies will be analyzed. Check out the image below:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0roMQ9ltV1p-0DV8aJjjey1vCMja5ih-G0gcMpH9aFqmTn0IEMvQw0VA-j_owIaapkcrKH25uJHlwy-Jhmt_hVnsREt3p5LxYJw1dHDLDWdoecztjsvdBWPfKyA0FoIwfi-s2aq-6Hds/s1600/Capture.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0roMQ9ltV1p-0DV8aJjjey1vCMja5ih-G0gcMpH9aFqmTn0IEMvQw0VA-j_owIaapkcrKH25uJHlwy-Jhmt_hVnsREt3p5LxYJw1dHDLDWdoecztjsvdBWPfKyA0FoIwfi-s2aq-6Hds/s320/Capture.JPG" width="320" /></a></div>
The light blue and gray curves at the top control which frequency ranges will be analyzed. You can see the result in the lower spectrograms. The one on the left is the complete spectrum while the one on the right is a subset based on the control curves. This will allow finite tuning of each audio channel to better match specific instruments, voices or whatever range is required.<br />
<br />
Next steps will be to replicate this across multiple channels and pipe all that revised data over to Unity3D. I still need to tweak some envelop following and data smoothing functions to best capture the music and solidify a cleaner user interface. More updates in the future with some city animations too!<br />
</div>
Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com1tag:blogger.com,1999:blog-8715159148857254405.post-22482760815488515322017-03-09T19:45:00.000-08:002017-08-05T17:15:53.043-07:00Asah & Raeq performance documentation<div dir="ltr" style="text-align: left;" trbidi="on">
It's been awhile since I've posted anything. I finally have performance documentation page on my site for the Asah and Raeq concert collaboration I had with Noniko. This was a really awesome video game inspired concert with visualizations that spanned across 7 different pieces of music.<br />
<br />
Check out the latest update on my site here:<br />
<br />
<a href="http://livemusicvisuals.com/asah-raeq.html">http://livemusicvisuals.com/asah-raeq.html</a><br />
<br />
And you can also watch the complete performance on Noniko's Youtube here:<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/L0MUih9S4kg/0.jpg" frameborder="0" height="270" src="https://www.youtube.com/embed/L0MUih9S4kg?feature=player_embedded" width="480"></iframe></div>
<br />
<a href="https://www.youtube.com/playlist?list=PLyfdvtWMn6HyoaRexBQyFQ8ay1PQSi4PR">https://www.youtube.com/playlist?list=PLyfdvtWMn6HyoaRexBQyFQ8ay1PQSi4PR</a><br />
<br /></div>
Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-81217630643371085962016-08-21T12:19:00.001-07:002016-08-21T12:19:24.697-07:00A city at night - my next visualization project<div dir="ltr" style="text-align: left;" trbidi="on">
It's been awhile since I've had the chance to blog or start on any new visualizations. Got a new job which has been going well and finally settled in to a new routine. I have a bunch of new projects I've been looking to start and I'm finally in a position to do so.<br />
<br />
Vincet Laforet is an incredible aerial photographer. I'm sure many of you have seen his works from the AIR project. If you haven't, I've linked a few below. Definitely check out his site where you can see many more images and order his book AIR or lithographs. <a href="http://www.laforetvisuals.com/" target="_blank">http://www.laforetvisuals.com/ </a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWTXLag4uRMF3EKr-g4bLcHZsOfacZ6cmXweYuq1mDStZ8SxayIxllncLtI0UVL7Sw4wZb418odbUcxE9iMPkts-y9q4jKIog1j2epRbW-3_yW8iwx3htU-YP-w8SN1xRb5rgqf6nUOm0/s1600/AIR_New-York-6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWTXLag4uRMF3EKr-g4bLcHZsOfacZ6cmXweYuq1mDStZ8SxayIxllncLtI0UVL7Sw4wZb418odbUcxE9iMPkts-y9q4jKIog1j2epRbW-3_yW8iwx3htU-YP-w8SN1xRb5rgqf6nUOm0/s320/AIR_New-York-6.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx6ys8eltV0Geup83FH12B_lLgy-PWVcVVp-X32NjTmHLXmw_usjG4ml8RanMtIEv0Pslz7k7E_vfZZNq2doqQixUO1zYozzzJR9suakTuAWX5-y8hnaLI1anGRZQZzYM9zNpfjuAwLLk/s1600/CHICAGO_CF012997_v2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx6ys8eltV0Geup83FH12B_lLgy-PWVcVVp-X32NjTmHLXmw_usjG4ml8RanMtIEv0Pslz7k7E_vfZZNq2doqQixUO1zYozzzJR9suakTuAWX5-y8hnaLI1anGRZQZzYM9zNpfjuAwLLk/s320/CHICAGO_CF012997_v2.jpg" width="320" /></a></div>
<br />
<br />
The use of tilt shift is really great especially in his New York City shots. I thought it would be really cool to have a music visualization which procedurally generates a city to music. Various buildings would rise up with different shapes and architectural designs based on changes in the audio.<br />
<br />
I'm also looking to explore compound actions and patterns in my visualizations. This is something I've briefly scraped the surface of this concept in the past, but I've never fully gotten it to work or look great so hopefully I can get it to shine in this visualization. The idea is to have different visuals react when certain thresholds are met, or when a more complex series of events and thresholds are met. Music has so many layers and intricacies which can often be hard clearly visualize. I'm looking to develop a more complex system of thresholds and events that can spawn additional unique visuals that in turn could spawn their own unique systems. It's very similar to a fractal or an <a href="https://en.wikipedia.org/wiki/L-system" target="_blank">L-system</a>. Well, much more to come on all this. Please check out Vincent's work and stay tuned for the visualization inspired by his work!</div>
Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-54950992342875954092016-06-08T19:06:00.002-07:002016-06-08T19:06:46.062-07:00A new VR experience - Bjork's Vulnicura<div dir="ltr" style="text-align: left;" trbidi="on">
This isn't a music visualization, but it is really cool. Check out Bjork's newest VR experience. I had the opportunity and privilege to work on this project. It's great to see it getting released. Please check it out and I hope you enjoy! Thanks to River Studios for the opportunity to work on this too.<br />
<br />
<a href="https://www.facebook.com/bjork/videos/vb.6747251459/10154195901066460/?type=2&theater" target="_blank">https://www.facebook.com/bjork/videos/vb.6747251459/10154195901066460/?type=2&theater</a><br />
<br />
<a href="http://variety.com/2016/digital/news/bjork-digital-virtual-reality-experience-1201787563/">http://variety.com/2016/digital/news/bjork-digital-virtual-reality-experience-1201787563/</a><br />
<br /></div>
Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-69711951277886979182015-11-12T12:54:00.001-08:002015-11-12T12:54:15.938-08:00Noniko Hsu: Video Game, Movie, and FluteSo it's been a long time since I've posted anything. Unfortunately I've been swamped with two jobs. One of them just finished and they have a released a short making-of introduction video. Check it out on YouTube below. There are lots more videos coming in the next month about this concert so stay tuned.<br /><br />
<br /><br />
<br /><br />
<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/4ltI4vnm9eY" width="480"></iframe>Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-33638013220759166592015-07-22T09:54:00.004-07:002015-07-23T17:15:20.733-07:00New website is now live<div dir="ltr" style="text-align: left;" trbidi="on">
I've got a new website update. This version should be much friendlier for mobile users. Check it out!<br />
<br />
<a href="http://www.livemusicvisuals.com/">www.livemusicvisuals.com</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRasem6vXKTQ5rzUQ8cuc2_6xydcRcwUDppOjdm8a2TYpIdkOKhpolWqa-EweD-L4mXpW-UOxQUfXqMqVR9lLPw9x_32gsq3TBNRYPXVaXZ2uyl-a8GpGhxRDvHWRHEp60DiQCCLs_bl4/s1600/redwoodD.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRasem6vXKTQ5rzUQ8cuc2_6xydcRcwUDppOjdm8a2TYpIdkOKhpolWqa-EweD-L4mXpW-UOxQUfXqMqVR9lLPw9x_32gsq3TBNRYPXVaXZ2uyl-a8GpGhxRDvHWRHEp60DiQCCLs_bl4/s320/redwoodD.jpg" width="320" /></a></div>
<br /></div>
Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-83857383840803874182015-06-05T21:10:00.003-07:002015-06-05T21:10:54.818-07:00Vimeo Staff Pick!!! Bach: The Well Tempered Clavier for Sinfini Music<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<iframe src="https://player.vimeo.com/video/128275855" width="600" height="338" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/128275855">Bach: The Well Tempered Clavier for Sinfini Music</a> from <a href="https://vimeo.com/alanwarburton">Alan Warburton</a> on <a href="https://vimeo.com">Vimeo</a>.</p></div>
Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com1tag:blogger.com,1999:blog-8715159148857254405.post-82719324579012351572015-05-18T17:33:00.000-07:002015-05-18T17:33:36.528-07:00Bach Prelude and Fugue - Sinfini Music<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
The Well-Tempered ClavierA project I recently helped collaborate on has just gone live. I helped Alan Warburton with some of the programming and MIDI synchronization. Here is a link to the article and video with more info.<br />
<br />
<a href="http://www.sinfinimusic.com/uk/watch/animations/other-animations/js-bach-well-tempered-clavier-and-fugue#">http://www.sinfinimusic.com/uk/watch/animations/other-animations/js-bach-well-tempered-clavier-and-fugue#</a><br />
<br /></div>
Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-82311460234646026032015-04-01T07:35:00.000-07:002015-04-01T07:35:16.272-07:00Iron Man UI: complete!!!!!<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/s_vi/kTI95pWgn2A/default.jpg?sqp=COSD7agF&rs=AOn4CLBD6miYdI3G3iuUoS2UmWm5v9YqIg" frameborder="0" height="532" src="http://www.youtube.com/embed/kTI95pWgn2A?feature=player_embedded" width="640"></iframe></div>
<br />
The Iron Man UI inspired visualization is complete! You can check out the complete video above which is accompanied by my latest single, Renewal, which is available on <a href="http://www.cdbaby.com/AlbumDetails.aspx?AlbumID=matthewbain3/undefined/Renewal" target="_blank">CDBaby</a>, <a href="http://www.amazon.com/dp/B00V4DIAHM/ref=dm_ws_tlw_trk1" target="_blank">Amazon</a>, and <a href="https://itunes.apple.com/us/album/renewal-single/id979421454" target="_blank">iTunes</a>!<br />
<br />
Now to talk about some of the movement of the visualization through space. All of the different visual elements are linked to a master node which can move the complete structure through space. You'll notice this motion occurs for the first time around the <a href="https://youtu.be/kTI95pWgn2A?t=29s" target="_blank">0:30</a> mark.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQtkHG9ODr-4T2asRSxybmdSWkxLFoQrQyugSdhOpThztvq30xTQrzow0azxQmw42obcXr-r9rRVdFXiI8B3wI_L0P63EjD3UDocEFoxBUoyUd4UW7jM8l3GVjzjGh3mCC97f00uk3ITo/s1600/motion.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQtkHG9ODr-4T2asRSxybmdSWkxLFoQrQyugSdhOpThztvq30xTQrzow0azxQmw42obcXr-r9rRVdFXiI8B3wI_L0P63EjD3UDocEFoxBUoyUd4UW7jM8l3GVjzjGh3mCC97f00uk3ITo/s1600/motion.PNG" height="205" width="320" /></a></div>
<br />
I put different dampening ratios on all the different parts so everything moves to a new location but not all at the same time. This was mainly to create more visual interest in the movement.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh7839R2QbzCCmLkLNIyYIJ3hZNm7qOW9C2fSZkjxGGVh_DKk5GAP7cvBkG8ujj6xue0GyShUUcIbtJwCctmUBLhTAm8-X-dnEVv2gSVgCnO3PJFmCsJHXpJyWooMAUTeQl7TLJlgT3JA/s1600/motion-ctrl.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh7839R2QbzCCmLkLNIyYIJ3hZNm7qOW9C2fSZkjxGGVh_DKk5GAP7cvBkG8ujj6xue0GyShUUcIbtJwCctmUBLhTAm8-X-dnEVv2gSVgCnO3PJFmCsJHXpJyWooMAUTeQl7TLJlgT3JA/s1600/motion-ctrl.PNG" height="137" width="320" /></a></div>
<br />
You'll notice in the image above I've circled in red the two dials which control how or when a global motion will occur. This is one area I'm looking to explore much further in future visualizations but I'll describe that in just a bit. For this, a threshold and timer determine when the entire structure moves and both of these variables are determined by audio parameters. Putting controls in place allows you to override or help make this event happen to some extent. <br />
<br />
The image above shows the controls I've put in place for this visualization. I've elected to keep them very simple on this one. Some visualizations I create have very complex controls with lots of presets. It often depends on the client and the performance as to how much flexibility they would like. Here is an example of a more complex setup.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVq7xIgSC6C6Id35yaRoUD8JO-v7iuUJrwOtn5KJ8xjGZnRrF-b6YGClIuQlJm71PqxX5FBtjDL5CvaV0xk1BIqmIKA4eloWI6En9OwukzD7it2TZfaCnI3YAkShpHrqIvaEucXs174OU/s1600/complex-ctrl.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVq7xIgSC6C6Id35yaRoUD8JO-v7iuUJrwOtn5KJ8xjGZnRrF-b6YGClIuQlJm71PqxX5FBtjDL5CvaV0xk1BIqmIKA4eloWI6En9OwukzD7it2TZfaCnI3YAkShpHrqIvaEucXs174OU/s1600/complex-ctrl.PNG" height="136" width="320" /></a></div>
Each visual element I create often has numerous components that can be scripted to the UI control in Max/MSP. I typically create presets which allow you to quickly move through lots of complex settings. This is very similar to lighting and audio control boards you would find in live performance venues. Technicians will dial in lighting and sound settings, create cues or presets, and build all of the events during rehearsals. When the big performance happens, it's a much simpler process of moving through presets or cues at the correct timings. My system mimics this procedure. All of these controls/presets can also be further simplified for a mobile interface. You can sit in the audience and run the entire visualization from your smartphone if you wanted to.<br />
<br />
Back to the Iron Man UI controls, I have a hue shifter so you can shift the hue on all of the visuals from red to green or blue. Bloom intensity lets you control how much bloom is applied. There is a subtle adjustment on this which reacts to the amplitude of the audio. This control allows for larger changes with the effect. Height controls how much up and down motion the entire structure will move. Setting this to 0 keeps everything at the default height. Increasing this will expose the entire structure to an audio parameter which moves everything up or down.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp9Jjv2-kjUVofy4k79Ia0GkfmcWxHql5h9BhYQEK4Yulc5K_CWRJ65C3oYqm7me_wqE66nxU_eAJOuC2o5of-0JjQ0a462Xx7ufTi1XoYwIMo6WkhzSuuiYG1whprkO2wm10gxp1urRs/s1600/height.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp9Jjv2-kjUVofy4k79Ia0GkfmcWxHql5h9BhYQEK4Yulc5K_CWRJ65C3oYqm7me_wqE66nxU_eAJOuC2o5of-0JjQ0a462Xx7ufTi1XoYwIMo6WkhzSuuiYG1whprkO2wm10gxp1urRs/s1600/height.PNG" height="250" width="320" /></a></div>
<br />
<br />
As mentioned in previous postings, everything is driven by the audio. The additional controls just allow for greater motions or an overarching control on some of these audio driven systems. The computer handles all the minute analysis details and movement while you get to make the broad sweeping changes.<br />
<br />
I noted earlier about future explorations in my visualizations and where I'm looking to go next. Music has lots of patterns, themes, and motifs that often build on each other and develop. I want to explore these further within the realm of video game combos. Lots of video games utilize a system of combos. Typically someone might button mash or go through a sequence of buttons a bunch of times to create a 25 hit combo for example in a fighting game. RPG's, platformers, and other genres of video games have utilized similar concepts as well. Now what if musical structures could create their own combos within a music visualization system? That exploration could easily take another 2 years and another Master's degree to investigate. In my next project, I'll at least begin to scratch the surface of combining those principals and we'll see what happens.<br />
<br />
This is also my last time working with Unity 3.5. Going forward, I will be migrating all work to Unity 5.0. Stay tuned for the next visualization. I also have some small tangential explorations from this visualization I'll post about too! Can't wait to share my next developments. For now, I hope you enjoyed this one.<br />
<br />
<br /></div>
Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0tag:blogger.com,1999:blog-8715159148857254405.post-62926450586995403212015-03-30T10:15:00.000-07:002015-03-30T10:19:07.596-07:00Latest single - "Renewal"<div dir="ltr" style="text-align: left;" trbidi="on">
Taking a quick break from the Iron Man visuals to announce my latest single called "Renewal" It's available on Amazon and iTunes. You can hear on CDBaby and SoundCloud as well!<br />
<br />
<a href="https://itunes.apple.com/us/album/renewal-single/id979421454">https://itunes.apple.com/us/album/renewal-single/id979421454</a><br />
<a href="http://www.amazon.com/dp/B00V4DIAHM/ref=dm_ws_tlw_trk1">http://www.amazon.com/dp/B00V4DIAHM/ref=dm_ws_tlw_trk1</a><br />
<br />
<a href="http://www.cdbaby.com/AlbumDetails.aspx?AlbumID=matthewbain3/undefined/Renewal">http://www.cdbaby.com/AlbumDetails.aspx?AlbumID=matthewbain3/undefined/Renewal</a><br />
<br />
<iframe frameborder="no" height="450" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/198423982&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true" width="100%"></iframe>
</div>
Matthttp://www.blogger.com/profile/17799803799749324355noreply@blogger.com0