2026-09-12T17:35:16Z http://colin-sullivan.net/feed/ 2025-01-01T00:00:00Z 2025-01-01T00:00:00Z http://colin-sullivan.net/main/2025/junction-in-the-sky/index.html <p>Music release. Bass guitar, synths, production.</p> <iframe style="border: 0; width: 100%; height: 120px;" src="https://bandcamp.com/EmbeddedPlayer/album=2932364129/size=large/bgcol=ffffff/linkcol=0687f5/tracklist=false/artwork=small/transparent=true/" seamless><a href="https://cycliptic.bandcamp.com/album/junction-in-the-sky">Junction in the Sky by Cycliptic</a></iframe> <a href="http://colin-sullivan.net/main/2025/junction-in-the-sky/index.html" class="more">more...</a> 2025-01-01T00:00:00Z 2025-01-01T00:00:00Z http://colin-sullivan.net/main/2025/output-creator/index.html <p>Music making application for beginners. Lead Software Engineer: UI stack</p> <div class="clearfix"></div> <div class="row"> <div class="col-md-6 col-md-offset-3 col-sm-12"> <div class="media-with-caption"> <a href="/uploads/2026/Screenshot 2026-07-27 at 07.39.25.png"><img src="/uploads/2026/Screenshot 2026-07-27 at 07.39.25.png" alt="" class="media" /></a> <p class="media-caption"></p> </div> </div> </div> <a href="http://colin-sullivan.net/main/2025/output-creator/index.html" class="more">more...</a> 2024-05-01T00:00:00Z 2024-05-01T00:00:00Z http://colin-sullivan.net/main/2024/born-a-problem-soundscape-design/index.html <p>Custom soundscape design for art installation.</p> <div class="clearfix"></div> <div class="row"> <div class="col-md-6 col-md-offset-3 col-sm-12"> <div class="media-with-caption"> <a href="/uploads/2026/Screenshot 2026-07-28 at 20.22.25.png"><img src="/uploads/2026/Screenshot 2026-07-28 at 20.22.25.png" alt="" class="media" /></a> <p class="media-caption"></p> </div> </div> </div> <div class="media-with-caption"> <audio class="media" preload="none" controls> <source src="/uploads/2026/born%20a%20problem%20v2%20-%20excerpt.mp3" /> <source src="/uploads/2026/born%20a%20problem%20v2%20-%20excerpt.ogg" /> <source src="/uploads/2026/born%20a%20problem%20v2%20-%20excerpt.flac" /> </audio> <p class="media-caption"> Born a Problem - excerpt </p> </div> <a href="http://colin-sullivan.net/main/2024/born-a-problem-soundscape-design/index.html" class="more">more...</a> 2024-03-24T00:00:00Z 2024-03-24T00:00:00Z http://colin-sullivan.net/main/2024/a-flower-it-will-become/index.html <p>Music release. Bass guitar, synths, production.</p> <iframe style="border: 0; width: 100%; height: 120px;" src="https://bandcamp.com/EmbeddedPlayer/album=1520161378/size=large/bgcol=ffffff/linkcol=0687f5/tracklist=false/artwork=small/transparent=true/" seamless><a href="https://cycliptic.bandcamp.com/album/a-flower-it-will-become">A Flower It Will Become by Cycliptic</a></iframe> <a href="http://colin-sullivan.net/main/2024/a-flower-it-will-become/index.html" class="more">more...</a> 2023-11-13T00:00:00Z 2023-11-13T00:00:00Z http://colin-sullivan.net/main/2023/high-perf-web-gui-adc-2023/index.html <p>Conference talk from ADC 23 discusses software engineering techniques and architecture for building a web interface on a C++ audio application</p> <div class="clearfix"></div> <div class="media-with-caption vimeo"> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/xXPT8GAEozs?si=_SP7kCzTcxOOu3Hk" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div> <p class="media-caption">ADC 2023 talk</p> <a href="http://colin-sullivan.net/main/2023/high-perf-web-gui-adc-2023/index.html" class="more">more...</a> 2019-02-03T15:34:20Z 2019-02-03T15:34:20Z http://colin-sullivan.net/main/2019/performance-environment/index.html <p>Euclidean MIDI sequencer built in SuperCollider with a touchscreen web interface. <div class="clearfix"></div> <div class="media-with-caption vimeo"> <iframe src="https://player.vimeo.com/video/315357104?title=0&amp;byline=0&amp;portrait=0&amp;color=8EAA59" frameborder="0" class="media" height="100%" width="100%" webkitAllowFullScreen mozallowfullscreen allowFullScreen ></iframe> </div> <p class="media-caption">Generative Sequencer Performance Touch UI Demo</p></p> <a href="http://colin-sullivan.net/main/2019/performance-environment/index.html" class="more">more...</a> 2019-01-01T00:00:00Z 2019-01-01T00:00:00Z http://colin-sullivan.net/main/2019/out-of-this-world-advice/index.html <p>Work in progress interactive musical installation with an accompanying narrative and puzzle-like experience. Acrylic structure contains LEDs, amplified sound, and small computers.</p> <p>Generative audio system built in SuperCollider. Central state store in Node.js with Redux. Node.js process also receives button signals from Arduino and animates LEDs.</p> <div class="clearfix"></div> <div class="media-with-caption vimeo"> <iframe src="https://player.vimeo.com/video/283879746?title=0&amp;byline=0&amp;portrait=0&amp;color=8EAA59" frameborder="0" class="media" height="100%" width="100%" webkitAllowFullScreen mozallowfullscreen allowFullScreen ></iframe> </div> <p class="media-caption">Out of This World Advice Preview</p> <a href="http://colin-sullivan.net/main/2019/out-of-this-world-advice/index.html" class="more">more...</a> 2018-07-04T15:53:35Z 2018-07-04T15:53:35Z http://colin-sullivan.net/main/2018/led-wall-prototype/index.html <p>A prototype of an interactive LED wall experience.</p> <p>An LED wall allowing participants to paint gestures on a touchscreen. <div class="clearfix"></div> <div class="media-with-caption vimeo"> <iframe src="https://player.vimeo.com/video/278402582?title=0&amp;byline=0&amp;portrait=0&amp;color=8EAA59" frameborder="0" class="media" height="100%" width="100%" webkitAllowFullScreen mozallowfullscreen allowFullScreen ></iframe> </div> <p class="media-caption">Prototype Demo</p></p> <a href="http://colin-sullivan.net/main/2018/led-wall-prototype/index.html" class="more">more...</a> 2017-01-01T00:00:00Z 2017-01-01T00:00:00Z http://colin-sullivan.net/main/2017/untitled/index.html <p>Interactive musical installation. Magnetic pucks are physically moved to interact with a musical sequencer. Musical events are visualized with projection.</p> <p>Projections are generated with an Electron app with PixiJS to render animated sprites. Generative audio system built in SuperCollider. Central state store and coordinator in Node.js with Redux.</p> <div class="clearfix"></div> <div class="media-with-caption vimeo"> <iframe src="https://player.vimeo.com/video/268414952?title=0&amp;byline=0&amp;portrait=0&amp;color=8EAA59" frameborder="0" class="media" height="100%" width="100%" webkitAllowFullScreen mozallowfullscreen allowFullScreen ></iframe> </div> <p class="media-caption"></p> <a href="http://colin-sullivan.net/main/2017/untitled/index.html" class="more">more...</a> 2016-07-11T18:59:27Z 2016-07-11T18:59:27Z http://colin-sullivan.net/main/2016/transdimensional-audio-workstation/index.html <p>Interactive musical installation with LED rings, knobs, and a button.</p> <p>The Transdimensional Audio Workstation is an interactive musical experience. The machine allows one to tune into another dimension in order to send a musical communication to one’s self. After sending the music, any transdimensional response will be interpreted and played back automatically. <div class="clearfix"></div> <div class="media-with-caption vimeo"> <iframe src="https://player.vimeo.com/video/174616131?title=0&amp;byline=0&amp;portrait=0&amp;color=8EAA59" frameborder="0" class="media" height="100%" width="100%" webkitAllowFullScreen mozallowfullscreen allowFullScreen ></iframe> </div> <p class="media-caption">Transdimensional Audio Workstation demonstration (response removed for privacy reasons)</p></p> <a href="http://colin-sullivan.net/main/2016/transdimensional-audio-workstation/index.html" class="more">more...</a> 2015-05-19T16:53:15Z 2015-05-19T16:53:15Z http://colin-sullivan.net/main/2015/bellsatlas-hyperlust-website/index.html <p>Web based promotional webpage for an EP by the musical group Bells Atlas. Upon signing up fans are given a random song from the EP.</p> <div class="clearfix"></div> <div class="media-with-caption vimeo"> <iframe src="https://player.vimeo.com/video/268413118?title=0&amp;byline=0&amp;portrait=0&amp;color=8EAA59" frameborder="0" class="media" height="100%" width="100%" webkitAllowFullScreen mozallowfullscreen allowFullScreen ></iframe> </div> <p class="media-caption">Hyperlust Web Experience</p> <p>Built with Javascript frontend using Matter.js for physics-based interaction and CSS3 animations. Backend is Node.js deployed to Heroku integrating MailGun.</p> <a href="http://colin-sullivan.net/main/2015/bellsatlas-hyperlust-website/index.html" class="more">more...</a> 2015-03-19T16:15:43Z 2015-03-19T16:15:43Z http://colin-sullivan.net/main/2015/iftf_music_tech_presentation/index.html <p>I spoke about musical creation algorithms and interfaces at "Music + Tech" night hosted by the <a href="http://plustech.iftf.org/">Institute for the Future</a>. The talk was on two topics: algorithmic music and musical creation GUIs.</p> <a href="http://colin-sullivan.net/main/2015/iftf_music_tech_presentation/index.html" class="more">more...</a> 2014-08-14T16:13:28Z 2014-08-14T16:13:28Z http://colin-sullivan.net/main/2014/deep-forest-lounge-soundscape/index.html <p>A soundscape for the "Deep Forest Lounge" space at Priceless festival in 2014.</p> <div class="media-with-caption"> <audio class="media" preload="none" controls> <source src="/uploads/2014/Deep_Forest_Lounge_Soundscape.mp3" /> <source src="/uploads/2014/Deep_Forest_Lounge_Soundscape.ogg" /> <source src="/uploads/2014/Deep_Forest_Lounge_Soundscape.flac" /> </audio> <p class="media-caption"> "Deep Forest Lounge" soundscape </p> </div> <a href="http://colin-sullivan.net/main/2014/deep-forest-lounge-soundscape/index.html" class="more">more...</a> 2014-01-01T00:00:00Z 2014-01-01T00:00:00Z http://colin-sullivan.net/main/2014/sonarc/index.html <p>Musical arrangement experience in web browser. Circles represent sounds, sequences are chained together by arranging touching circles. All circles touching outer rim are triggered together.</p> <p>Built with JavaScript using PixiJS to animate sprites and on top of a Meteor.js backend.</p> <div class="clearfix"></div> <div class="media-with-caption vimeo"> <iframe src="https://player.vimeo.com/video/268410599?title=0&amp;byline=0&amp;portrait=0&amp;color=8EAA59" frameborder="0" class="media" height="100%" width="100%" webkitAllowFullScreen mozallowfullscreen allowFullScreen ></iframe> </div> <p class="media-caption">Sonarc UI Demo</p> <a href="http://colin-sullivan.net/main/2014/sonarc/index.html" class="more">more...</a> 2013-09-28T12:29:45Z 2013-09-28T12:29:45Z http://colin-sullivan.net/main/2013/summer-2013-set/index.html <p>This is a performance of the music I have been working on throughout the summer. I performed a very similar set in center camp at burning man this year. All of the sounds were created from scratch.</p> <div class="media-with-caption"> <audio class="media" preload="none" controls> <source src="/uploads/2013/Colin-Sullivan_Summer-2013-Set.mp3" /> <source src="/uploads/2013/Colin-Sullivan_Summer-2013-Set.ogg" /> <source src="/uploads/2013/Colin-Sullivan_Summer-2013-Set.flac" /> </audio> <p class="media-caption"> Colin's Summer 2013 Set </p> </div> <a href="http://colin-sullivan.net/main/2013/summer-2013-set/index.html" class="more">more...</a> 2013-02-22T20:21:49Z 2013-02-22T20:21:49Z http://colin-sullivan.net/main/2013/seas-of-subconscious/index.html <p>Generative soundscape for immersive theater exhibit at the All Worlds Fair event in the basement of the San Francisco Mint building.</p> <p>Generative sound engine built with SuperCollider. Sounds from various sources and modified with Ableton Live.</p> <div class="media-with-caption"> <audio class="media" preload="none" controls> <source src="/uploads/2013/seas-of-subconscious/01%20Sounds%20of%20Subconscious%20Seas%20Sample.mp3" /> <source src="/uploads/2013/seas-of-subconscious/01%20Sounds%20of%20Subconscious%20Seas%20Sample.ogg" /> <source src="/uploads/2013/seas-of-subconscious/01%20Sounds%20of%20Subconscious%20Seas%20Sample.flac" /> </audio> <p class="media-caption"> Sounds of the subconscious seas. </p> </div> <a href="http://colin-sullivan.net/main/2013/seas-of-subconscious/index.html" class="more">more...</a> 2012-12-21T00:00:00Z 2012-12-21T00:00:00Z http://colin-sullivan.net/main/2012/computer-music-experiments-2012/index.html <p>A collection of computer music pieces created in 2012 while studying at CCRMA.</p> <a href="http://colin-sullivan.net/main/2012/computer-music-experiments-2012/index.html" class="more">more...</a> 2012-12-20T17:29:20Z 2012-12-20T17:29:20Z http://colin-sullivan.net/main/2012/jnana/index.html <p>A generative musical accompaniment system integrated into Ableton Live, used to generate MIDI based on a markov-chain analysis of existing MIDI clips or live MIDI input.</p> <div class="clearfix"></div> <div class="media-with-caption vimeo"> <iframe src="https://player.vimeo.com/video/55763129?title=0&amp;byline=0&amp;portrait=0&amp;color=8EAA59" frameborder="0" class="media" height="100%" width="100%" webkitAllowFullScreen mozallowfullscreen allowFullScreen ></iframe> </div> <p class="media-caption">Jnana Demo</p> <a href="http://colin-sullivan.net/main/2012/jnana/index.html" class="more">more...</a> 2012-03-26T17:12:42Z 2012-03-26T17:12:42Z http://colin-sullivan.net/main/2012/tulpasynth-v02/index.html <p>"tulpasynth" is a prototype real-time collaborative music creation system that takes advantage of touchscreen gestures for a tangible, responsive UI.</p> <div class="clearfix"></div> <div class="row"> <div class="col-md-6 col-md-offset-3 col-sm-12"> <div class="media-with-caption"> <a href="https://ccrma.stanford.edu/~colinsul/projects/tulpasynth/"><img src="/uploads/2012/tulpasynth_scene_02.png" alt="tulpasynth screenshot" class="media" /></a> <p class="media-caption">tulpasynth screenshot</p> </div> </div> </div> <a href="http://colin-sullivan.net/main/2012/tulpasynth-v02/index.html" class="more">more...</a> 2012-01-02T01:00:00Z 2012-01-02T01:00:00Z http://colin-sullivan.net/main/2012/knack/index.html <p>"KnacK" is a music compositon framework for ChucK.</p> <p>The basic idea of the framework is to provide some conventions for making compositional code modular and reusable. There are some other features that I am interested in developing further as well such as a MVC-like interaction between raw "aesthetic data" and the instruments/performers in a musical piece.</p> <div class="clearfix"></div> <div class="row"> <div class="col-md-6 col-md-offset-3 col-sm-12"> <div class="media-with-caption"> <a href="https://ccrma.stanford.edu/~colinsul/projects/knack/"><img src="/uploads/2012/Architecture_Overview.png" alt="entities and relationships in the KnacK framework" class="media" /></a> <p class="media-caption">entities and relationships in the KnacK framework</p> </div> </div> </div> <a href="http://colin-sullivan.net/main/2012/knack/index.html" class="more">more...</a> 2011-01-25T02:32:19Z 2011-01-25T02:32:19Z http://colin-sullivan.net/main/2011/bingo/index.html <p>A web-based bingo board for displaying status and modifying called numbers. Motivated by family bingo tradition.</p> <div class="clearfix"></div> <div class="media-with-caption vimeo"> <iframe src="https://player.vimeo.com/video/35339666?title=0&amp;byline=0&amp;portrait=0&amp;color=8EAA59" frameborder="0" class="media" height="100%" width="100%" webkitAllowFullScreen mozallowfullscreen allowFullScreen ></iframe> </div> <p class="media-caption">Bingo Marker CSS3 Animation</p> <p>Built with a Django backend and backbone.js frontend. CSS3 animations. Deployed on Google App Engine.</p> <a href="http://colin-sullivan.net/main/2011/bingo/index.html" class="more">more...</a> 2010-12-13T02:09:09Z 2010-12-13T02:09:09Z http://colin-sullivan.net/main/2010/algorithmic-composition-with-the-fibonacci-sequence/index.html <p>Algorithmic music composition with the Fibonnaci sequence. Student project.</p> <div class="media-with-caption"> <audio class="media" preload="none" controls> <source src="/uploads/2010/12/Fibonacci%202011.mp3" /> <source src="/uploads/2010/12/Fibonacci%202011.ogg" /> <source src="/uploads/2010/12/Fibonacci%202011.flac" /> </audio> <p class="media-caption"> Algorithmic Composition </p> </div> <a href="http://colin-sullivan.net/main/2010/algorithmic-composition-with-the-fibonacci-sequence/index.html" class="more">more...</a> 2010-03-06T02:40:05Z 2010-03-06T02:40:05Z http://colin-sullivan.net/main/2010/concert/index.html <p>An online collaborative organizational tool for sounds. Student project.</p> <div class="clearfix"></div> <div class="row"> <div class="col-md-6 col-md-offset-3 col-sm-12"> <div class="media-with-caption"> <a href="/uploads/2018/687474703a2f2f6769746875622e636f6e63657274736f756e646f7267616e697a65722e6f72672f436f6e636572742f696d616765732f636f6e6365727431312e706e67.png"><img src="/uploads/2018/687474703a2f2f6769746875622e636f6e63657274736f756e646f7267616e697a65722e6f72672f436f6e636572742f696d616765732f636f6e6365727431312e706e67.png" alt="Concert UI" class="media" /></a> <p class="media-caption">Concert UI</p> </div> </div> </div> <a href="http://colin-sullivan.net/main/2010/concert/index.html" class="more">more...</a> 2009-10-22T21:01:09Z 2009-10-22T21:01:09Z http://colin-sullivan.net/main/2009/independent-study-with-chuck/index.html <p>Designing an Overdrive/Distortion effect that is customized for the sound of my bass guitar. Student project.</p> <a href="http://colin-sullivan.net/main/2009/independent-study-with-chuck/index.html" class="more">more...</a> 2008-01-01T00:00:00Z 2008-01-01T00:00:00Z http://colin-sullivan.net/main/2008/synthetic-cinema/index.html <p>Sound recording , editing , and sound design for B horror films at Synthetic Cinema.</p> <a href="http://colin-sullivan.net/main/2008/synthetic-cinema/index.html" class="more">more...</a>