https://portfolio.scottcazan.com scott cazan - code, art, sound Thu, 22 Feb 2024 10:51:33 +0000 https://portfolio.scottcazan.com en https://portfolio.scottcazan.com/Main Thu, 16 May 2019 15:06:02 +0000 scott cazan - code, art, sound https://portfolio.scottcazan.com/Main .scottHover { background-color: rgba(0,0,0,0.1); border-radius: 90px; -webkit-box-shadow: 0px 0px 75px -2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 75px -2px rgba(0,0,0,0.2); box-shadow: 0px 0px 75px -2px rgba(0,0,0,0.2); } Scott Cazan Award winning creative coder, experienced developer, artist, musician, educator&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; working with code as a creative medium. ︎ ︎&nbsp;︎ Scott Cazan&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; code, art, engineering I am a creative coder and artist working in the field of new media, cutting edge interactive technology, and audio. I am highly experienced in creating interactive media experiences for the web and for events and am specialized in full-stack rock-solid JavaScript with a particular specialization in sound and music. Clients have included Spotify, BMW, Google, NASA JPL, Spotify, Microsoft, Teenage Engineering, Ikea, Intel, Cargo Collective, and many others.I have worked across a number of fields such as interactive web applications, media installations for large companies, hardware development, film, video, and VR/AR among many others. Additionally I have the unique experience of having developed many production full-stack applications that are out in the wild.As an active educator I have taught at institutions such as the Universität der Künste Berlin, California Institute of the Arts, University of California, Santa Barbara, and Art Center College of Design where I taught topics related to art, sound, DSP, algorithmic music and creative electronics. Reach out if you want to work together or just to have a chat https://portfolio.scottcazan.com/FlowScholar Thu, 22 Feb 2024 10:00:11 +0000 scott cazan - code, art, sound https://portfolio.scottcazan.com/FlowScholar <img width="3582" height="2080" width_o="3582" height_o="2080" data-src="https://freight.cargo.site/t/original/i/31ab657682ed2589200b77e31e8d7ceab364e6d4a4f9d559455ece969ac1cfac/Screenshot-2024-02-22-at-11.13.02.png" data-mid="205202365" border="0" src="https://freight.cargo.site/w/1000/i/31ab657682ed2589200b77e31e8d7ceab364e6d4a4f9d559455ece969ac1cfac/Screenshot-2024-02-22-at-11.13.02.png" /><img width="3594" height="2082" width_o="3594" height_o="2082" data-src="https://freight.cargo.site/t/original/i/af5552d49d639a3bdc0971aaa0282e2f2d22f466e73970376dccb934350e3a8c/Screenshot-2024-02-22-at-11.10.54.png" data-mid="205202335" border="0" src="https://freight.cargo.site/w/1000/i/af5552d49d639a3bdc0971aaa0282e2f2d22f466e73970376dccb934350e3a8c/Screenshot-2024-02-22-at-11.10.54.png" /> FlowScholar AINODE AZURE MUSICEVENT I worked with Beautiful Machine, and their client Superfly, to develop FlowScholar - a collaboration between Microsoft and The Hip Hop Museum. FlowScholar is a system for generating hip hop lyrics to be used as a starting point for your own lyrics and in the process, expand your knowledge about the deep history of hip hop. More info here. I was tasked with designing, tuning, and building out the the AI system that generated the lyrics as well as generating historical context for how the lyrics were created using Microsoft OpenAI and a node.js/TypeScript backend. The system is in use now for various events by Microsoft and the Hip Hop Musuem to engage young artists in hip hop history and creation. The most recent involved a workshop led by Ice-T as seen in the video. https://portfolio.scottcazan.com/AWAY-at-Venice Thu, 22 Feb 2024 09:41:58 +0000 scott cazan - code, art, sound https://portfolio.scottcazan.com/AWAY-at-Venice <img width="4032" height="2268" width_o="4032" height_o="2268" data-src="https://freight.cargo.site/t/original/i/34bf31c4a289e2ecf104f09ce4581958c5073df2b4dd5c287336311e8d60d8ea/awaypostcard.jpg" data-mid="205200909" border="0" src="https://freight.cargo.site/w/1000/i/34bf31c4a289e2ecf104f09ce4581958c5073df2b4dd5c287336311e8d60d8ea/awaypostcard.jpg" /><img width="4608" height="2592" width_o="4608" height_o="2592" data-src="https://freight.cargo.site/t/original/i/d6cd098f5062f2512c2934e2d8bdf95b620ee7110c4f61e9665d4e37ee41fbf8/away_download.jpg" data-mid="205200907" border="0" src="https://freight.cargo.site/w/1000/i/d6cd098f5062f2512c2934e2d8bdf95b620ee7110c4f61e9665d4e37ee41fbf8/away_download.jpg" /><img width="4032" height="2268" width_o="4032" height_o="2268" data-src="https://freight.cargo.site/t/original/i/281aea0cf2cd19fe2dfec0b4ab902a64245b6de64c7f2eb3b96f1933007b213b/away_external.jpg" data-mid="205200908" border="0" src="https://freight.cargo.site/w/1000/i/281aea0cf2cd19fe2dfec0b4ab902a64245b6de64c7f2eb3b96f1933007b213b/away_external.jpg" /><img width="1440" height="3040" width_o="1440" height_o="3040" data-src="https://freight.cargo.site/t/original/i/4f43d6c2e9260f8a7d4df396668ae12ccb42602d27d9c3b9cd5ce48bb8da18ce/away_postcards.jpg" data-mid="205200905" border="0" src="https://freight.cargo.site/w/1000/i/4f43d6c2e9260f8a7d4df396668ae12ccb42602d27d9c3b9cd5ce48bb8da18ce/away_postcards.jpg" /> AWAY at Venice AI MIDJOURNEYNODEINSTALLATION Recently awarded the silver prize for “Best Retail Pop-up or Experience, 2023” by the Experience &amp; Design Technology AwardsI was tasked with building all the AI components and overseeing the technology infrastructure for this pop-up installation on Abbot Kinney in Venice, California in collaboration with Beautiful Machine and their client Superfly. Users were able to answer questions at a kiosk on the corner that would then feed data into an AI system that I built to generate unique AI generated travel destinations based on their inputs. The users could then pickup a custom printed postcard of their destination to take home with a unique destination name based on their inputs. This was part of a marketing campaign for AWAY luggage. The pop-up was also accompanied by a social media campaign in which users could tag their destinations on Instagram. https://portfolio.scottcazan.com/Heartbeat-Drum-Machine Mon, 05 Jun 2023 19:04:25 +0000 scott cazan - code, art, sound https://portfolio.scottcazan.com/Heartbeat-Drum-Machine <img width="1903" height="944" width_o="1903" height_o="944" data-src="https://freight.cargo.site/t/original/i/7dd534cab96889194e559e7c0ab353d7eba5685ed735de9a0b1329836d63d9d2/Screenshot-from-2023-06-05-22-20-09.png" data-mid="181095303" border="0" src="https://freight.cargo.site/w/1000/i/7dd534cab96889194e559e7c0ab353d7eba5685ed735de9a0b1329836d63d9d2/Screenshot-from-2023-06-05-22-20-09.png" /><img width="1902" height="939" width_o="1902" height_o="939" data-src="https://freight.cargo.site/t/original/i/611a69530487e868273efd00b2e234df56c76c1e6e8bdcfbde3d9492ebf1b3f2/Screenshot-from-2023-06-05-21-05-49.png" data-mid="181095187" border="0" src="https://freight.cargo.site/w/1000/i/611a69530487e868273efd00b2e234df56c76c1e6e8bdcfbde3d9492ebf1b3f2/Screenshot-from-2023-06-05-21-05-49.png" /> HEARTBEAT DRUM MACHINE&nbsp; TYPESCRIPT WEB AUDIO NODEVUE NUXTSOUND DESIGN Recently awarded a Black Pencil from the D&amp;AD Award 2023 When a child is born with congenital heart disease the rhythm of life is disrupted. Despite being the most common birth defect in the world, general awareness of CHD is low. This drum machine was created in a collaboration between audiovisual designer Love Hultén and teenage engineering to highlight the issue. The device, functioning as a modular synthesizer, produces rhythms made using the electrocardiograms of four children with different heart defects.&nbsp; While at Plan8 my colleague Andreas and I produced the software version of this incredible drum machine so it could be experienced by anyone and to help raise awareness through a prolonged engagement with the campaign site.&nbsp; Try it out hereand more info here https://portfolio.scottcazan.com/Plan8-Music Wed, 21 Sep 2022 16:30:55 +0000 scott cazan - code, art, sound https://portfolio.scottcazan.com/Plan8-Music <img width="1285" height="1074" width_o="1285" height_o="1074" data-src="https://freight.cargo.site/t/original/i/35373663980dff315714365148c348cd2cb9e0acebbee2cecd1b2e3c03bcff1b/plan8.png" data-mid="153567622" border="0" src="https://freight.cargo.site/w/1000/i/35373663980dff315714365148c348cd2cb9e0acebbee2cecd1b2e3c03bcff1b/plan8.png" /> <img width="3598" height="2084" width_o="3598" height_o="2084" data-src="https://freight.cargo.site/t/original/i/266b6708ec7c7b934f672e9f97a5482cd08655bb452e142ba67b7dd8e033621d/Screenshot-2024-02-22-at-12.35.49.png" data-mid="205206534" border="0" src="https://freight.cargo.site/w/1000/i/266b6708ec7c7b934f672e9f97a5482cd08655bb452e142ba67b7dd8e033621d/Screenshot-2024-02-22-at-12.35.49.png" /> PLAN8 MUSIC&nbsp; AI JAVASCRIPT / TYPESCRIPT WEB AUDIO WEBASSEMBLY RUST NODEREACT FULL-STACKHARDWAREDSPSOUND DESIGN I was the lead creative developer at Plan8 where I worked with a variety of technologies from day to day implementing creative audio-focused campaigns and products for clients. I’m was lucky enough to work on both hardware and software projects related to audio and interactive media. In addition, I was also in charge of internal tooling and lead development on our own bespoke interactive audio engine used in 3D worlds, interactive music apps, and for all of our web projects. Clients have included Spotify, Google, Ikea, Intel, YouTube, Stripe, and many others. You can see more info here: plan8.se https://portfolio.scottcazan.com/Teenage-Engineering Mon, 15 Feb 2021 07:08:26 +0000 scott cazan - code, art, sound https://portfolio.scottcazan.com/Teenage-Engineering <img width="903" height="982" width_o="903" height_o="982" data-src="https://freight.cargo.site/t/original/i/15c091a29697c0b7570bbeb731e038624032acb8654f33adbe8db489ccbd63a0/teenageSite.png" data-mid="98897706" border="0" src="https://freight.cargo.site/w/903/i/15c091a29697c0b7570bbeb731e038624032acb8654f33adbe8db489ccbd63a0/teenageSite.png" /><img width="2590" height="2082" width_o="2590" height_o="2082" data-src="https://freight.cargo.site/t/original/i/164259e743c2ae4c5893a65ecc9f4609bbe39574071d0d8045fbc611210c3987/Screenshot-2024-02-22-at-12.17.55.png" data-mid="205205900" border="0" src="https://freight.cargo.site/w/1000/i/164259e743c2ae4c5893a65ecc9f4609bbe39574071d0d8045fbc611210c3987/Screenshot-2024-02-22-at-12.17.55.png" /><img width="902" height="978" width_o="902" height_o="978" data-src="https://freight.cargo.site/t/original/i/5baf543fa057a6c4d4baabb877ecccb9da18f0df86e34d896a6d5de0fad6f45a/op1Site.png" data-mid="98897723" border="0" src="https://freight.cargo.site/w/902/i/5baf543fa057a6c4d4baabb877ecccb9da18f0df86e34d896a6d5de0fad6f45a/op1Site.png" /> TEENAGE ENGINEERING JAVASCRIPT / TYPESCRIPT WEBASSEMBLY PYTHON RUST GONODEREACT GRAPHQL I was the main web developer at teenage engineering for some years where I worked across the full-stack, managing multiple code-bases, and working on apps (web and mobile) that pair with the hardware products (utilizing WebAssembly, WebMIDI, WebBluetooth, and a variety of other lower level technologies). Beyond day to day eCommerce responsibilities, we also developed interactive experiences for campaigns, education, and internal design needs. During this time I was awarded the yearly “Nuts and Bolt” award in recognition of my work. You can visit the site here: teenage.engineering Additionally, after leaving the company, I continued to develop a drum utility in collaboration with David Ericksson at Teenage Engineering to accompany the OP-1, OP-1 Field, and OP-Z which can be found here. https://portfolio.scottcazan.com/Reciprocal-Syntax Thu, 22 Feb 2024 10:51:33 +0000 scott cazan - code, art, sound https://portfolio.scottcazan.com/Reciprocal-Syntax <img width="818" height="460" width_o="818" height_o="460" data-src="https://freight.cargo.site/t/original/i/fe91e0b859ffbe3cb92d4f3f12c2e99cc5c75090468cd2b2b5c9dfe81d47efa2/reciprocal.jpg" data-mid="205204697" border="0" src="https://freight.cargo.site/w/818/i/fe91e0b859ffbe3cb92d4f3f12c2e99cc5c75090468cd2b2b5c9dfe81d47efa2/reciprocal.jpg" /> Reciprocal Syntax MUSIC SOUND DESIGNC++ OPENFRAMEWORKSINSTALLATION I designed the sound and music for this installation along with building parts of the interactive sound engine in openFrameworks/C++. I was contracted by XORXOR and BCXSY and the project was commissioned by the Design Museum Holon. https://portfolio.scottcazan.com/Part-Whole Wed, 26 Apr 2017 17:48:45 +0000 scott cazan - code, art, sound https://portfolio.scottcazan.com/Part-Whole <img width="1920" height="1067" width_o="1920" height_o="1067" data-src="https://freight.cargo.site/t/original/i/132e6ddfdff7f66ebfd403db88c1b841b9c47f6af47326294587d0b7eb99e661/2.jpg" data-mid="103579704" border="0" src="https://freight.cargo.site/w/1000/i/132e6ddfdff7f66ebfd403db88c1b841b9c47f6af47326294587d0b7eb99e661/2.jpg" /><img width="1618" height="1080" width_o="1618" height_o="1080" data-src="https://freight.cargo.site/t/original/i/b2d3a9e38d539fcf50c3be6fb3173bd3e025d3528dec59bc87468643a33d5063/3.jpg" data-mid="103579706" border="0" src="https://freight.cargo.site/w/1000/i/b2d3a9e38d539fcf50c3be6fb3173bd3e025d3528dec59bc87468643a33d5063/3.jpg" /><img width="1618" height="1080" width_o="1618" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ce603c22cf2073c6da701df976c48471c38db5a81ea277c26aa50a36dc190ba5/4.jpg" data-mid="103579707" border="0" src="https://freight.cargo.site/w/1000/i/ce603c22cf2073c6da701df976c48471c38db5a81ea277c26aa50a36dc190ba5/4.jpg" /> PART/WHOLE MUSIC SOUND DESIGNAUDIO I was commissioned again by XORXOR to write the music and interactive sound design for this museum installation at the Museum of Applied Arts, Budapest. For this I developed a number of sound cues that were triggered by custom software written by XORXOR and a music score that would change based on how active participants were in the space. This project won the bronze prize in "Creative and Interpretive Exhibition Installation" at the Avicom Icom festival See more of the project here on XORXOR’s website https://portfolio.scottcazan.com/Warner-Brothers-and-Intel-CES-2019 Wed, 08 May 2019 05:00:54 +0000 scott cazan - code, art, sound https://portfolio.scottcazan.com/Warner-Brothers-and-Intel-CES-2019 <img width="2000" height="1331" width_o="2000" height_o="1331" data-src="https://freight.cargo.site/t/original/i/253c81e62b5082ae4a5f98df25c584a091d15bbd9d5495ec7e62f5f2abbd46b2/Intel-Warner-Bros-1.jpg" data-mid="42256711" border="0" src="https://freight.cargo.site/w/1000/i/253c81e62b5082ae4a5f98df25c584a091d15bbd9d5495ec7e62f5f2abbd46b2/Intel-Warner-Bros-1.jpg" /><img width="2000" height="1331" width_o="2000" height_o="1331" data-src="https://freight.cargo.site/t/original/i/eabd7bdd8dd5506916e6972458d19fa3185f1cbaa85056267ab860ce8133db31/Intel-Warner-Bros-2.jpg" data-mid="42256710" border="0" src="https://freight.cargo.site/w/1000/i/eabd7bdd8dd5506916e6972458d19fa3185f1cbaa85056267ab860ce8133db31/Intel-Warner-Bros-2.jpg" /> WARNER BROTHERS AND INTEL, CES 2019 JAVASCRIPTNODEREACT I teamed up once again with aeolab to help with a mobile application and tablet interface for a Warner Brothers, Intel, and BMW concept car collaboration which was unveiled at CES 2019. For this project, I implemented a touchscreen interface for tablet and phone that would allow the user to control various parts of the car including video playback, and a mechanical rolling screen that would rise from the backseat. I worked closely with aeolab to interface with their hardware via WebSockets, React, and Open Frameworks as well as interacting with their large screen embedded in the dashboard. Due to the high-profile nature of the event, we were all tasked with providing an extremely stable system for this prototype concept car. You can see more press and images from the project here: Venture Beat Bleeding Cool https://portfolio.scottcazan.com/Google-Play-Chandelier Fri, 21 Apr 2017 02:57:49 +0000 scott cazan - code, art, sound https://portfolio.scottcazan.com/Google-Play-Chandelier <img width="720" height="480" width_o="720" height_o="480" data-src="https://freight.cargo.site/t/original/i/aa04e9d3b9f015745a662940b1a61e40206b8263e07aa1308947180cfca58673/playchandelier01_P1000679_720x480.jpg" data-mid="42256714" border="0" data-scale="100" src="https://freight.cargo.site/w/720/i/aa04e9d3b9f015745a662940b1a61e40206b8263e07aa1308947180cfca58673/playchandelier01_P1000679_720x480.jpg" /><img width="720" height="480" width_o="720" height_o="480" data-src="https://freight.cargo.site/t/original/i/2cc52fc8a365e3fe3147c75c1e2c6b8cfe5bcb10d57f2a0bbb4df10ba21bf08b/playchandelier07_P1000722_720x480.jpg" data-mid="42256715" border="0" src="https://freight.cargo.site/w/720/i/2cc52fc8a365e3fe3147c75c1e2c6b8cfe5bcb10d57f2a0bbb4df10ba21bf08b/playchandelier07_P1000722_720x480.jpg" /> GOOGLE PLAY CHANDELIER INSTALLATIONNODE.JSJAVASCRIPT Play Chandelier is an interactive installation in collaboration with aeolab and SPARKS for Google's Zeitgeist '14 Conference. The multi-device showpiece integrates web services, custom interfaces, and distributed mobile device communication into a single synchronized experience. I was contacted by aeolab to help develop the user-facing interface for music selection and the display of music progress. This was developed as a tablet application that users could use to select songs and an accompanying web interface displayed on a screen for feedback. The "chandelier" allows users to choose music tracks from the Google Play Music store and add them to a queue. Fifty wirelessly connected Android devices form a cloud-like display, showing generative animations that respond in real time to the sound, which is audible via 8 wireless headsets. More info at aeolab's website