{"componentChunkName":"component---src-templates-blog-post-js","path":"/cta-train-time-texter/","result":{"data":{"site":{"siteMetadata":{"title":"Justin is a Maker","author":"Justin Smith"}},"mdx":{"id":"085b2cb3-a750-5101-bc95-9c3111831bb5","frontmatter":{"title":"Chicago Transit Authority Train Time Texter","date":"January 25, 2015","externalLink":null,"teaser":"Creating a button to text me how long I have to get to my L stop before I'm late for work."},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Chicago Transit Authority Train Time Texter\",\n \"date\": \"2015-01-25T00:00:00-0500\",\n \"teaser\": \"Creating a button to text me how long I have to get to my L stop before I'm late for work.\",\n \"featuredImage\": \"cta.jpg\"\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"p\", null, \"I\\u2019ve got around a ten minute walk to my closest train station every morning. Depending on how late I\\u2019m running and if I\\u2019m hustling or not, that time can swing from eight to twelve minutes. It seems like every time I try to do the eight-minute run, I always end up getting to the station right as my train is pulling away. To help better predict how much time I have to catch a train, I made a button that can figure out when the next train arrives. Once it gets the time, it sends me a text to my phone\\u2013that way I can hit the button on my way out the door and not worry about it until I make it to the bottom of my stairs.\"), mdx(\"div\", {\n \"className\": \"image-container large-image\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"div\",\n \"className\": \"gatsby-resp-image-wrapper\",\n \"style\": {\n \"position\": \"relative\",\n \"display\": \"block\",\n \"marginLeft\": \"auto\",\n \"marginRight\": \"auto\",\n \"maxWidth\": \"640px\"\n }\n }, \"\\n \", mdx(\"a\", {\n parentName: \"span\",\n \"className\": \"gatsby-resp-image-link\",\n \"href\": \"/static/8ff1a4df323f1a68b10d5d4918984dfe/c08c5/cta.jpg\",\n \"style\": {\n \"display\": \"block\"\n },\n \"target\": \"_blank\",\n \"rel\": \"noopener\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-background-image\",\n \"style\": {\n \"paddingBottom\": \"75%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAIDBAX/xAAWAQEBAQAAAAAAAAAAAAAAAAAAAQL/2gAMAwEAAhADEAAAAbLzdWbYUP/EABsQAAICAwEAAAAAAAAAAAAAAAECABIDERMh/9oACAEBAAEFArgDuJYGeWC7Z2XG3//EABURAQEAAAAAAAAAAAAAAAAAABAR/9oACAEDAQE/AYf/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAaEAACAwEBAAAAAAAAAAAAAAAAARESISIx/9oACAEBAAY/AtaRmk0R1p7CKn//xAAaEAADAQEBAQAAAAAAAAAAAAAAAREhMUGB/9oACAEBAAE/IfOLIb9fAlYCpbNm9J12RTo6taj/2gAMAwEAAgADAAAAECg//8QAFhEBAQEAAAAAAAAAAAAAAAAAAAER/9oACAEDAQE/EIa//8QAFhEBAQEAAAAAAAAAAAAAAAAAABEh/9oACAECAQE/ELqv/8QAHBABAQACAwEBAAAAAAAAAAAAAREAIVFhcUGB/9oACAEBAAE/EEYUCkFEeAe8mgHNSB63ksY/FSec+4mWAkr7vGckyCI/MPJQVC7fc//Z')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }), \"\\n \", mdx(\"img\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-image\",\n \"alt\": \"Photo by Clark Maxwell\",\n \"title\": \"Photo by Clark Maxwell\",\n \"src\": \"/static/8ff1a4df323f1a68b10d5d4918984dfe/c08c5/cta.jpg\",\n \"srcSet\": [\"/static/8ff1a4df323f1a68b10d5d4918984dfe/f93b5/cta.jpg 300w\", \"/static/8ff1a4df323f1a68b10d5d4918984dfe/b4294/cta.jpg 600w\", \"/static/8ff1a4df323f1a68b10d5d4918984dfe/c08c5/cta.jpg 640w\"],\n \"sizes\": \"(max-width: 640px) 100vw, 640px\",\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"margin\": \"0\",\n \"verticalAlign\": \"middle\",\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\"\n },\n \"loading\": \"lazy\"\n }), \"\\n \"), \"\\n \"), \"\\n \", mdx(\"a\", {\n parentName: \"div\",\n \"href\": \"http://www.flickr.com/photos/clarkmaxwell/\",\n \"target\": \"_new\",\n \"className\": \"image-caption\"\n }, \"Photo by Clark Maxwell\")), mdx(\"p\", null, \"Making a button that can talk to the Internet sounds kind of involved, but it\\u2019s actually pretty easy when you use a microcontroller like the Intel Edison. When the Edison hears a click from a button that\\u2019s attached to it, it uses JavaScript to make a call to the Chicago Transit Authority\\u2019s API, and then another call to Twilio to send me a text. Let\\u2019s take a look at how to make it!\"), mdx(\"h4\", null, \"Set Up Your Edison\"), mdx(\"p\", null, \"Full disclosure\", \"\\u2014\", \"I\\u2019m working on a Mac, so these instructions will skew that way. To get started, you should have a \", mdx(\"a\", {\n href: \"https://communities.intel.com/docs/DOC-23193\",\n target: \"_blank\"\n }, \"freshly-flashed Edison\"), \". After you board is flashed, you can try to find the IP address and enter all the additional commands, or you can just \\u201Cnpm install bloop\\u201D on the machine that you\\u2019re trying to SSH in from. \", mdx(\"a\", {\n href: \"http://rexstjohn.com/introducing-bloop-cli-commands-for-working-with-intel-edison/\",\n target: \"_blank\"\n }, \"Bloop is a tool\"), \" from \", mdx(\"a\", {\n href: \"http://rexstjohn.com/\",\n target: \"_blank\"\n }, \"Rex St. John\"), \", and it\\u2019s an absolute lifesaver when you\\u2019re working with the Edison. Instead of running \\u201Cscreen /dev/cu.usbserial-XXXXX 115200 -L\\u201D, all you have to do is run \\u201Cbloop c\\u201D it will connect to the Edison it finds on your network. Once you\\u2019re in, run \\u201Cconfigure_edison \\u2014setup\\u201D to get your wi-fi and user creds defined.\"), mdx(\"p\", null, \"While all this is happening, you can start downloading the Edison Yocto Image from \", mdx(\"a\", {\n href: \"https://communities.intel.com/docs/DOC-23242\",\n target: \"_blank\"\n }, \"this site\"), \". You want the link that says, \\u201CEdison Yocto Complete Image.\\u201D Once downloaded, you\\u2019ll need to load the files onto a micro SD card\\u2013you can read up on Yocto and how to get those files onto the SD card \", mdx(\"a\", {\n href: \"https://software.intel.com/en-us/html5/documentation/getting-started-with-intel-xdk-iot-edition\",\n target: \"_blank\"\n }, \"here\"), \". After you load the files, power down your Edison, insert the SD card, and the power it back up. To test your install is working, bloop in to your Edison and type \\u201Cnode -v\\u201D. If that returns the version of Node that you have installed you\\u2019re good to go. If it says \\u201CCommand not found,\\u201D you\\u2019re going to need to try loading Yocto onto the SD card again, because something went wrong.\"), mdx(\"h4\", null, \"Hook Up Your Button\"), mdx(\"div\", {\n className: \"paragraph-with-picture\"\n }, mdx(\"p\", null, \"If you read any of my other Edison posts, you know that I've been working with a \", mdx(\"a\", {\n href: \"http://www.seeedstudio.com/depot/Grove-Starter-Kit-p-709.html\",\n target: \"_blank\"\n }, \"Grove Starter Kit\"), \" that I got from Intel and Instructables. I used the small pushbutton from the starter kit for this project, but you can use any button\\u2013the bigger, the better.\", mdx(\"br\", null), mdx(\"br\", null), \"If you need help figuring out how to hook up the button, the Arduino website has a really \", mdx(\"a\", {\n href: \"http://arduino.cc/en/tutorial/button\",\n target: \"_blank\"\n }, \"great tutorial\"), \" to get you pointed in the right direction. Whatever button you end up using, all you need to do is hook it up so that it's outputting to a digital pin on the Edison. I used D2 for my program. Once that is connect, you can go ahead and power on your Edison.\"), mdx(\"div\", {\n \"className\": \"image-container small-image\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"div\",\n \"className\": \"gatsby-resp-image-wrapper\",\n \"style\": {\n \"position\": \"relative\",\n \"display\": \"block\",\n \"marginLeft\": \"auto\",\n \"marginRight\": \"auto\",\n \"maxWidth\": \"599px\"\n }\n }, \"\\n \", mdx(\"a\", {\n parentName: \"span\",\n \"className\": \"gatsby-resp-image-link\",\n \"href\": \"/static/252b87342f6919007921e84823c05339/d533d/sparkfun-big-red-button.jpg\",\n \"style\": {\n \"display\": \"block\"\n },\n \"target\": \"_blank\",\n \"rel\": \"noopener\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-background-image\",\n \"style\": {\n \"paddingBottom\": \"80%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAQABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAQFAQb/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAABoIPSzR0Rop//xAAZEAADAQEBAAAAAAAAAAAAAAABAgMEEgD/2gAIAQEAAQUC01KeSzgq3S64moTPZmA5H//EABcRAAMBAAAAAAAAAAAAAAAAAAECAxD/2gAIAQMBAT8Bm0wpDZ//xAAWEQADAAAAAAAAAAAAAAAAAAABEBH/2gAIAQIBAT8BNX//xAAcEAACAgIDAAAAAAAAAAAAAAAAAQIRMlESQZH/2gAIAQEABj8CUU6sy9FLYnHJFOPFbEl0f//EABkQAQADAQEAAAAAAAAAAAAAAAEAEWExIf/aAAgBAQABPyFi+hVl+U56uEZwXMa3ZrhKHxQon//aAAwDAQACAAMAAAAQMA//xAAWEQADAAAAAAAAAAAAAAAAAAABECH/2gAIAQMBAT8QGRV//8QAFxEAAwEAAAAAAAAAAAAAAAAAARARIf/aAAgBAgEBPxAKxf/EABwQAQACAwEBAQAAAAAAAAAAAAEAESExQWFxgf/aAAgBAQABPxDHDJc0cPq7jCrZuR48mgVn9LiuhfR4dkMXhp3O1ncKiiB4FT//2Q==')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }), \"\\n \", mdx(\"img\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-image\",\n \"alt\": \"Sparkfun's Big Red Button\",\n \"title\": \"Sparkfun's Big Red Button\",\n \"src\": \"/static/252b87342f6919007921e84823c05339/d533d/sparkfun-big-red-button.jpg\",\n \"srcSet\": [\"/static/252b87342f6919007921e84823c05339/f93b5/sparkfun-big-red-button.jpg 300w\", \"/static/252b87342f6919007921e84823c05339/d533d/sparkfun-big-red-button.jpg 599w\"],\n \"sizes\": \"(max-width: 599px) 100vw, 599px\",\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"margin\": \"0\",\n \"verticalAlign\": \"middle\",\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\"\n },\n \"loading\": \"lazy\"\n }), \"\\n \"), \"\\n \"), \"\\n \", mdx(\"a\", {\n parentName: \"div\",\n \"href\": \"https://www.sparkfun.com/products/9181\",\n \"target\": \"_new\",\n \"className\": \"image-caption\"\n }, \"Sparkfun's Big Red Button\"), \"\\n \")), mdx(\"h3\", null, \"Code Time\"), mdx(\"p\", null, \"We\\u2019re going to be using MRAA, Node.js, the Chicago Transit Authority\\u2019s API, and Twilio to handle the communication for this project. MRAA is the C library that lets us talk to the Edison through JavaScript. It works with a lot of different flavors of Intel products, and has a similar syntax to \\u201Cregular\\u201D Arduino code. We could write this code as a regular Arduino program, but this puppy can run Node, so why not?\"), mdx(\"p\", null, \"Chicago has been making a huge effort to make a lot of resources available to developers over the past few years. We\\u2019ve got the \", mdx(\"a\", {\n href: \"https://data.cityofchicago.org/\",\n target: \"_blank\"\n }, \"Data Portal\"), \" at our fingertips, \", mdx(\"a\", {\n href: \"https://arrayofthings.github.io/\",\n target: \"_blank\"\n }, \"the Array of Things\"), \" on the horizon, and fairly comprehensive access to the \", mdx(\"a\", {\n href: \"http://www.transitchicago.com/developers/\",\n target: \"_blank\"\n }, \"CTA\\u2019s API\"), \". We\\u2019ll be using the CTA API to ask for arrival times for a specific station.\"), mdx(\"h4\", null, \"API Prep\"), mdx(\"p\", null, \"In order to use the CTA\\u2019s API, you\\u2019re going to need to apply for an API key. I\\u2019ve never heard of them turning someone down for a key, but it does take around a day to turn around. You can \", mdx(\"a\", {\n href: \"http://www.transitchicago.com/developers/traintrackerapply.aspx\",\n target: \"_blank\"\n }, \"apply for an API key here\"), \".\"), mdx(\"p\", null, \"Once you have your API Key, you\\u2019re going to want to find out the station ID for your home station. You can find the \", mdx(\"a\", {\n href: \"http://www.transitchicago.com/developers/ttdocs/default.aspx#_Toc296199909\",\n target: \"_blank\"\n }, \"station listings here\"), \". It\\u2019s worth mentioning that this whole thing would also work for the \", mdx(\"a\", {\n href: \"http://www.transitchicago.com/developers/bustracker.aspx\",\n target: \"_blank\"\n }, \"CTA\\u2019s Bus Tracker API\"), \", as well as a slew of other transit APIs from other cities.\"), mdx(\"p\", null, \"In addition to the CTA API key, you\\u2019ll also need a Twilio key. If you aren\\u2019t already familiar with it, Twilio is a service that lets you send calls or texts programmatically. To get your Twilio API Keys, you\\u2019ll need to sign up for their free trial \", mdx(\"a\", {\n href: \"https://www.twilio.com/try-twilio\",\n rel: \"nofollow\"\n }, \"here\"), \". The trial lets you send thousands of texts before you have to decide if you want to pay for your use, so you should be in the clear for this and many other projects.\"), mdx(\"h4\", null, \"Write the Code\"), mdx(\"p\", null, \"Now that you\\u2019ve got your API stuff all sorted out, we can actually write the code that\\u2019s going to be running this stuff. Code be found on GitHub, but come on, write it out yourself and get a good understanding of it.\"), mdx(\"div\", {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"javascript\"\n }, mdx(\"pre\", {\n parentName: \"div\",\n \"style\": {\n \"counterReset\": \"linenumber NaN\"\n },\n \"className\": \"language-javascript line-numbers\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Require Node libraries\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" mraa \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"require\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'mraa'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" request \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"require\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'request'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" xml2js \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"require\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'xml2js'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// We get the data back from the CTA API in XML, so we'll set up a parser to get it over to JSON\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" parser \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"new\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"xml2js\", mdx(\"span\", {\n parentName: \"span\",\n \"className\": \"token punctuation\"\n }, \".\"), \"Parser\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// CTA vars\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" json\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \"\\n\\tmessageBody\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \"\\n\\tloganId \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'41020'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \"\\n\\tapiKey \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'[ INSERT CTA API KEY ]'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"//TWILIO\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" twilio \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"require\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'twilio'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" client \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"new\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"twilio\", mdx(\"span\", {\n parentName: \"span\",\n \"className\": \"token punctuation\"\n }, \".\"), \"RestClient\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"\\n\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'[ INSERT TWILIO PUBLIC KEY ]'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \"\\n\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'[ INSERT TWILIO PRIVATE KEY ]'\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Use MRAA to declare a new input on digital pin 2\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" buttonPin \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"new\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"mraa\", mdx(\"span\", {\n parentName: \"span\",\n \"className\": \"token punctuation\"\n }, \".\"), \"Gpio\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"2\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\nbuttonPin\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"dir\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"mraa\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token constant\"\n }, \"DIR_IN\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Log the MRAA version for a sanity check\"), \"\\nconsole\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"log\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'MRAA Version: '\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \" mraa\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"getVersion\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Set up the init function\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"function\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"init\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"getArrTime\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"checkButtonPress\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Set up the function to query the CTA API using request\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"function\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"getArrTime\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"request\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"\\n\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'http://lapi.transitchicago.com/api/1.0/ttarrivals.aspx?key='\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \"\\n\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// include the api key\"), \"\\n\\t\\tapiKey \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \"\\n\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'&mapid='\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \"\\n\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// and the station id\"), \"\\n\\t\\tloganId \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \"\\n\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// only return two results\\u2013we just need the next train in a certain direction\"), \"\\n\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'&max=2'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"function\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token parameter\"\n }, \"error\", mdx(\"span\", {\n parentName: \"span\",\n \"className\": \"token punctuation\"\n }, \",\"), \" response\", mdx(\"span\", {\n parentName: \"span\",\n \"className\": \"token punctuation\"\n }, \",\"), \" body\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// parse the XML response\"), \"\\n\\t\\t\\tparser\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"parseString\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"body\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"function\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token parameter\"\n }, \"err\", mdx(\"span\", {\n parentName: \"span\",\n \"className\": \"token punctuation\"\n }, \",\"), \" result\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n\\t\\t\\t\\tjson \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token constant\"\n }, \"JSON\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"stringify\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"result\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\t\\t\\t\\tjson \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token constant\"\n }, \"JSON\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"parse\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"json\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\t\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"return\"), \" json\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"for\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"i\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" l\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"json\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'ctatt'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), \"eta\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), \"length\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \" i \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"<\"), \" l\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \" i\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"++\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n\\t\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// format the time to AM/PM\"), \"\\n\\t\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" arrTime \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"String\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"json\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'ctatt'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), \"eta\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), \"i\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), \"arrT\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"slice\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"9\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\t\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token constant\"\n }, \"H\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" arrTime\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"slice\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"2\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\t\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" h \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token constant\"\n }, \"H\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"%\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"12\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"||\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"12\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\t\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" ampm \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token constant\"\n }, \"H\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"<\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"12\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"?\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"\\\"AM\\\"\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \":\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"\\\"PM\\\"\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\t\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" formattedArrTime \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" h \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \" arrTime\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"substr\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"2\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"3\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"' '\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \" ampm\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\\t\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// pull the response for the direction of train that we're looking for. The Blue Line runs North towards O'Hare, or South towards Forest Park\\u2013I want Forest Park for my morning commute\"), \"\\n\\t\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"if\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"json\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'ctatt'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), \"eta\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), \"i\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), \"destNm\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"==\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'Forest Park'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n\\t\\t\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// give us a nice message to text\"), \"\\n\\t\\t\\t\\t\\tmessageBody \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \"\\n\\t\\t\\t\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'A Forest Park-Bound '\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \"\\n\\t\\t\\t\\t\\t\\tjson\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'ctatt'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), \"eta\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), \"i\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), \"rt \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \"\\n\\t\\t\\t\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"' Line train will arrive at '\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \"\\n\\t\\t\\t\\t\\t\\tjson\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'ctatt'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), \"eta\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), \"i\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), \"staNm \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \"\\n\\t\\t\\t\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"' at '\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \"\\n\\t\\t\\t\\t\\t\\tformattedArrTime\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\t\\t\\t\\t\\tconsole\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"log\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'set: '\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \" messageBody\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\t\\t\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"return\"), \" messageBody\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\t\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// END DEST CHECK\"), \"\\n\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// END FOR LOOP\"), \"\\n\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// END REQUEST\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// END GET ARRIVAL TIME\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// code to listen for a button press\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"function\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"checkButtonPress\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" buttonPushed \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" buttonPin\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"read\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"if\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"buttonPushed\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"getArrTime\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\t\\tconsole\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"log\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'ret: '\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \" messageBody\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// tell the text where to go\"), \"\\n\\t\\tclient\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), \"sms\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), \"messages\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"create\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n\\t\\t\\tto\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \":\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'[ INSERT TARGET PHONE NUMBER ]'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \"\\n\\t\\t\\tfrom\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \":\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'+[ INSERT TWILIO PHONE NUMBER ]'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \"\\n\\t\\t\\tbody\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \":\"), \" messageBody\\n\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"function\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token parameter\"\n }, \"error\", mdx(\"span\", {\n parentName: \"span\",\n \"className\": \"token punctuation\"\n }, \",\"), \" message\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"if\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"!\"), \"error\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n\\t\\t\\t\\tconsole\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"log\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"message\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"else\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n\\t\\t\\t\\tconsole\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"log\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"error\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \"\\n\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// wait two seconds before we start checking for presses again to prevent lingering clicks\"), \"\\n\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"setTimeout\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"function\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n\\t\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"setTimeout\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"checkButtonPress\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"100\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\t\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"2000\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"else\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"setTimeout\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"checkButtonPress\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"100\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\t\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// END CHECK BUTTON PRESSED\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// call the init function\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"init\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\")), mdx(\"span\", {\n parentName: \"pre\",\n \"aria-hidden\": \"true\",\n \"className\": \"line-numbers-rows\",\n \"style\": {\n \"whiteSpace\": \"normal\",\n \"width\": \"auto\",\n \"left\": \"0\"\n }\n }, mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n })))), mdx(\"h4\", null, \"Run Your Code\"), mdx(\"p\", null, \"In the terminal window that has your Bloop session open, type \\u2018node traintracker.js\\u2019 in the root of your project folder. This should start the JS running. Check your terminal to see if the Edison gave back the MRAA version\\u2013if it did, you\\u2019re all good to go. Go ahead and press the button, and then wait for your text.\"), mdx(\"p\", null, \"If you don\\u2019t receive a text, take a look at the output in the terminal. The code will return an error telling you what you\\u2019re missing. Make sure that you replaced all the CTA and Twilio API keys, as well as the Twilio numbers.\"), mdx(\"p\", null, \"If your button is working, now you can hit it on the way out your door and have you marching orders texted to you right away. Yay, Internet!\"));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"/cta-train-time-texter/","previous":{"id":"61e7d6b0-c218-5a5d-8f66-753fa7b121dd","fields":{"slug":"/bark-tracking/"},"frontmatter":{"title":"Bark Tracking with the Intel Edison"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Bark Tracking with the Intel Edison\",\n \"date\": \"2015-01-18T00:00:00-0500\",\n \"teaser\": \"Listening for loud dog barks in my apartment and then logging the data to Phant.io through Node.js on an Edison.\",\n \"featuredImage\": \"king.jpg\"\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"p\", null, \"A couple of years ago my landlord informed me that the shop that I was living behind would be expanding in to my apartment. He wasn\\u2019t sure of the exact timeline, but he was sure of the fact that we would need to move in the near future. This was the first apartment that my girlfriend and I rented together\", \"\\u2014\", \"and our first \\u201Creal\\u201D Chicago apartment\", \"\\u2014\", \"you can imagine how bummed we were. To soften the blow, we decided that we would start looking for an apartment that would allow a dog.\"), mdx(\"div\", {\n \"className\": \"image-container large-image\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"div\",\n \"className\": \"gatsby-resp-image-wrapper\",\n \"style\": {\n \"position\": \"relative\",\n \"display\": \"block\",\n \"marginLeft\": \"auto\",\n \"marginRight\": \"auto\",\n \"maxWidth\": \"800px\"\n }\n }, \"\\n \", mdx(\"a\", {\n parentName: \"span\",\n \"className\": \"gatsby-resp-image-link\",\n \"href\": \"/static/80c0b208db0683b901474f01cb2db763/4b190/king-2.jpg\",\n \"style\": {\n \"display\": \"block\"\n },\n \"target\": \"_blank\",\n \"rel\": \"noopener\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-background-image\",\n \"style\": {\n \"paddingBottom\": \"71.33333333333334%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAOABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAMBAgX/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEAMQAAAB1bJkcJI//8QAGhAAAQUBAAAAAAAAAAAAAAAAAQACEBESIf/aAAgBAQABBQLVIu5tOBqP/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAGRAAAQUAAAAAAAAAAAAAAAAAABARITFx/9oACAEBAAY/AtGKIX//xAAaEAACAwEBAAAAAAAAAAAAAAABEQAQIUFh/9oACAEBAAE/IVFHxGZVHarewuv/2gAMAwEAAgADAAAAEDMv/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPxA//8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQIBAT8QV//EABoQAAMBAAMAAAAAAAAAAAAAAAABESFBYfD/2gAIAQEAAT8Qxzgr7jIGEm08UQ0hod1gmG2in//Z')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }), \"\\n \", mdx(\"img\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-image\",\n \"alt\": \"A Photo of King by Ashley Fischer for the Warm Noses Project\",\n \"title\": \"A Photo of King by Ashley Fischer for the Warm Noses Project\",\n \"src\": \"/static/80c0b208db0683b901474f01cb2db763/4b190/king-2.jpg\",\n \"srcSet\": [\"/static/80c0b208db0683b901474f01cb2db763/f93b5/king-2.jpg 300w\", \"/static/80c0b208db0683b901474f01cb2db763/b4294/king-2.jpg 600w\", \"/static/80c0b208db0683b901474f01cb2db763/4b190/king-2.jpg 800w\"],\n \"sizes\": \"(max-width: 800px) 100vw, 800px\",\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"margin\": \"0\",\n \"verticalAlign\": \"middle\",\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\"\n },\n \"loading\": \"lazy\"\n }), \"\\n \"), \"\\n \"), \"\\n \", mdx(\"a\", {\n parentName: \"div\",\n \"href\": \"http://www.aefischer.com/pets/\",\n \"target\": \"_new\",\n \"className\": \"image-caption\"\n }, \"A Photo of King by Ashley Fischer for the Warm Noses Project\")), mdx(\"p\", null, \"A few weeks later, we ended up with King, the big lug of a dog that you see pictured above. He\\u2019s a pit mutt that we managed to pick up from the \", mdx(\"a\", {\n href: \"http://www.cityofchicago.org/city/en/depts/cacc.html\",\n target: \"_new\"\n }, \"Chicago Animal Care and Control\"), \" kennel 48 hours before he was set to be euthanized. The decision, albeit rushed, was a good one in the long run\\u2013King is a great dog.\"), mdx(\"p\", null, \"With that said, one of King\\u2019s favorite pastimes is barking in the house while we\\u2019re out. Squirrels, cars, people in the hallway\\u2013if it makes a noise while we\\u2019re out, King is on it. I decided to run a few experiments by tracking his barking to see what we could do to quiet him down a bit.\"), mdx(\"p\", null, \"I ended up using the \", mdx(\"a\", {\n href: \"http://www.intel.com/content/www/us/en/do-it-yourself/edison.html\",\n target: \"_new\"\n }, \"Intel Edison\"), \" to log King\\u2019s barking patterns. My thinking was that the Edison would use a small mic to listen to the room for loud noises, and then when it registered a noise, it would send that data to a feed on \", mdx(\"a\", {\n href: \"https://data.sparkfun.com/\",\n target: \"_new\"\n }, \"data.sparkfun.com\"), \".\"), mdx(\"h3\", null, \"Here\\u2019s how to make your own bark tracker\"), mdx(\"p\", null, \"The Edison is really good at a lot of things, and one of the things that excites me the most about it is its ability to run Node.js. The only big downside of the Edison is that it\\u2019s a little tricky to get started if you\\u2019re still a greenhorn, but it\\u2019s nothing that you can figure out with a little persistence.\"), mdx(\"h4\", null, \"Setting Up the Edison\"), mdx(\"p\", null, \"Full disclosure\", \"\\u2014\", \"I\\u2019m working on a Mac, so these instructions will skew that way. To get started, you should have a \", mdx(\"a\", {\n href: \"https://communities.intel.com/docs/DOC-23193\",\n target: \"_new\"\n }, \"freshly-flashed Edison\"), \". After you board is flashed, you can try to find the IP address and enter all the additional commands, or you can just \\u201Cnpm install bloop\\u201D on the machine that you\\u2019re trying to SSH in from. \", mdx(\"a\", {\n href: \"http://rexstjohn.com/introducing-bloop-cli-commands-for-working-with-intel-edison/\",\n target: \"_new\"\n }, \"Bloop is a tool\"), \" from \", mdx(\"a\", {\n href: \"http://rexstjohn.com/\",\n target: \"_new\"\n }, \"Rex St. John\"), \", and it\\u2019s an absolute lifesaver when you\\u2019re working with the Edison. Instead of running \\u201Cscreen /dev/cu.usbserial-XXXXX 115200 -L\\u201D, all you have to do is run \\u201Cbloop c\\u201D it will connect to the Edison it finds on your network. Once you\\u2019re in, run \\u201Cconfigure_edison \\u2014setup\\u201D to get your wi-fi and user creds defined.\"), mdx(\"p\", null, \"While all this is happening, you can start downloading the Edison Yocto Image from \", mdx(\"a\", {\n href: \"https://communities.intel.com/docs/DOC-23242\",\n target: \"_new\"\n }, \"this site\"), \". You want the link that says, \\u201CEdison Yocto Complete Image.\\u201D Once downloaded, you\\u2019ll need to load the files onto a micro SD card\\u2013you can read up on Yocto and how to get those files onto the SD card \", mdx(\"a\", {\n href: \"https://software.intel.com/en-us/html5/documentation/getting-started-with-intel-xdk-iot-edition\",\n target: \"_new\"\n }, \"here\"), \". After you load the files, power down your Edison, insert the SD card, and the power it back up. To test your install is working, bloop in to your Edison and type \\u201Cnode -v\\u201D. If that returns the version of Node that you have installed you\\u2019re good to go. If it says \\u201CCommand not found,\\u201D you\\u2019re going to need to try loading Yocto onto the SD card again, because something went wrong.\"), mdx(\"h4\", null, \"Hook Up Your Sensor\"), mdx(\"div\", {\n className: \"paragraph-with-picture left\"\n }, mdx(\"p\", null, \"At this point in the build, you'll need to hook up whatever kind of sensor you're using. I was fortunate enough to receive a \", mdx(\"a\", {\n href: \"http://www.seeedstudio.com/depot/Grove-Starter-Kit-p-709.html\",\n target: \"_new\"\n }, \"Grove Starter Kit\"), \" from Intel and Instructables, so I'll be talking about my experience with that. First pro-tip is that the connector shield is located on the back of the red anti-static foam, under the LCD screen. I may or may not have made it all the way to ordering a connector shield on Amazon before errantly knocking the starter kit case over and realizing that there was a shield already in the kit. It was early. I hadn't made coffee yet.\"), mdx(\"div\", {\n \"className\": \"image-container small-image\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"div\",\n \"className\": \"gatsby-resp-image-wrapper\",\n \"style\": {\n \"position\": \"relative\",\n \"display\": \"block\",\n \"marginLeft\": \"auto\",\n \"marginRight\": \"auto\",\n \"maxWidth\": \"768px\"\n }\n }, \"\\n \", mdx(\"a\", {\n parentName: \"span\",\n \"className\": \"gatsby-resp-image-link\",\n \"href\": \"/static/2f930a0b5934694ea04e46b4d4c98c9c/212bf/grove-shield-packaging.jpg\",\n \"style\": {\n \"display\": \"block\"\n },\n \"target\": \"_blank\",\n \"rel\": \"noopener\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-background-image\",\n \"style\": {\n \"paddingBottom\": \"133.33333333333331%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAbABQDASIAAhEBAxEB/8QAGQAAAwADAAAAAAAAAAAAAAAAAAMEAQIF/8QAFwEAAwEAAAAAAAAAAAAAAAAAAQIDAP/aAAwDAQACEAMQAAABSxbp1Cg0pmxZZu4bgH//xAAdEAACAQQDAAAAAAAAAAAAAAABAgMAERMxEjRD/9oACAEBAAEFAsgspDUVpowrRrIWffFsIW0rb8G7Ff/EABcRAAMBAAAAAAAAAAAAAAAAAAACEBL/2gAIAQMBAT8BY1f/xAAXEQEAAwAAAAAAAAAAAAAAAAABABAS/9oACAECAQE/ASaL/8QAHxAAAQMDBQAAAAAAAAAAAAAAAQACIgMQETFBUnGB/9oACAEBAAY/ArxYSVMYWik7GTyTZN2tT7KHlv/EAB8QAQADAAIBBQAAAAAAAAAAAAEAESExUUGBobHB8f/aAAgBAQABPyEcZvUGK94g19wRiu7IbweJnMFgBaNJZW/XOuVBAHF+0B6Pxls//9oADAMBAAIAAwAAABAQyQP/xAAXEQADAQAAAAAAAAAAAAAAAAAAAREh/9oACAEDAQE/EGWxDjB6Q//EABgRAQADAQAAAAAAAAAAAAAAAAABETEh/9oACAECAQE/EOsTAxT/xAAcEAEAAwEBAQEBAAAAAAAAAAABABEhMWFBcbH/2gAIAQEAAT8QdMrvGxGoLhov0zkWgCodPlmT9lKDjzx/sDSrnY+0NEBowvn3nkGixoW5aBynsG7Q2DFAhBad2hLFRZR5iFXeT//Z')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }), \"\\n \", mdx(\"img\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-image\",\n \"alt\": \"Finding the Grove connector shield\",\n \"title\": \"Finding the Grove connector shield\",\n \"src\": \"/static/2f930a0b5934694ea04e46b4d4c98c9c/212bf/grove-shield-packaging.jpg\",\n \"srcSet\": [\"/static/2f930a0b5934694ea04e46b4d4c98c9c/f93b5/grove-shield-packaging.jpg 300w\", \"/static/2f930a0b5934694ea04e46b4d4c98c9c/b4294/grove-shield-packaging.jpg 600w\", \"/static/2f930a0b5934694ea04e46b4d4c98c9c/212bf/grove-shield-packaging.jpg 768w\"],\n \"sizes\": \"(max-width: 768px) 100vw, 768px\",\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"margin\": \"0\",\n \"verticalAlign\": \"middle\",\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\"\n },\n \"loading\": \"lazy\"\n }), \"\\n \"), \"\\n \"), \"\\n \", mdx(\"a\", {\n parentName: \"div\",\n \"className\": \"image-caption\"\n }, \"Finding the Grove connector shield\"), \"\\n \")), mdx(\"p\", null, \"I 3D printed a case for my Edison using \", mdx(\"a\", {\n href: \"https://www.thingiverse.com/thing:457434\",\n target: \"_new\"\n }, \"a design from Thingiverse\"), \". The case uses the screws for the struts to secure the lid, and has two slots for the shield pins to go through. I did have to drill an extra hole in the lid for the ISP pins, but other than that everything fits great.\"), mdx(\"div\", {\n \"className\": \"image-container large-image\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"div\",\n \"className\": \"gatsby-resp-image-wrapper\",\n \"style\": {\n \"position\": \"relative\",\n \"display\": \"block\",\n \"marginLeft\": \"auto\",\n \"marginRight\": \"auto\",\n \"maxWidth\": \"1024px\"\n }\n }, \"\\n \", mdx(\"a\", {\n parentName: \"span\",\n \"className\": \"gatsby-resp-image-link\",\n \"href\": \"/static/ca0517baa940328a99f4632617304b18/72e01/edison-case.jpg\",\n \"style\": {\n \"display\": \"block\"\n },\n \"target\": \"_blank\",\n \"rel\": \"noopener\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-background-image\",\n \"style\": {\n \"paddingBottom\": \"75%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAIFAwb/xAAXAQADAQAAAAAAAAAAAAAAAAAAAgME/9oADAMBAAIQAxAAAAFnn55m6Ajlj//EABsQAAMAAgMAAAAAAAAAAAAAAAABAgMEERMU/9oACAEBAAEFAiWzqTK2JJz1z6c5/8QAFhEBAQEAAAAAAAAAAAAAAAAAABEh/9oACAEDAQE/AcV//8QAFxEAAwEAAAAAAAAAAAAAAAAAAAECEf/aAAgBAgEBPwFxYtw//8QAGhAAAgIDAAAAAAAAAAAAAAAAAAECIRAigf/aAAgBAQAGPwLFmqZUUU0uH//EABsQAAMAAgMAAAAAAAAAAAAAAAABESExUXGh/9oACAEBAAE/Ia9jMy+miKpWXe2EQLc8FwP/2gAMAwEAAgADAAAAEE8v/8QAFhEBAQEAAAAAAAAAAAAAAAAAAQAR/9oACAEDAQE/EBFi/8QAFREBAQAAAAAAAAAAAAAAAAAAAQD/2gAIAQIBAT8QQqQAFv/EABwQAQADAAIDAAAAAAAAAAAAAAEAESFBcWHB0f/aAAgBAQABPxCt0y0UD5BK4qGply2U9R9luzN6vqJHhoDR2z//2Q==')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }), \"\\n \", mdx(\"img\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-image\",\n \"alt\": \"3D Printed Intel Edison Case by Michael Jassowski\",\n \"title\": \"3D Printed Intel Edison Case by Michael Jassowski\",\n \"src\": \"/static/ca0517baa940328a99f4632617304b18/72e01/edison-case.jpg\",\n \"srcSet\": [\"/static/ca0517baa940328a99f4632617304b18/f93b5/edison-case.jpg 300w\", \"/static/ca0517baa940328a99f4632617304b18/b4294/edison-case.jpg 600w\", \"/static/ca0517baa940328a99f4632617304b18/72e01/edison-case.jpg 1024w\"],\n \"sizes\": \"(max-width: 1024px) 100vw, 1024px\",\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"margin\": \"0\",\n \"verticalAlign\": \"middle\",\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\"\n },\n \"loading\": \"lazy\"\n }), \"\\n \"), \"\\n \"), \"\\n \", mdx(\"a\", {\n parentName: \"div\",\n \"href\": \"http://www.thingiverse.com/thing:457434\",\n \"target\": \"_new\",\n \"className\": \"image-caption\"\n }, \"3D Printed Intel Edison Case by Michael Jassowski\")), mdx(\"p\", null, \"Power down your Edison, and then attach the Grove Connector Shield. Once you have your shield attached, grab a connector and attach your sound sensor to the pin marked \\u201CA0\\u201D (analog 0). Once that is securely connected, go ahead and power up your Edison again.\"), mdx(\"div\", {\n \"className\": \"image-container large-image\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"div\",\n \"className\": \"gatsby-resp-image-wrapper\",\n \"style\": {\n \"position\": \"relative\",\n \"display\": \"block\",\n \"marginLeft\": \"auto\",\n \"marginRight\": \"auto\",\n \"maxWidth\": \"1024px\"\n }\n }, \"\\n \", mdx(\"a\", {\n parentName: \"span\",\n \"className\": \"gatsby-resp-image-link\",\n \"href\": \"/static/9c35b9d082628d54b428ac86b809f34a/72e01/edison-with-sound-sensor.jpg\",\n \"style\": {\n \"display\": \"block\"\n },\n \"target\": \"_blank\",\n \"rel\": \"noopener\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-background-image\",\n \"style\": {\n \"paddingBottom\": \"75%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAQBAgX/xAAWAQEBAQAAAAAAAAAAAAAAAAABAgP/2gAMAwEAAhADEAAAAaCU51qCIv8A/8QAGRABAAMBAQAAAAAAAAAAAAAAAQACAxEU/9oACAEBAAEFArWCuNCwHI7jDfk92k//xAAXEQEAAwAAAAAAAAAAAAAAAAAAAREh/9oACAEDAQE/AcXD/8QAFxEBAAMAAAAAAAAAAAAAAAAAAAESIf/aAAgBAgEBPwGLNf/EABwQAAICAgMAAAAAAAAAAAAAAAABAhESMSEiof/aAAgBAQAGPwLQ8VRTRpnWHpxGJ//EABsQAAICAwEAAAAAAAAAAAAAAAERACFBUWFx/9oACAEBAAE/Icy4UCoS9hgSY1cqnCV6bfUXQY0p/9oADAMBAAIAAwAAABCr7//EABURAQEAAAAAAAAAAAAAAAAAABAR/9oACAEDAQE/EID/xAAWEQEBAQAAAAAAAAAAAAAAAAAAIRH/2gAIAQIBAT8QhWH/xAAdEAEBAAIBBQAAAAAAAAAAAAABEQAhMVFhkaHB/9oACAEBAAE/EFTFwJg3Ha1qW/OMpQ1KtvA5f7JUMMgIC3NOsmcUbgKHvP/Z')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }), \"\\n \", mdx(\"img\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-image\",\n \"alt\": \"My Edison with the mic hooked up to A0\",\n \"title\": \"My Edison with the mic hooked up to A0\",\n \"src\": \"/static/9c35b9d082628d54b428ac86b809f34a/72e01/edison-with-sound-sensor.jpg\",\n \"srcSet\": [\"/static/9c35b9d082628d54b428ac86b809f34a/f93b5/edison-with-sound-sensor.jpg 300w\", \"/static/9c35b9d082628d54b428ac86b809f34a/b4294/edison-with-sound-sensor.jpg 600w\", \"/static/9c35b9d082628d54b428ac86b809f34a/72e01/edison-with-sound-sensor.jpg 1024w\"],\n \"sizes\": \"(max-width: 1024px) 100vw, 1024px\",\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"margin\": \"0\",\n \"verticalAlign\": \"middle\",\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\"\n },\n \"loading\": \"lazy\"\n }), \"\\n \"), \"\\n \"), \"\\n \", mdx(\"a\", {\n parentName: \"div\",\n \"className\": \"image-caption\"\n }, \"My Edison with the mic hooked up to A0\")), mdx(\"p\", null, \"It should be noted that while the Grove Starter Kit is a nice to have, you don\\u2019t really need to worry about not having it. Get a sensor, solder some wires on, and hook it up straight to the pins on the Arduino\\u2013it\\u2019s all the same thing.\"), mdx(\"h4\", null, \"Create a Feed on data.sparkfun.com\"), mdx(\"p\", null, \"Before we start writing the code, we\\u2019re going to need some place to put all this tasty, tasty data that we\\u2019ll be collecting. I decided to use \", mdx(\"a\", {\n href: \"https://data.sparkfun.com/\",\n target: \"_new\"\n }, \"data.sparkfun\"), \" for its ease of use. You\\u2019ll need to create a feed\\u2013\", mdx(\"a\", {\n href: \"https://data.sparkfun.com/streams/make\",\n target: \"_new\"\n }, \"follow this link to do that\"), \".\"), mdx(\"p\", null, \"While you\\u2019re setting up your feed, you need to decide what it is that you\\u2019ll be tracking. You can add these items in the fields section. For my build, all I need to track is the level of noise. Sparkfun automatically adds a timestamp for you, which is the other piece of data that I\\u2019d like to collect.\"), mdx(\"p\", null, \"Once you\\u2019ve created your feed, keep the window open so you have easy access to your public and private keys\\u2013you\\u2019ll need those in the next step.\"), mdx(\"h4\", null, \"Set Up Your Dev Environment\"), mdx(\"p\", null, \"Now that your sensor is plugged in, power your Edison is powered on again. Once it\\u2019s booted up, run \\u201Cbloop c\\u201D from Terminal on your computer to SSH into your Edison. Once you\\u2019re in, make a new directory for your project in your root folder. Grab the contents of my \", mdx(\"a\", {\n href: \"https://github.com/justinisamaker/arduino/blob/master/barkTracker/package.json\",\n target: \"_new\"\n }, \"package.json file\"), \", and then run \\u201Cnpm install\\u201D from the root directory. This will install Forever, Moment, Moment Timezone, and Request, as well as any dependencies that they have.\"), mdx(\"h3\", null, \"Time to write some code!\"), mdx(\"p\", null, \"The code we\\u2019re writing is fairly simply. All we\\u2019re going to do is listen to the sensor, and when we hear a noise above a certain level, send the data off to our feed. You can find the code on my \", mdx(\"a\", {\n href: \"https://github.com/justinisamaker/barktracker\",\n target: \"_new\"\n }, \"GitHub\"), \", but I\\u2019d much rather you read through the code below and see what\\u2019s going on.\"), mdx(\"div\", {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"javascript\"\n }, mdx(\"pre\", {\n parentName: \"div\",\n \"style\": {\n \"counterReset\": \"linenumber NaN\"\n },\n \"className\": \"language-javascript line-numbers\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Require libraries\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" m \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"require\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'mraa'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" request \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"require\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'request'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" moment \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"require\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'moment'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" momentTimezone \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"require\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'moment-timezone'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Do a sanity check to make sure that MRAA is loaded\"), \"\\nconsole\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"log\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'MRAA Version: '\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \" m\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"getVersion\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Declare your sensor as an analog input\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" soundSensor \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"new\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"m\", mdx(\"span\", {\n parentName: \"span\",\n \"className\": \"token punctuation\"\n }, \".\"), \"Aio\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Set the sound threshold\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" threshold \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"800\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Run the function to start out\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"checkSoundLevels\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Declare the sound check function\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"function\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"checkSoundLevels\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// read the value to start off\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" soundValue \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" soundSensor\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"read\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Log the value to see where you need to set the threshold\\u2013uncomment this line to debug\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"//console.log(soundValue);\"), \"\\n\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// If the sound is higher than the threshold, make the request\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"if\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"soundValue \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \">=\"), \" threshold\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Set the current time with my timezone, format the date and time\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"var\"), \" currentTime \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"moment\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"tz\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"\\\"America/Chicago\\\"\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"format\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'HH:mm:ss\\u2013MM/DD/YYYY'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Use the request library to hit the Sparkfun URL\\u2013make sure you replace the applicable parts with your data\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"request\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'http://data.sparkfun.com/input/[INSERT PUBLIC KEY]?private_key=[INSERT PRIVATE KEY]&soundlevel='\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \" soundValue \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'&localtime='\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \" currentTime\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"function\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token parameter\"\n }, \"error\", mdx(\"span\", {\n parentName: \"span\",\n \"className\": \"token punctuation\"\n }, \",\"), \" response\", mdx(\"span\", {\n parentName: \"span\",\n \"className\": \"token punctuation\"\n }, \",\"), \" body\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n console\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"log\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"response\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), \"statusCode\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// If the response is good, wait 10 seconds before we start checking again\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"if\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"response\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), \"statusCode \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"===\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"200\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n console\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"log\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'posted successfully with a sound value of '\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \" soundValue \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"' at '\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \" currentTime\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"setTimeout\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"function\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"setTimeout\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"checkSoundLevels\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"100\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"10000\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"else\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n console\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"log\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'oops, there was an error'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n console\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"log\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"response\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), \"statusCode \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"' :::: '\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"+\"), \" response\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), \"body\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"setTimeout\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"checkSoundLevels\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"100\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"else\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"setTimeout\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"checkSoundLevels\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"100\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// console.log(soundValue);\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\")), mdx(\"span\", {\n parentName: \"pre\",\n \"aria-hidden\": \"true\",\n \"className\": \"line-numbers-rows\",\n \"style\": {\n \"whiteSpace\": \"normal\",\n \"width\": \"auto\",\n \"left\": \"0\"\n }\n }, mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n })))), mdx(\"p\", null, \"When you look at the code, you\\u2019ll need to find the spot that says \\u201D\", \"[YOUR PRIVATE KEY]\", \"\\u201D and \\u201D\", \"[YOUR STREAM ID]\", \"\\u201D and replace those with the info that you got from Sparkfun when you set up your stream.\"), mdx(\"h4\", null, \"Run Your Code\"), mdx(\"p\", null, \"Once everything is loaded and configured, navigate to the root folder of your project, and run \\u201Cnode whateverYouNamedYourFile.js\\u201D. If you left the console.logs in, you\\u2019ll see the data start to come through the terminal. Adjust your threshold to your liking, then make a loud noise and go check to see that it updated on Sparkfun. If you see the data on Sparkfun\\u2019s website after a refresh, you got it right. If you don\\u2019t see the new data coming in, double check that you entered your stream\\u2019s ID, private key, and data fields correctly. Also take a look at the console output after your run node on your file\\u2013the logs there may help you debug your code.\"), mdx(\"h4\", null, \"Experiment Results\"), mdx(\"p\", null, \"I was constantly refreshing the data.sparkfun feed the first few days that I was running the tracker. Much to my dismay, the tracker was logging a noise almost every five minutes. I came home ready to go apologize to my neighbors for my unruly dog and swear to them that he doesn\\u2019t do this while we\\u2019re home. The third day that I ran it, I left it running while I took King out for a walk when I got home. When I came back in, the tracker had been registering the entire time that we were gone. After a little threshold adjusting, I was able to hone in on the right values and get a good read. Turns out that he was only barking a few times a day, and a little white noise in the apartment reduced that even more.\"));\n}\n;\nMDXContent.isMDXComponent = true;"},"next":{"id":"c57fa806-5e42-5892-b3fa-77232bb8d28c","fields":{"slug":"/arduino-projection-mapping/"},"frontmatter":{"title":"Arduino-Controlled Projection Mapping"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Arduino-Controlled Projection Mapping\",\n \"date\": \"2015-02-18T00:00:00-0500\",\n \"teaser\": \"Turning a room into a projection-mapped beauty with Resolume, Magic Music Visualizer, and a custom-built cupcake controller running on Arduino.\",\n \"featuredImage\": \"ftloc-teaser.jpg\"\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"p\", null, \"I\\u2019ve been interested in projection mapping ever since I saw what \", mdx(\"a\", {\n href: \"http://www.lvthn.com/work/wooden-toy/\",\n target: \"_blank\"\n }, \"Leviathan\"), \" and \", mdx(\"a\", {\n href: \"http://vsquaredlabs.com/project/amon-tobin/\"\n }, \"V Squared Labs\"), \" came up with for \", mdx(\"a\", {\n href: \"https://www.youtube.com/watch?v=0zMI-qbmIPk\",\n target: \"_blank\"\n }, \"Amon Tobin\\u2019s ISAM tour\"), \". I wasn\\u2019t able to attend the concert in person, but even just watching the footage inspired a sense of awe in me. The whole project seemed like it was a \", mdx(\"a\", {\n href: \"http://en.wikipedia.org/wiki/Clarke%27s_three_laws\",\n target: \"_blank\"\n }, \"combination of magic and technology\"), \", and I knew that I had to work with it.\"), mdx(\"p\", null, \"My interest stayed dormant for a few years until I recieved a Tweet out of the blue asking if I wanted to collaborate to make something \\u201Ccollossal.\\u201D How do you say no to that?\"), mdx(\"div\", {\n className: \"paragraph-with-picture\"\n }, mdx(\"p\", null, \"The message came from an artist named \", mdx(\"a\", {\n href: \"http://georgeberlin.com/\",\n target: \"_blank\"\n }, \"George Berlin\"), \". George's background is in illustration, but he's also well-versed in animation and projection mapping. He explained to me that he was wrestling with how to control his projects with objects in the real world. The software that he uses to control the projections can be mapped to a MIDI controller, but interacting with a controller takes a lot of magic out of the visualization.\"), mdx(\"div\", {\n \"className\": \"image-container small-image\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"div\",\n \"className\": \"gatsby-resp-image-wrapper\",\n \"style\": {\n \"position\": \"relative\",\n \"display\": \"block\",\n \"marginLeft\": \"auto\",\n \"marginRight\": \"auto\",\n \"maxWidth\": \"640px\"\n }\n }, \"\\n \", mdx(\"a\", {\n parentName: \"span\",\n \"className\": \"gatsby-resp-image-link\",\n \"href\": \"/static/186d05e51e9f7507b1a2fa34742ab5ce/c08c5/midi-controller.jpg\",\n \"style\": {\n \"display\": \"block\"\n },\n \"target\": \"_blank\",\n \"rel\": \"noopener\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-background-image\",\n \"style\": {\n \"paddingBottom\": \"50%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAKABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAQCAwX/xAAVAQEBAAAAAAAAAAAAAAAAAAACA//aAAwDAQACEAMQAAABzROVpMFAH//EABoQAAICAwAAAAAAAAAAAAAAAAABAhESEyH/2gAIAQEAAQUCbSjrZeLLJdf/xAAXEQEBAQEAAAAAAAAAAAAAAAABABEh/9oACAEDAQE/AcSHl//EABcRAAMBAAAAAAAAAAAAAAAAAAABEQL/2gAIAQIBAT8BtHhU/8QAGRABAAIDAAAAAAAAAAAAAAAAAQAxAhEg/9oACAEBAAY/ArFmOy4nH//EABoQAQACAwEAAAAAAAAAAAAAAAEAESExQRD/2gAIAQEAAT8hNtlrsMLN1uZTx8EJSkTYqs//2gAMAwEAAgADAAAAEBfv/8QAFREBAQAAAAAAAAAAAAAAAAAAAQD/2gAIAQMBAT8QQqM6Fv/EABcRAQEBAQAAAAAAAAAAAAAAAAEAESH/2gAIAQIBAT8QA+ltX//EABsQAQEAAgMBAAAAAAAAAAAAAAERACEQMUFx/9oACAEBAAE/EKchQSPtMMuCUjoF8yLPZNJrv3hsUOkZMWqHq1z/2Q==')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }), \"\\n \", mdx(\"img\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-image\",\n \"alt\": \"Traktor X1 by sebilden\",\n \"title\": \"Traktor X1 by sebilden\",\n \"src\": \"/static/186d05e51e9f7507b1a2fa34742ab5ce/c08c5/midi-controller.jpg\",\n \"srcSet\": [\"/static/186d05e51e9f7507b1a2fa34742ab5ce/f93b5/midi-controller.jpg 300w\", \"/static/186d05e51e9f7507b1a2fa34742ab5ce/b4294/midi-controller.jpg 600w\", \"/static/186d05e51e9f7507b1a2fa34742ab5ce/c08c5/midi-controller.jpg 640w\"],\n \"sizes\": \"(max-width: 640px) 100vw, 640px\",\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"margin\": \"0\",\n \"verticalAlign\": \"middle\",\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\"\n },\n \"loading\": \"lazy\"\n }), \"\\n \"), \"\\n \"), \"\\n \", mdx(\"a\", {\n parentName: \"div\",\n \"href\": \"https://www.flickr.com/photos/sebilden/13107904853/in/photolist-kYirrx-cMizwA-4ZHL9q-4YDdRY-4ZBGTD-4YDdRj-4YDdSA-7FWaZK-75TB6u-bHqmAZ-buvCk3-buvmKW-buvFcw-bHqcrV-buvuNu-9UCdcZ-etdr3o-4YDdT9-ghNPB-bzyEVx-4ZFXvv-7ig5hv-7ig5bt-7ijYAm-7ig5av-7ijYHd-7ijYHW-7GaRos-8w4FKU-6n1VSX-nPrtTp-o6Q8a1-nPraJj-nPrCqJ-o6Cxhc-nPrgfQ-nPrcjJ-o6PSwJ-nPsbgB-6n5Mb1-c8JyEY-75WLAN-cWDnzf-7uxE2f-fYE3S-oYk5pr-oFQYy2-2zXBBD-dWsJyU-fYDZy\",\n \"target\": \"_new\",\n \"className\": \"image-caption\"\n }, \"Traktor X1 by sebilden\"), \"\\n \")), mdx(\"p\", null, \"We agreed to get in touch if we bumped into an interesting project that seemed like it would be a good fit, and after a few misses due to scheduling conflicts we got the perfect opportunity. I was contacted by an old friend, \", mdx(\"a\", {\n href: \"http://andreagonzalez.info\",\n target: \"_blank\"\n }, \"Andrea Gonazalez\"), \", who was looking for a piece for a fundraiser. Andrea is an excellent artist who went to \", mdx(\"a\", {\n href: \"http://www.saic.edu/index.html\",\n target: \"_blank\"\n }, \"SAIC\"), \" with me\\u2013she recently decided to leave the design industry to pursue her passion for French pastries. The fundraiser was an event for the \", mdx(\"a\", {\n href: \"http://frenchpastryschool.com\",\n target: \"_blank\"\n }, \"French Pastry School\"), \" called \\u201D\", mdx(\"a\", {\n href: \"http://www.fortheloveofchocolatefoundation.org/\",\n target: \"_blank\"\n }, \"For the Love of Chocolate\"), \".\\u201D The theme for the event was the \\u201960s, and she needed a projection to transform a room into a psychedelic landscape. The room that we were in came complete with a sitar band called \", mdx(\"a\", {\n href: \"http://www.thegitacult.com/\",\n target: \"_blank\"\n }, \"\\u201CThe Gita Cult,\\u201D\"), \" and a seemingly endless supply of delicious treats. This seemed like a great opportunity for a collaborative project with the ever-funky George, so we started brainstorming.\"), mdx(\"h3\", null, \"Enough about the backstory.\", mdx(\"br\", null), \"Here\\u2019s how we made it.\"), mdx(\"p\", null, \"Like I mentioned earlier, George has the projection mapping thing down pat, so we just needed to learn how to get an Arduino to talk to our mapping software. The first step on my side of the project was getting familar with the software.\"), mdx(\"h4\", null, \"Resolume\"), mdx(\"p\", null, \"We used a program called \", mdx(\"a\", {\n href: \"http://resolume.com/\",\n target: \"_blank\"\n }, \"Resolume\"), \" to handle the projection mapping and Arduino-controlled effects. Resolume is a pretty amazing piece of software\\u2013even just playing around with the examples is impressive.\"), mdx(\"div\", {\n \"className\": \"image-container large-image\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"div\",\n \"className\": \"gatsby-resp-image-wrapper\",\n \"style\": {\n \"position\": \"relative\",\n \"display\": \"block\",\n \"marginLeft\": \"auto\",\n \"marginRight\": \"auto\",\n \"maxWidth\": \"1200px\"\n }\n }, \"\\n \", mdx(\"a\", {\n parentName: \"span\",\n \"className\": \"gatsby-resp-image-link\",\n \"href\": \"/static/a5b85bec5da3fd9dcfabd9dde8f879c9/c58a3/resolume-screenshot.jpg\",\n \"style\": {\n \"display\": \"block\"\n },\n \"target\": \"_blank\",\n \"rel\": \"noopener\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-background-image\",\n \"style\": {\n \"paddingBottom\": \"59.00000000000001%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAMBAgX/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEAMQAAABzVxdEAL/AP/EABgQAAIDAAAAAAAAAAAAAAAAABAhAAEC/9oACAEBAAEFAtRikf/EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABUQAQEAAAAAAAAAAAAAAAAAACAx/9oACAEBAAY/Aov/xAAZEAEBAQADAAAAAAAAAAAAAAABMQARIaH/2gAIAQEAAT8hCX1lE65ubdQ1yG//2gAMAwEAAgADAAAAEFfP/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPxA//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAGhABAAMBAQEAAAAAAAAAAAAAAQARITFxof/aAAgBAQABPxBDsLZWoo1aq0b7CLsj4xoJXR3YLVct4S1z7P/Z')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }), \"\\n \", mdx(\"img\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-image\",\n \"alt\": \"A screenshot of the Resolume Dashboard\",\n \"title\": \"A screenshot of the Resolume Dashboard\",\n \"src\": \"/static/a5b85bec5da3fd9dcfabd9dde8f879c9/e5166/resolume-screenshot.jpg\",\n \"srcSet\": [\"/static/a5b85bec5da3fd9dcfabd9dde8f879c9/f93b5/resolume-screenshot.jpg 300w\", \"/static/a5b85bec5da3fd9dcfabd9dde8f879c9/b4294/resolume-screenshot.jpg 600w\", \"/static/a5b85bec5da3fd9dcfabd9dde8f879c9/e5166/resolume-screenshot.jpg 1200w\", \"/static/a5b85bec5da3fd9dcfabd9dde8f879c9/c58a3/resolume-screenshot.jpg 1500w\"],\n \"sizes\": \"(max-width: 1200px) 100vw, 1200px\",\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"margin\": \"0\",\n \"verticalAlign\": \"middle\",\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\"\n },\n \"loading\": \"lazy\"\n }), \"\\n \"), \"\\n \"), \"\\n \", mdx(\"a\", {\n parentName: \"div\",\n \"className\": \"image-caption\"\n }, \"A screenshot of the Resolume Dashboard\")), mdx(\"p\", null, \"As you can see in the image above, the Resolume dashboard can be a little overwhleming at first. The general idea is that you work in compositions that group clips together for a certain arrangement. Clips are housed in the upper right quarter of the dashboard, and are queued to start playing on the first beat of the music. There are some clips that have audio baked into the file\\u2013the visuals of these files react to tempo changes from the attached audio. You set the tempo for a composition the same way that you set it for DJing\", \"\\u2013\", \"by clicking a tap button along with the count of the music.\"), mdx(\"p\", null, \"Resolume can also add a layer of visual effects to each clip, or to the entire compostion. The effects interface is what we were interested in using it for. The visualizations that we were generating wouldn\\u2019t actually be generated in Resolume\\u2013we just needed an additional layer of control and the mapping. But before we get to mapping, let\\u2019s talk about how we generated the visuals to map.\"), mdx(\"h4\", null, \"Magic Music Visuals\"), mdx(\"div\", {\n className: \"paragraph-with-picture\"\n }, mdx(\"p\", null, \"George was the brains behind the visuals for this project, but I still wanted to learn how he was generating them to get a better understanding of the piece end-to-end. He introduced me to a program called \", mdx(\"a\", {\n href: \"http://magicmusicvisuals.com/\",\n target: \"_blank\"\n }, \"Magic Music Visuals\"), \". For those of you familiar with \", mdx(\"a\", {\n href: \"https://cycling74.com/products/max/\",\n target: \"_blank\"\n }, \"Max/MSP\"), \", Magic Music Visuals (henceforth to be referred to as \\\"MMV\\\") is extremely similar. You interact with a set of modules by patching them together in series to create a visual circuit.\"), mdx(\"div\", {\n \"className\": \"image-container small-image\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"div\",\n \"className\": \"gatsby-resp-image-wrapper\",\n \"style\": {\n \"position\": \"relative\",\n \"display\": \"block\",\n \"marginLeft\": \"auto\",\n \"marginRight\": \"auto\",\n \"maxWidth\": \"760px\"\n }\n }, \"\\n \", mdx(\"a\", {\n parentName: \"span\",\n \"className\": \"gatsby-resp-image-link\",\n \"href\": \"/static/776487b047a8a4279025da182aaa8e6d/307d7/magic-music-visuals-screenshot.jpg\",\n \"style\": {\n \"display\": \"block\"\n },\n \"target\": \"_blank\",\n \"rel\": \"noopener\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-background-image\",\n \"style\": {\n \"paddingBottom\": \"62.66666666666667%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAQBAgP/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEAMQAAABJTbipsV//8QAGhAAAgMBAQAAAAAAAAAAAAAAAAEREiECE//aAAgBAQABBQLaORM9LPm06f/EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABcRAAMBAAAAAAAAAAAAAAAAAAEQEUH/2gAIAQIBAT8BF1f/xAAcEAACAgIDAAAAAAAAAAAAAAAAARExEiEyUYH/2gAIAQEABj8C97FdFkYpScjbP//EABsQAQADAQADAAAAAAAAAAAAAAEAESExQWFx/9oACAEBAAE/IRobfqkWJt8GJu32M1aw0ORUVSijJZ6s/9oADAMBAAIAAwAAABCvz//EABcRAAMBAAAAAAAAAAAAAAAAAAEQEUH/2gAIAQMBAT8QMxf/xAAXEQEAAwAAAAAAAAAAAAAAAAABEBEh/9oACAECAQE/EEjFR//EABoQAQADAQEBAAAAAAAAAAAAAAEAESFRQXH/2gAIAQEAAT8Que1QqYqK9l6699yDArGrFPyPkl1XTmzYTsDQcjiV7VT/2Q==')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }), \"\\n \", mdx(\"img\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-image\",\n \"alt\": \"A screenshot of Magic Music Visuals\",\n \"title\": \"A screenshot of Magic Music Visuals\",\n \"src\": \"/static/776487b047a8a4279025da182aaa8e6d/307d7/magic-music-visuals-screenshot.jpg\",\n \"srcSet\": [\"/static/776487b047a8a4279025da182aaa8e6d/f93b5/magic-music-visuals-screenshot.jpg 300w\", \"/static/776487b047a8a4279025da182aaa8e6d/b4294/magic-music-visuals-screenshot.jpg 600w\", \"/static/776487b047a8a4279025da182aaa8e6d/307d7/magic-music-visuals-screenshot.jpg 760w\"],\n \"sizes\": \"(max-width: 760px) 100vw, 760px\",\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"margin\": \"0\",\n \"verticalAlign\": \"middle\",\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\"\n },\n \"loading\": \"lazy\"\n }), \"\\n \"), \"\\n \"), \"\\n \", mdx(\"a\", {\n parentName: \"div\",\n \"href\": \"http://magicmusicvisuals.com/screenshots\",\n \"target\": \"_new\",\n \"className\": \"image-caption\"\n }, \"A screenshot of Magic Music Visuals\"), \"\\n \")), mdx(\"p\", null, \"George has tons of these patches that he uses in his projects. To facilitate the use of the different visuals throughout the evening, we included everything in a playlist to feed the display.\"), mdx(\"div\", {\n \"className\": \"image-container large-image\"\n }, \"\\n \", mdx(\"img\", {\n parentName: \"div\",\n \"src\": \"/8dcb03164f649d912b3cc9edcd90c49f/magic-music-visuals.gif\",\n \"alt\": \"Adding patches to the playlist in MMV\"\n }), \"\\n \", mdx(\"a\", {\n parentName: \"div\",\n \"className\": \"image-caption\"\n }, \"Adding patches to the playlist in MMV\")), mdx(\"p\", null, \"In addition to creating some trippy visuals with George\\u2019s graphic assets, MMV also handled the sound-reactive bits for us. Modules in the patch are routed through a sound-reactive module before hitting the endpoint\\u2013that module responds to a specific frequency range from a mic input, or to the overall volume. Once it sees a spike in whatever you\\u2019re listening to, you can tell it what it should do to your visuals.\"), mdx(\"p\", null, \"You\\u2019ll notice that all of the visuals in MMV for our projects have two screens on them. This will be made more clear once we get to the mapping portion, but the short answer is that this was a technique that was employed to get more video with less firepower.\"), mdx(\"p\", null, \"All of these visuals are really cool in MMV, but the software can\\u2019t handle projection mapping on its own. In order to get the visuals over to Resolume, we used a program called Syphon.\"), mdx(\"h4\", null, \"Syphon / Spout\"), mdx(\"p\", null, \"I completed my part of this project on a Mac, and George worked on a PC. When we installed the project, we ended running both OS\\u2019s again. The only piece of the project that was different between the two computers was the utility to pass the video from MMV to Resolume. On Mac, we used a tool called \", mdx(\"a\", {\n href: \"http://syphon.v002.info/\",\n target: \"_blank\"\n }, \"Syphon\"), \", and on Windows we used \", mdx(\"a\", {\n href: \"http://spout.zeal.co/\",\n target: \"_blank\"\n }, \"Spout\"), \". Both of these applications are focused on sharing video between windows, and they work with a host of visualization software.\"), mdx(\"p\", null, \"I set this up on my Mac, so I\\u2019ll only be able to explain the Mac workflow in detail. The good news is that it looks like Spout is extremely well documented, so you should be able to figure that out on your own.\"), mdx(\"p\", null, \"I downloaded an additonal module to handle Syphon for MMV from the main MMV site. The module is available from the \", mdx(\"a\", {\n href: \"http://magicmusicvisuals.com/resources\",\n target: \"_blank\"\n }, \"Resources\"), \" page as a zip file that you can incorporate into your projects.\"), mdx(\"p\", null, \"Once downloaded, any additional modules can be added to a project by going to the \\u201CHelp\\u201D menu in MMV, and then \\u201CAdditional Module Folders.\\u201D You\\u2019ll then be able to add the Syphon module as a endpoint for your patch. As we were only broadcasting one video at a time, we only needed to set up one Syphon server endpoint.\"), mdx(\"h4\", null, \"Resolume Syphon Source\"), mdx(\"p\", null, \"Once we had MMV broadcasting to a Syphon server, the next step was to get Resolume listening to that server. Lucky for us, Resolume already had Syphon support built in seamlessly. To enable this feature, we went to the preferences menu, selected video, and then checked the box to enable Syphon input and output. Once that box was checked, we were then able to select \\u201CSyphon\\u201D from the sources menu, and drag it over to be treated as a clip.\"), mdx(\"h4\", null, \"Resolume Effects\"), mdx(\"p\", null, \"Getting the visuals together and ported into Resolume was the easy part\\u2013now we had to come up with something to do with them. The original plan was to send MIDI signals from the Arduino into Resolume, and then use Resolume MIDI mapping to control the desired effects. George was able to reproduce some simple keymapping from real world objects using the \", mdx(\"a\", {\n href: \"http://makeymakey.com/\",\n target: \"_blank\"\n }, \"Makey Makey\"), \", but what we really wanted was to be able to control the effects with a potentiometer, which is just a ten-dollar word for a slider or a volume knob. After putzing around with sending MIDI signals from the Arduino with irregular success, I decided to switch over to the \", mdx(\"a\", {\n href: \"http://opensoundcontrol.org/introduction-osc\",\n target: \"_blank\"\n }, \"Open Sound Control\"), \" (OSC) protocol. OSC ended up being a lot less complicated, and I think that it\\u2019s more extensible in the long run.\"), mdx(\"h4\", null, \"Cupcake Time!\"), mdx(\"div\", {\n className: \"paragraph-with-picture\"\n }, mdx(\"p\", null, \"We had it in our heads from the get-go that we wanted to incorporate cupcakes into the project somehow. A lot of George's past work uses cake as a recurring theme, so the migration over to cupcakes seemed to come pretty natural for him. I snagged six plastic cupcakes from Toys\\\"R\\\"Us that ended up being a perfect fit for the project.\"), mdx(\"div\", {\n \"className\": \"image-container small-image\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"div\",\n \"className\": \"gatsby-resp-image-wrapper\",\n \"style\": {\n \"position\": \"relative\",\n \"display\": \"block\",\n \"marginLeft\": \"auto\",\n \"marginRight\": \"auto\",\n \"maxWidth\": \"500px\"\n }\n }, \"\\n \", mdx(\"a\", {\n parentName: \"span\",\n \"className\": \"gatsby-resp-image-link\",\n \"href\": \"/static/5084bf8976068d15ac7853110b9d74b6/41099/toysrus-cupcakes.jpg\",\n \"style\": {\n \"display\": \"block\"\n },\n \"target\": \"_blank\",\n \"rel\": \"noopener\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-background-image\",\n \"style\": {\n \"paddingBottom\": \"63.66666666666666%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAUBAgME/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAP/2gAMAwEAAhADEAAAAW3OwhSpoJ//xAAbEAABBAMAAAAAAAAAAAAAAAACAAEDERASMf/aAAgBAQABBQIy1QySEQk1Pysf/8QAFxEBAAMAAAAAAAAAAAAAAAAAAQIQMf/aAAgBAwEBPwEkBlf/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAaEAACAgMAAAAAAAAAAAAAAAABIQAQAjFB/9oACAEBAAY/AjkHyJzdCv/EABoQAQADAAMAAAAAAAAAAAAAAAEAEUEhMVH/2gAIAQEAAT8hULRjCBUU0DiJoWppYC08FKw2BXU//9oADAMBAAIAAwAAABBHP//EABgRAAIDAAAAAAAAAAAAAAAAAAABESFh/9oACAEDAQE/EI5Z6M//xAAVEQEBAAAAAAAAAAAAAAAAAAAAIf/aAAgBAgEBPxBH/8QAGhABAQEAAwEAAAAAAAAAAAAAAREAITFRcf/aAAgBAQABPxC6NCdFO3MgrIEfcwTcz0zjhE5J3nnKvwOHTgqArWG//9k=')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }), \"\\n \", mdx(\"img\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-image\",\n \"alt\": \"The toy cupcakes we used from Toys'R'Us\",\n \"title\": \"The toy cupcakes we used from Toys'R'Us\",\n \"src\": \"/static/5084bf8976068d15ac7853110b9d74b6/41099/toysrus-cupcakes.jpg\",\n \"srcSet\": [\"/static/5084bf8976068d15ac7853110b9d74b6/f93b5/toysrus-cupcakes.jpg 300w\", \"/static/5084bf8976068d15ac7853110b9d74b6/41099/toysrus-cupcakes.jpg 500w\"],\n \"sizes\": \"(max-width: 500px) 100vw, 500px\",\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"margin\": \"0\",\n \"verticalAlign\": \"middle\",\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\"\n },\n \"loading\": \"lazy\"\n }), \"\\n \"), \"\\n \"), \"\\n \", mdx(\"a\", {\n parentName: \"div\",\n \"className\": \"image-caption\"\n }, \"The toy cupcakes we used from Toys'R'Us\"), \"\\n \")), mdx(\"h4\", null, \"Enclosure Build and Arduino Wiring\"), mdx(\"div\", {\n className: \"paragraph-with-picture\"\n }, mdx(\"p\", null, \"I got a small wooden box from a craft store to use as a project enclosure. Once everything was measured out, I drilled a hole through the middle of the plastic cupcakes big enough to fit a potentiometer handle through, then mounted them to the box. Once I had that, I wired my potentiometers, drilled holes in the box, and then mounted them so that only the handle was sticking out the top.\"), mdx(\"div\", {\n \"className\": \"image-container small-image\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"div\",\n \"className\": \"gatsby-resp-image-wrapper\",\n \"style\": {\n \"position\": \"relative\",\n \"display\": \"block\",\n \"marginLeft\": \"auto\",\n \"marginRight\": \"auto\",\n \"maxWidth\": \"600px\"\n }\n }, \"\\n \", mdx(\"a\", {\n parentName: \"span\",\n \"className\": \"gatsby-resp-image-link\",\n \"href\": \"/static/a7928b21f126e99db3841b7dc65945d8/b4294/measured-cupcake-box.jpg\",\n \"style\": {\n \"display\": \"block\"\n },\n \"target\": \"_blank\",\n \"rel\": \"noopener\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-background-image\",\n \"style\": {\n \"paddingBottom\": \"75%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAMCBAX/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAv/aAAwDAQACEAMQAAABVazZxbgD/8QAHRAAAQQCAwAAAAAAAAAAAAAAAQAEERICAwUTFP/aAAgBAQABBQLVjI6rAtEHFV7ChyED/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQMBAT8BV//EABYRAQEBAAAAAAAAAAAAAAAAAAARIf/aAAgBAgEBPwHUf//EABkQAQACAwAAAAAAAAAAAAAAAAABETFB4f/aAAgBAQAGPwJUyjSnGH//xAAbEAEAAgIDAAAAAAAAAAAAAAABABEhMUFRYf/aAAgBAQABPyHIll6ib0nUFEqk1UYADHkp4IarOf/aAAwDAQACAAMAAAAQk+//xAAWEQEBAQAAAAAAAAAAAAAAAAABABH/2gAIAQMBAT8QUsl//8QAFhEBAQEAAAAAAAAAAAAAAAAAABFR/9oACAECAQE/EIVr/8QAHRABAAICAgMAAAAAAAAAAAAAAQARMUEhUXHB8P/aAAgBAQABPxCyY1VgsIkTdgq9OIKRKg57lZAOLT7hg/LzLpK7xP/Z')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }), \"\\n \", mdx(\"img\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-image\",\n \"alt\": \"Project enclosure with measurements\",\n \"title\": \"Project enclosure with measurements\",\n \"src\": \"/static/a7928b21f126e99db3841b7dc65945d8/b4294/measured-cupcake-box.jpg\",\n \"srcSet\": [\"/static/a7928b21f126e99db3841b7dc65945d8/f93b5/measured-cupcake-box.jpg 300w\", \"/static/a7928b21f126e99db3841b7dc65945d8/b4294/measured-cupcake-box.jpg 600w\"],\n \"sizes\": \"(max-width: 600px) 100vw, 600px\",\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"margin\": \"0\",\n \"verticalAlign\": \"middle\",\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\"\n },\n \"loading\": \"lazy\"\n }), \"\\n \"), \"\\n \"), \"\\n \", mdx(\"a\", {\n parentName: \"div\",\n \"className\": \"image-caption\"\n }, \"Project enclosure with measurements\"), \"\\n \")), mdx(\"p\", null, \"With all of my potentiometers ready to go, it was time to start hooking components up to the Arduino. I decided to use an Arduino Micro that that I had sitting around to free up some space inside the box\\u2013all that we needed was six analog inputs, and the Micro had more than enough juice to power the project. The potentiometers were connected to the power source and ground from the Arduino, and then each of their outputs was sent to the first six analog inputs on the micro. All we needed the Arduino to do was to read the values from the potentiometers, and then broadcast that value as a string.\"), mdx(\"h4\", null, \"Arduino Code\"), mdx(\"p\", null, \"The code portion for the Arduino is extremely straightforward. The Arduino reads a few values and then sends them on through the serial port. The only gotcha is that the code needs to send everything as one string, so inside the loop we\\u2019re only using \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Serial.print\"), \" until the last line where we use \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Serial.println\"), \" to trigger a new line.\"), mdx(\"div\", {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"java\"\n }, mdx(\"pre\", {\n parentName: \"div\",\n \"style\": {\n \"counterReset\": \"linenumber NaN\"\n },\n \"className\": \"language-java line-numbers\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-java\"\n }, mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Arduino code to read multiple potentiometers, then send\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// the values through serial communication\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Define an array of our potentiometer pins\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"const\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"int\"), \" potentiometer_pins\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"A0\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \"A1\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \"A2\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \"A3\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \"A4\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \"A5\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Open a serial connection\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"void\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"setup\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"Serial\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"begin\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"9600\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Loop over the first five pins,\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// read and print the value, and then print a comma.\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Then read the sixth pin and print a new line to end the string.\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"void\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"loop\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"for\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"int\"), \" i \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \" i \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"<\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"5\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \" i\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"++\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"Serial\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"print\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"analogRead\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"potentiometer_pins\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), \"i\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"Serial\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"print\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"\\\",\\\"\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"Serial\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"println\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"analogRead\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"potentiometer_pins\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"5\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \"\\n\"), mdx(\"span\", {\n parentName: \"pre\",\n \"aria-hidden\": \"true\",\n \"className\": \"line-numbers-rows\",\n \"style\": {\n \"whiteSpace\": \"normal\",\n \"width\": \"auto\",\n \"left\": \"0\"\n }\n }, mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n })))), mdx(\"h4\", null, \"Processing Code\"), mdx(\"p\", null, \"The next part of the puzzle was how to convert that analog value coming from the Arduino to an OSC message. This was accomplished by using the OSC library in Processing. The gist of the code is that we\\u2019re taking the string that the Arduino\\u2019s serial communication is pumping out, splitting it into an array, getting the values from the array, and then sending them to the appropriate port.\"), mdx(\"div\", {\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"java\"\n }, mdx(\"pre\", {\n parentName: \"div\",\n \"style\": {\n \"counterReset\": \"linenumber NaN\"\n },\n \"className\": \"language-java line-numbers\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-java\"\n }, \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Import the Serial, OSC, and net libraries\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"import\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token namespace\"\n }, \"processing\", mdx(\"span\", {\n parentName: \"span\",\n \"className\": \"token punctuation\"\n }, \".\"), \"serial\", mdx(\"span\", {\n parentName: \"span\",\n \"className\": \"token punctuation\"\n }, \".\")), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"*\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"import\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token namespace\"\n }, \"oscP5\", mdx(\"span\", {\n parentName: \"span\",\n \"className\": \"token punctuation\"\n }, \".\")), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"*\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"import\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token namespace\"\n }, \"netP5\", mdx(\"span\", {\n parentName: \"span\",\n \"className\": \"token punctuation\"\n }, \".\")), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"*\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// define your vars\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"float\"), \" redValue \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"float\"), \" greenValue \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"float\"), \" blueValue \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"float\"), \" distortValue \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"float\"), \" rgbValue \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"float\"), \" waveValue \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Declare Serial\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"Serial\"), \" myPort\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Declare OSC\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"OscP5\"), \" oscP5\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Declare the NetAddress for OSC\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"NetAddress\"), \" myRemoteLocation\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"void\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"setup\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// List all the available serial ports\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"println\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"Serial\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"list\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Listen for OSC messages on port 7001\"), \"\\n oscP5 \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"new\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"OscP5\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"this\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"7001\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Broadcast OSC Messages to port 7000\"), \"\\n myRemoteLocation \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"new\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"NetAddress\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"\\\"localhost\\\"\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"7000\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Set the port to the correct port from your Serial list (in this case it's 5)\"), \"\\n myPort \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"new\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"Serial\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"this\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"Serial\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"list\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"5\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"9600\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// wait until a newline to send a Serial event\"), \"\\n myPort\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"bufferUntil\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'\\\\n'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"void\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"draw\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// give us a little black window to remember that this is running\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"background\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"#\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"000000\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \"\\n\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Set up a void for a serial event that is triggered at a newline\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"void\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"serialEvent\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"Serial\"), \" myPort\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// get the message until a newline\\u2013that's now our string\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"String\"), \" inString \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" myPort\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"readStringUntil\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"'\\\\n'\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// if we've got a valid message\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"if\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"inString \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"!=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"null\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// trim the string\"), \"\\n inString \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"trim\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"inString\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// then split the values at the commas and put it into an array\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"float\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), \" effects \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"float\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"split\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"inString\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"\\\",\\\"\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// if we have effects, then start sending OSC messages\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"if\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"effects\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), \"length \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \">=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"4\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"{\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// get the value, then map it from the pot input (0-1023) to the value we need (0.0-1.0)\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// RED POT\"), \"\\n redValue \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"map\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"effects\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"1023\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"1\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// print the value\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"println\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"redValue\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Make a new message with the correct target\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"OscMessage\"), \" redMessage \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"new\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"OscMessage\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"\\\"/composition/video/effect1/opacity/values\\\"\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Add the value to the message\"), \"\\n redMessage\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"add\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"redValue\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// Send the message\"), \"\\n oscP5\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"send\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"redMessage\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" myRemoteLocation\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// GREEN POT\"), \"\\n greenValue \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"map\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"effects\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"1\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"1023\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"1\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"OscMessage\"), \" greenMessage \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"new\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"OscMessage\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"\\\"/composition/video/effect2/opacity/values\\\"\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n greenMessage\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"add\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"greenValue\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n oscP5\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"send\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"greenMessage\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" myRemoteLocation\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// BLUE POT\"), \"\\n blueValue \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"map\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"effects\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"2\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"1023\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"1\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"OscMessage\"), \" blueMessage \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"new\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"OscMessage\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"\\\"/composition/video/effect3/opacity/values\\\"\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n blueMessage\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"add\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"blueValue\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n oscP5\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"send\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"blueMessage\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" myRemoteLocation\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// DISTORT POT\"), \"\\n distortValue \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"map\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"effects\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"3\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"1023\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"1\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"OscMessage\"), \" distortMessage \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"new\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"OscMessage\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"\\\"/composition/video/effect4/param1/values\\\"\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n distortMessage\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"add\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"distortValue\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n oscP5\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"send\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"distortMessage\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" myRemoteLocation\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// RGB POT\"), \"\\n rgbValue \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"map\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"effects\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"4\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"1023\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"1\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"OscMessage\"), \" rgbMessage \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"new\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"OscMessage\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"\\\"/composition/video/effect5/opacity/values\\\"\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n rgbMessage\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"add\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"rgbValue\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n oscP5\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"send\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"rgbMessage\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" myRemoteLocation\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token comment\"\n }, \"// WAVE POT\"), \"\\n waveValue \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"map\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"effects\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"[\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"5\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"]\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"1023\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"0\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token number\"\n }, \"1\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"OscMessage\"), \" waveMessage \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token operator\"\n }, \"=\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token keyword\"\n }, \"new\"), \" \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token class-name\"\n }, \"OscMessage\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token string\"\n }, \"\\\"/composition/video/effect6/param2/values\\\"\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n waveMessage\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"add\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"waveValue\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n oscP5\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \".\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token function\"\n }, \"send\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"(\"), \"waveMessage\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \",\"), \" myRemoteLocation\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \")\"), mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \";\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \"\\n \", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\"), \"\\n\", mdx(\"span\", {\n parentName: \"code\",\n \"className\": \"token punctuation\"\n }, \"}\")), mdx(\"span\", {\n parentName: \"pre\",\n \"aria-hidden\": \"true\",\n \"className\": \"line-numbers-rows\",\n \"style\": {\n \"whiteSpace\": \"normal\",\n \"width\": \"auto\",\n \"left\": \"0\"\n }\n }, mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n }), mdx(\"span\", {\n parentName: \"span\"\n })))), mdx(\"h4\", null, \"Back to Resolume\"), mdx(\"p\", null, \"You may be wondering what the parts of the Processing code that set the OscMessage are doing and where we got those values from. Resolume allows you to map OSC values to any number of things inside the software. To edit this map, all you need to do is select \\u201CMapping > Edit Application OSC Map.\\u201D That should change your screen to look like the screenshot below.\"), mdx(\"div\", {\n \"className\": \"image-container large-image\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"div\",\n \"className\": \"gatsby-resp-image-wrapper\",\n \"style\": {\n \"position\": \"relative\",\n \"display\": \"block\",\n \"marginLeft\": \"auto\",\n \"marginRight\": \"auto\",\n \"maxWidth\": \"1200px\"\n }\n }, \"\\n \", mdx(\"a\", {\n parentName: \"span\",\n \"className\": \"gatsby-resp-image-link\",\n \"href\": \"/static/74cdbf0d274341e3e1e6cde71d36d686/e5166/resolume-mapping-screenshot.jpg\",\n \"style\": {\n \"display\": \"block\"\n },\n \"target\": \"_blank\",\n \"rel\": \"noopener\"\n }, \"\\n \", mdx(\"span\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-background-image\",\n \"style\": {\n \"paddingBottom\": \"60.66666666666667%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAECAwX/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEAMQAAAByWpJSIX/xAAZEAADAAMAAAAAAAAAAAAAAAAAARECEiD/2gAIAQEAAQUC2bLkV8f/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAXEAADAQAAAAAAAAAAAAAAAAAAIEEy/9oACAEBAAY/AqU0n//EABkQAQADAQEAAAAAAAAAAAAAAAEAETEhkf/aAAgBAQABPyHtR9SrEXvY3a9YOzYhP//aAAwDAQACAAMAAAAQg8//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/ED//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/ED//xAAaEAEBAQEAAwAAAAAAAAAAAAABEQAxIUGh/9oACAEBAAE/EBKME9jSpESu9Zo6c4PKPMsV1XPrv//Z')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }), \"\\n \", mdx(\"img\", {\n parentName: \"a\",\n \"className\": \"gatsby-resp-image-image\",\n \"alt\": \"Resolume ready for OSC mapping\",\n \"title\": \"Resolume ready for OSC mapping\",\n \"src\": \"/static/74cdbf0d274341e3e1e6cde71d36d686/e5166/resolume-mapping-screenshot.jpg\",\n \"srcSet\": [\"/static/74cdbf0d274341e3e1e6cde71d36d686/f93b5/resolume-mapping-screenshot.jpg 300w\", \"/static/74cdbf0d274341e3e1e6cde71d36d686/b4294/resolume-mapping-screenshot.jpg 600w\", \"/static/74cdbf0d274341e3e1e6cde71d36d686/e5166/resolume-mapping-screenshot.jpg 1200w\"],\n \"sizes\": \"(max-width: 1200px) 100vw, 1200px\",\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"margin\": \"0\",\n \"verticalAlign\": \"middle\",\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\"\n },\n \"loading\": \"lazy\"\n }), \"\\n \"), \"\\n \"), \"\\n \", mdx(\"a\", {\n parentName: \"div\",\n \"className\": \"image-caption\"\n }, \"Resolume ready for OSC mapping\")), mdx(\"p\", null, \"When you click on a green box that overlays something, a tile will pop up in the lower right-hand side with the title \\u201CApplication OSC Map.\\u201D In the screenshot, I have the green channel for the composition selected. The piece we need is the \\u201COSC Input\\u201D string. If you look back at the Processing code now, you\\u2019ll see that all we\\u2019re doing is setting the new OscMessage parts to equal the correct string from OSC Input in Resolume.\"), mdx(\"p\", null, \"There is a distinction between composition and layer as to what the effects do to your project. If you make these changes while \\u201Ccomposition\\u201D is selected, the effects will alter then entire piece. If you make changes with just the \\u201Clayer\\u201D tab selected, it only affects that one layer and leaves everything else alone. We decided to go with composition-wide effects for the project to let folks really remix how they experienced the visualization.\"), mdx(\"div\", {\n \"className\": \"gatsby-resp-iframe-wrapper\",\n \"style\": {\n \"paddingBottom\": \"56.25%\",\n \"position\": \"relative\",\n \"height\": \"0\",\n \"overflow\": \"hidden\",\n \"marginBottom\": \"1.0725rem\"\n }\n }, \" \", mdx(\"div\", {\n parentName: \"div\",\n \"className\": \"video-wrapper\"\n }, \" \", mdx(\"iframe\", {\n parentName: \"div\",\n \"src\": \"https://www.youtube.com/embed/q9AD-J5n9wE?rel=0&showinfo=0\",\n \"frameBorder\": \"0\",\n \"allowFullScreen\": true,\n \"style\": {\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\",\n \"width\": \"100%\",\n \"height\": \"100%\"\n }\n }), \" \"), \" \"), mdx(\"h4\", null, \"Code Recap\"), mdx(\"p\", null, \"There are a lot of moving parts with this project, so I ended up making a checklist to make sure that everything was flowing in the correct order.\"), mdx(\"ol\", null, mdx(\"li\", {\n parentName: \"ol\"\n }, \"Visuals are generated in MMV\"), mdx(\"li\", {\n parentName: \"ol\"\n }, \"MMV Visuals are sent through the MMV Syphon Component\"), mdx(\"li\", {\n parentName: \"ol\"\n }, \"Resolume listens to MMV via a Syphon clip\"), mdx(\"li\", {\n parentName: \"ol\"\n }, \"Arduino reads the value of the potentiometers and then sens a string through serial\"), mdx(\"li\", {\n parentName: \"ol\"\n }, \"Processing picks up that serial string and then creates OSC messages to send to Resolume\"), mdx(\"li\", {\n parentName: \"ol\"\n }, \"Resolume receives OSC messages and changes composition-level effects\")), mdx(\"h4\", null, \"Resolume Mapping\"), mdx(\"p\", null, \"Since I was just projecting on a simple set of shapes in the corner of the room, I used the built-in mapping dialog inside Resolume to handle mapping the projection. It should be noted that this is only a feature in Resolume Arena, and does not come standard with Avenue. If you need more complex mapping, \", mdx(\"a\", {\n href: \"http://visution.com/mapio\",\n target: \"_blank\"\n }, \"Mapio\"), \" seems to be an excellent alternative.\"), mdx(\"div\", {\n className: \"video-wrapper\"\n }, mdx(\"iframe\", {\n width: \"100%\",\n height: \"480\",\n src: \"https://www.youtube.com/embed/yXI83otRqE4?rel=0&showinfo=0\",\n frameBorder: \"0\",\n allowFullScreen: true\n })), mdx(\"p\", null, \"The mapping window is tucked away up in the displays menu under the \\u201Cadvanced\\u201D option. Once that dialog opens, it shows you the raw output of your Resolume composition. I mentioned previously that George\\u2019s MMV pieces showed two different pieces right next to each other as the same source\\u2013this is where that comes in handy. In the mapping window in Resolume, you can crop out a specific part of the source, and then assign that to a slice. This allowed us to load twice as many videos even though Resolume only treated it as one source. After the sources were cut out, the only thing left to do was click and drag to start mapping the sources to the projection target.\"), mdx(\"h3\", null, \"Displaying the Project\"), mdx(\"p\", null, \"George and I knew going in that this would be a fancy event, but I think we both underestimated the party that we were in for. The event was a veritable who\\u2019s who of the culinary arts in Chicago. I\\u2019d be lying if I said I wasn\\u2019t geeking out when Rick Bayless grated chocolate onto a dessert that he handed me\\u2013I definitely fanboy\\u2019ed out and mumbled something about also being from Oklahoma.\"), mdx(\"p\", null, \"All in all, the event went extremely well. There were hundreds of people who moved through the room during the night, and we even got a special shout-out in the text messages that the event organizers were sending out during the party. People seemed to really enjoy playing with the cupcakes, which definitely caused people to spend more time in the room.\"), mdx(\"p\", null, \"Here are a few photos and videos from the event:\"), mdx(\"div\", {\n className: \"video-wrapper\"\n }, mdx(\"iframe\", {\n width: \"100%\",\n height: \"480\",\n src: \"https://www.youtube.com/embed/x2GhXsxdLtE?rel=0&showinfo=0\",\n frameBorder: \"0\",\n allowFullScreen: true\n })), mdx(\"div\", {\n className: \"video-wrapper\"\n }, mdx(\"iframe\", {\n width: \"100%\",\n height: \"480\",\n src: \"https://www.youtube.com/embed/G8PFUX36wB0?rel=0&showinfo=0\",\n frameBorder: \"0\",\n allowFullScreen: true\n })), mdx(\"br\", null));\n}\n;\nMDXContent.isMDXComponent = true;"}}},"staticQueryHashes":["3128451518"]}