{"id":12408,"date":"2014-05-29T12:07:38","date_gmt":"2014-05-29T16:07:38","guid":{"rendered":"http:\/\/zerokidz.com\/ideas\/?p=12408"},"modified":"2014-06-15T01:25:54","modified_gmt":"2014-06-15T05:25:54","slug":"low-resolution-led-interface","status":"publish","type":"post","link":"https:\/\/reactivemusic.net\/?p=12408","title":{"rendered":"Low resolution LED interface"},"content":{"rendered":"<p><span style=\"font-size: 17.5px; line-height: 1.6;\">Lots of information in a few pixels.<\/span><\/p>\n<p class=\"lead\"><a href=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-7.48.27-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-12481\" title=\"Screen Shot 2014-05-30 at 7.48.27 PM\" src=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-7.48.27-PM-300x198.png\" alt=\"\" width=\"300\" height=\"198\" srcset=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-7.48.27-PM-300x198.png 300w, https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-7.48.27-PM-1024x676.png 1024w, https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-7.48.27-PM.png 1384w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><span style=\"line-height: 1.6;\">Computer displays have evolved to high resolutions. What about the other direction? This\u00a0<\/span>experiment<span style=\"line-height: 1.6;\">\u00a0 is a display interface using a grid of LED&#8217;s. Essentially, very large\u00a0<\/span>pixels.<\/p>\n<h5><span style=\"line-height: 1.6;\">information types<\/span><\/h5>\n<ul>\n<li><span style=\"line-height: 1.6;\">on\/off\u00a0<\/span><\/li>\n<li><span style=\"line-height: 1.6;\">small numbers (0-10)<\/span><\/li>\n<li><span style=\"line-height: 1.6;\">large numbers (0-10,000,000)<\/span><\/li>\n<li><span style=\"line-height: 1.6;\">clocks<\/span><\/li>\n<li><span style=\"line-height: 1.6;\">level indicators<\/span><\/li>\n<li><span style=\"line-height: 1.6;\">connections<\/span><\/li>\n<li><span style=\"line-height: 1.6;\">map keys (<\/span>i.e., explanations of symbols)<span style=\"line-height: 1.6;\">\u00a0<\/span><\/li>\n<\/ul>\n<h5>communicating with LED&#8217;s<\/h5>\n<p>LED&#8217;s communicate information using<\/p>\n<ul>\n<li>brightness<\/li>\n<li>color<\/li>\n<li>movement<\/li>\n<\/ul>\n<h5>ideas<\/h5>\n<p>With just a few LED&#8217;s its easy to display a clear message. A large matrix of LEDS can get confusing. Here are a few suggestions:<\/p>\n<ul>\n<li>Use separate regions for each block of information.<\/li>\n<li>Draw guide markers to help locate positions by giving frame of reference.<\/li>\n<li>Animation catches the eye but also distracts, and confuses.<\/li>\n<\/ul>\n<h4><span style=\"line-height: 22px;\">examples<\/span><\/h4>\n<h5>traffic lights<\/h5>\n<p>An effective but inefficient signaling method.<\/p>\n<p><a href=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-7.52.25-PM.png\"><img loading=\"lazy\" decoding=\"async\" title=\"Screen Shot 2014-05-30 at 7.52.25 PM\" src=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-7.52.25-PM-300x290.png\" alt=\"\" width=\"300\" height=\"290\" \/><\/a><\/p>\n<h5>resistor codes:<\/h5>\n<p>Resistors use a numeric color code.<\/p>\n<p><a href=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-29-at-6.54.40-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-12425\" title=\"Screen Shot 2014-05-29 at 6.54.40 PM\" src=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-29-at-6.54.40-PM-300x300.png\" alt=\"\" width=\"300\" height=\"300\" srcset=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-29-at-6.54.40-PM-300x300.png 300w, https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-29-at-6.54.40-PM-150x150.png 150w, https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-29-at-6.54.40-PM.png 790w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Find the value of any resistor by looking at the first four 4 color bands. Colors represent \u00a0base 10 exponential notation.<\/p>\n<h5>abacus<\/h5>\n<p>An abacus uses 5 or 10 beads for each digit. Faster than decoding a resistor and works with one color &#8211; but takes up more space.<\/p>\n<p><a href=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-29-at-6.52.25-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-12424\" title=\"Screen Shot 2014-05-29 at 6.52.25 PM\" src=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-29-at-6.52.25-PM-300x199.png\" alt=\"\" width=\"300\" height=\"199\" srcset=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-29-at-6.52.25-PM-300x199.png 300w, https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-29-at-6.52.25-PM-1024x680.png 1024w, https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-29-at-6.52.25-PM.png 1122w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h5>level meters<\/h5>\n<p>Segmented level meters convey information using a line of pixels:<\/p>\n<p><a href=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-29-at-5.58.37-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-12414\" title=\"Screen Shot 2014-05-29 at 5.58.37 PM\" src=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-29-at-5.58.37-PM-261x300.png\" alt=\"\" width=\"261\" height=\"300\" srcset=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-29-at-5.58.37-PM-261x300.png 261w, https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-29-at-5.58.37-PM.png 274w\" sizes=\"auto, (max-width: 261px) 100vw, 261px\" \/><\/a><\/p>\n<h5>binary clock<\/h5>\n<p>Represents digits using binary coded decimal notation.<\/p>\n<p><a href=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-8.07.45-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-12438\" title=\"Screen Shot 2014-05-30 at 8.07.45 PM\" src=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-8.07.45-PM-300x286.png\" alt=\"\" width=\"300\" height=\"286\" srcset=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-8.07.45-PM-300x286.png 300w, https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-8.07.45-PM.png 598w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h4>An LED grid in Max<\/h4>\n<p>This grid design was used for the visual interface of a shortwave radio:<\/p>\n<p><iframe loading=\"lazy\" title=\"Max\/MSP controlling a Tentec rx320 radio\" width=\"525\" height=\"394\" src=\"https:\/\/www.youtube.com\/embed\/pLHiWkYxryc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>And an etch-a-sketch:<\/p>\n<p><iframe loading=\"lazy\" title=\"Max\/MSP Etch-a-Sketch with Rheem Kee Bass Atari 800 soundtrack\" width=\"525\" height=\"394\" src=\"https:\/\/www.youtube.com\/embed\/w-IJlqTOd-A?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h4>download<\/h4>\n<p><a href=\"https:\/\/github.com\/tkzic\/max-projects\">https:\/\/github.com\/tkzic\/max-projects<\/a><\/p>\n<p>folder: LED-display\/rx-320\/<\/p>\n<p>files:<\/p>\n<ul>\n<li><span style=\"line-height: 1.6;\">rxpanel2.maxpat (main patch)<\/span><\/li>\n<li><span style=\"line-height: 1.6;\">panel2.js (javascript)<\/span><\/li>\n<\/ul>\n<h4><span style=\"line-height: 22px;\">instructions<\/span><\/h4>\n<p>There are 2 large toggles &#8211; one for etch-a-sketch, and another for the radio simulator. Try one, then toggle it off before trying another one. If you forget &#8211; just restart the patch.<\/p>\n<p>The number box near the top can be used to expand or contract the display size (while it is active) The default size is 17.<\/p>\n<h4>how it works<\/h4>\n<p>The same patch generated both video examples above. It uses javascript to make a two dimensional array of Max led objects. Each object is addressable by its position in the array. Here&#8217;s the code to make the objects:<\/p>\n<pre class=\"brush: javascript; gutter: true\">\/\/\r\n\/\/ makecells - create matrix of led objects\r\n\/\/\r\nfunction makecells( x, y, color )\r\n{\r\n\r\nvar p;\t\t\/\/ this patcher\r\nvar tmpstr;\r\nvar objname;\r\n\r\n\tpost( &quot;makecells: &quot;, x, y, color );\r\n\tpost( );\r\n\r\n\tp = this.patcher;\r\n\r\n\/\/ make cells\r\n\r\n\tfor( i = 0; i &lt; x; i++ )\r\n\t\t{\r\n\t\tfor(j = 0; j &lt; y; j++ )\r\n\t\t\t{\r\n\t\t\tcell[i][j] = p.newdefault(xorigin + (i * cellspace), yorigin + (j * cellspace), &quot;led&quot; );    \/\/ create leds\r\n\t\t\tif(color != 9 )\r\n\t\t\t\t{\r\n\t\t\t\tcell[i][j].hidden = 0;\r\n\t\t\t\tcell[i][j].message( &quot;pict&quot;, color );\r\n\t\t\t\t}\r\n\t\t\telse\r\n\t\t\t\t{\r\n\t\t\t\tcell[i][j].hidden = 1;\r\n\t\t\t\t}\r\n\r\n\t\t\tcell[i][j].varname = &quot;led&quot; + i + &quot;x&quot; +  j;\t\t\t\t\t\t\t\/\/  assigns name for future use\t\r\n\t\t\t}\r\n\t\t}\r\n\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<h4><a href=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-31-at-12.40.44-AM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-12450\" title=\"Screen Shot 2014-05-31 at 12.40.44 AM\" src=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-31-at-12.40.44-AM-300x198.png\" alt=\"\" width=\"300\" height=\"198\" srcset=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-31-at-12.40.44-AM-300x198.png 300w, https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-31-at-12.40.44-AM-1024x677.png 1024w, https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-31-at-12.40.44-AM.png 1446w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/h4>\n<h4>blobs<\/h4>\n<p>Although each LED in a grid is addressable, its easier to group sections of the grid into blobs. Each blob is a unit that displays data, like a number for example. There are several types of blobs:<\/p>\n<p><span style=\"line-height: 1.6;\">Here are the properties of a blob:<\/span><\/p>\n<pre class=\"brush: javascript; gutter: true\">\/\/  blob data structure\r\n\/\/\r\n\/\/   x, y upper left\r\n\/\/   lengthx, lengthy, \r\n\/\/\r\n\/\/   orientation: 0 = horizontal, 1 = vertical\r\n\/\/   step  1 = downward or rightward,  -1 = upward or leftward  (this defines the corner of origin too)\r\n\/\/\r\n\/\/   data lorange, hirange\r\n\/\/   scale: 0 = no, 1 = yes\r\n\/\/\r\n\/\/   blobtype: 0 = generic decimal,  1 = spare,  2 = pushbutton flash,  3 = radiobutton, \r\n\/\/   color code 0-9\r\n\/\/   contrast color 0-9\r\n\/\/\r\n\/\/   signed ( 0 = no, 1 = yes)\t\t\/\/ booooooooooooooolean  \r\n\/\/   colorshift ( 0 = normal , 1 = use different colors every 3 digits, like comma separators (frequency display)\r\n\/\/\r\n\/\/   blink  (milliseconds duration for pushbutton flash type only (led blinktime )\r\n\/\/      \r\n\/\/   radio number\r\n\/\/   name\r\n\/\/   value\r\n\/\/\r\n\/\/<\/pre>\n<p><span style=\"line-height: 1.6;\">\u00a0<\/span><\/p>\n<h5>Blob data examples<\/h5>\n<p>Lets look at examples of various ways to display data &#8211; as used in the shortwave radio video above.<\/p>\n<p>Here are 3 blobs that represent numbers in three different ways.<\/p>\n<p><a href=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-10.57.29-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-12444\" title=\"Screen Shot 2014-05-30 at 10.57.29 PM\" src=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-10.57.29-PM-290x300.png\" alt=\"\" width=\"290\" height=\"300\" srcset=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-10.57.29-PM-290x300.png 290w, https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-10.57.29-PM.png 476w\" sizes=\"auto, (max-width: 290px) 100vw, 290px\" \/><\/a><\/p>\n<p>The far left column and the bottom row are key graphics. They give a frame of reference for the data.<\/p>\n<h6>columns<\/h6>\n<p>Moving from left to right&#8230;<\/p>\n<p>The LED&#8217;s far left column, are a graphic key, starting with red on the bottom, represent the numbers 1-9<\/p>\n<p>The next blue column is just a divider<\/p>\n<p>The 3rd column of white dots is the signal strength data ranging from the 0-9. The current value is &#8216;4&#8217;, represented by a column of 4 dots.<\/p>\n<p>The next nine columns (4-12) represent the frequency in Hz. ranging from 0-999,999,999. The data is in groups of three (as you can see by looking at the graphical key in the bottom row). The number currently displayed is: 4,999,991.<\/p>\n<p>Negative frequencies are displayed by shifting the colors to values that don&#8217;t match the key graphic.<\/p>\n<p>The last column is a radio button with 4 possible values and is currently set to &#8216;3&#8217;<\/p>\n<h6>rows<\/h6>\n<p><span style=\"line-height: 1.6;\">The bottom row is a key graphic, showing a different color, or group of colors for each data item. So for example, there is one white dot under the signal strength data in column 3. There are 3 groups of 3 dots (yellow, green, yellow) in columns 4-12 representing the frequency data in the format: 999,999,999.<\/span><\/p>\n<p>The 2nd blue row from the bottom is a divider.<\/p>\n<p>The next shows which data items are being controlled by modulators. The 3 white LED&#8217;s show modulation of frequency data in the million&#8217;s, 100&#8217;s, and ten&#8217;s \u00a0places.<\/p>\n<h4>Modulator units<\/h4>\n<p>There are 5 modulator units in the display. Data is represented using a color code..<\/p>\n<ol>\n<li>\u00a0red<\/li>\n<li>green<\/li>\n<li>blue<\/li>\n<li>yellow<\/li>\n<li>white<\/li>\n<\/ol>\n<p>Gray LED&#8217;s represent &#8216;momentary&#8217; controls in the off state. When a momentary button is pressed, it will blink white.<\/p>\n<p><span style=\"line-height: 1.6;\">Here is an example of a modulator unit<\/span><\/p>\n<p><a href=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-11.21.26-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-12445\" title=\"Screen Shot 2014-05-30 at 11.21.26 PM\" src=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-11.21.26-PM-300x116.png\" alt=\"\" width=\"300\" height=\"116\" srcset=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-11.21.26-PM-300x116.png 300w, https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-11.21.26-PM.png 360w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>The blue LED&#8217;s are just dividers (background space)<\/p>\n<h5>columns<\/h5>\n<p>The first column of data on the left is the on\/off indicator and the modulator&#8217;s ID number.<\/p>\n<p>The top LED of the column is the on\/off toggle. It is blank, which means off.<\/p>\n<p>The next two red LED&#8217;s together represent the ID number of the modulator: red = 1<\/p>\n<p>&#8212;<\/p>\n<p>For the remaining columns, the top row indicates whether the input gate is open allowing other modulators to control the parameter. Grey indicates the gate is closed, A white LED means the input gate is open.<\/p>\n<p>&#8212;<\/p>\n<p>The second and third columns of data are the clock speed and wave type. The 2 LEDS in each column are grouped together and are using the color code above. The clock speed is 5 (white). The wave type is 4 (yellow)<\/p>\n<p>&#8212;<\/p>\n<p>The fourth and fifth columns of data are the low and high range. Low range value is 5 (white) and high range value is 2 (green) &#8211; which doesn&#8217;t make sense, but this is simulator data.<\/p>\n<p>&#8212;<\/p>\n<p>The last column is the modulator destination activity indicator: grey if zero (not assigned) or white if any non-zero value.<\/p>\n<h5>modulator data structure:<\/h5>\n<pre class=\"brush: javascript; gutter: true\">\/\/ modulator data structure\r\n\/\/ these are fixed structures 8x2, with specific color rules\r\n\/\/\r\n\/\/ ulx, uly\r\n\/\/ mod id number 1-n \r\n\/\/ on\t: 0 = off, 1 = on\r\n\/\/ modin :  modulation source index 0-4\r\n\/\/ clockspeed  :  0-4\r\n\/\/ wavetype : 0-4\r\n\/\/ lorange : 0-4\r\n\/\/ hirange : 0-4\r\n\/\/ ingate : 0 - 4  (tells which control is being modulated)\r\n\/\/ spare\r\n\/\/ destination : 0-127 destination index  \/\/ this is displayed elsewhere\r\n\/\/<\/pre>\n<p>&nbsp;<\/p>\n<h4>hardware interface<\/h4>\n<p>Adafruit 32&#215;32 RGB LED panel<\/p>\n<p><a href=\"https:\/\/www.adafruit.com\/products\/1484?gclid=CMzrnYDB1b4CFTQQ7AodjXkAFw\">https:\/\/www.adafruit.com\/products\/1484?gclid=CMzrnYDB1b4CFTQQ7AodjXkAFw<\/a><\/p>\n<p><a href=\"https:\/\/www.adafruit.com\/products\/1484?gclid=CMzrnYDB1b4CFTQQ7AodjXkAFw\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-12482\" title=\"Screen Shot 2014-05-31 at 2.14.04 AM\" src=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-31-at-2.14.04-AM-300x227.png\" alt=\"\" width=\"300\" height=\"227\" srcset=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-31-at-2.14.04-AM-300x227.png 300w, https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-31-at-2.14.04-AM-1024x777.png 1024w, https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-31-at-2.14.04-AM.png 1306w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h5>local file notes:<\/h5>\n<p>files are also in tkzic\/new max radio project\/<\/p>\n<p>There is a newer version adapted for the Max radio project &#8211; basically same code, but file names are<\/p>\n<ul>\n<li><span style=\"line-height: 1.6;\">rxpanel3.maxpat<\/span><\/li>\n<li><span style=\"line-height: 1.6;\">panel3.js<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lots of information in a few pixels. Computer displays have evolved to high resolutions. What about the other direction? This\u00a0experiment\u00a0 is a display interface using a grid of LED&#8217;s. Essentially, very large\u00a0pixels. information types on\/off\u00a0 small numbers (0-10) large numbers (0-10,000,000) clocks level indicators connections map keys (i.e., explanations of symbols)\u00a0 communicating with LED&#8217;s LED&#8217;s &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/reactivemusic.net\/?p=12408\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Low resolution LED interface&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","footnotes":""},"categories":[143,273,28],"tags":[55,168,345,190,57,144],"class_list":["post-12408","post","type-post","status-publish","format-standard","hentry","category-interactive-media-art","category-max-projects","category-maxmsp","tag-electronics","tag-javascript","tag-maxmsp","tag-portfolio","tag-radio","tag-user-interface"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Low resolution LED interface - reactive music<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/reactivemusic.net\/?p=12408\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Low resolution LED interface - reactive music\" \/>\n<meta property=\"og:description\" content=\"Lots of information in a few pixels. Computer displays have evolved to high resolutions. What about the other direction? This\u00a0experiment\u00a0 is a display interface using a grid of LED&#8217;s. Essentially, very large\u00a0pixels. information types on\/off\u00a0 small numbers (0-10) large numbers (0-10,000,000) clocks level indicators connections map keys (i.e., explanations of symbols)\u00a0 communicating with LED&#8217;s LED&#8217;s &hellip; Continue reading &quot;Low resolution LED interface&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/reactivemusic.net\/?p=12408\" \/>\n<meta property=\"og:site_name\" content=\"reactive music\" \/>\n<meta property=\"article:published_time\" content=\"2014-05-29T16:07:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-06-15T05:25:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-7.48.27-PM-300x198.png\" \/>\n<meta name=\"author\" content=\"Tom Zicarelli\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tom Zicarelli\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=12408#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=12408\"},\"author\":{\"name\":\"Tom Zicarelli\",\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/#\\\/schema\\\/person\\\/56224d281582df7e5518e037ca63e571\"},\"headline\":\"Low resolution LED interface\",\"datePublished\":\"2014-05-29T16:07:38+00:00\",\"dateModified\":\"2014-06-15T05:25:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=12408\"},\"wordCount\":976,\"image\":{\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=12408#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/reactivemusic.net\\\/wp-content\\\/uploads\\\/2014\\\/05\\\/Screen-Shot-2014-05-30-at-7.48.27-PM-300x198.png\",\"keywords\":[\"electronics\",\"javascript\",\"Max\\\/MSP\",\"portfolio\",\"radio\",\"UI\"],\"articleSection\":[\"interactive media art\",\"max-projects\",\"Max\\\/MSP\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=12408\",\"url\":\"https:\\\/\\\/reactivemusic.net\\\/?p=12408\",\"name\":\"Low resolution LED interface - reactive music\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=12408#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=12408#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/reactivemusic.net\\\/wp-content\\\/uploads\\\/2014\\\/05\\\/Screen-Shot-2014-05-30-at-7.48.27-PM-300x198.png\",\"datePublished\":\"2014-05-29T16:07:38+00:00\",\"dateModified\":\"2014-06-15T05:25:54+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/#\\\/schema\\\/person\\\/56224d281582df7e5518e037ca63e571\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=12408#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/reactivemusic.net\\\/?p=12408\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=12408#primaryimage\",\"url\":\"https:\\\/\\\/reactivemusic.net\\\/wp-content\\\/uploads\\\/2014\\\/05\\\/Screen-Shot-2014-05-30-at-7.48.27-PM.png\",\"contentUrl\":\"https:\\\/\\\/reactivemusic.net\\\/wp-content\\\/uploads\\\/2014\\\/05\\\/Screen-Shot-2014-05-30-at-7.48.27-PM.png\",\"width\":\"1384\",\"height\":\"914\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/?p=12408#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/reactivemusic.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Low resolution LED interface\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/#website\",\"url\":\"https:\\\/\\\/reactivemusic.net\\\/\",\"name\":\"reactive music\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/reactivemusic.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/reactivemusic.net\\\/#\\\/schema\\\/person\\\/56224d281582df7e5518e037ca63e571\",\"name\":\"Tom Zicarelli\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0da58cf21a2707dd335b204b8ed3cd9194dcbf9d9814ac5d71195a65c76c8a72?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0da58cf21a2707dd335b204b8ed3cd9194dcbf9d9814ac5d71195a65c76c8a72?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0da58cf21a2707dd335b204b8ed3cd9194dcbf9d9814ac5d71195a65c76c8a72?s=96&d=mm&r=g\",\"caption\":\"Tom Zicarelli\"},\"sameAs\":[\"http:\\\/\\\/tomzicarelli.com\"],\"url\":\"https:\\\/\\\/reactivemusic.net\\\/?author=2\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Low resolution LED interface - reactive music","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/reactivemusic.net\/?p=12408","og_locale":"en_US","og_type":"article","og_title":"Low resolution LED interface - reactive music","og_description":"Lots of information in a few pixels. Computer displays have evolved to high resolutions. What about the other direction? This\u00a0experiment\u00a0 is a display interface using a grid of LED&#8217;s. Essentially, very large\u00a0pixels. information types on\/off\u00a0 small numbers (0-10) large numbers (0-10,000,000) clocks level indicators connections map keys (i.e., explanations of symbols)\u00a0 communicating with LED&#8217;s LED&#8217;s &hellip; Continue reading \"Low resolution LED interface\"","og_url":"https:\/\/reactivemusic.net\/?p=12408","og_site_name":"reactive music","article_published_time":"2014-05-29T16:07:38+00:00","article_modified_time":"2014-06-15T05:25:54+00:00","og_image":[{"url":"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-7.48.27-PM-300x198.png","type":"","width":"","height":""}],"author":"Tom Zicarelli","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Tom Zicarelli","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/reactivemusic.net\/?p=12408#article","isPartOf":{"@id":"https:\/\/reactivemusic.net\/?p=12408"},"author":{"name":"Tom Zicarelli","@id":"https:\/\/reactivemusic.net\/#\/schema\/person\/56224d281582df7e5518e037ca63e571"},"headline":"Low resolution LED interface","datePublished":"2014-05-29T16:07:38+00:00","dateModified":"2014-06-15T05:25:54+00:00","mainEntityOfPage":{"@id":"https:\/\/reactivemusic.net\/?p=12408"},"wordCount":976,"image":{"@id":"https:\/\/reactivemusic.net\/?p=12408#primaryimage"},"thumbnailUrl":"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-7.48.27-PM-300x198.png","keywords":["electronics","javascript","Max\/MSP","portfolio","radio","UI"],"articleSection":["interactive media art","max-projects","Max\/MSP"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/reactivemusic.net\/?p=12408","url":"https:\/\/reactivemusic.net\/?p=12408","name":"Low resolution LED interface - reactive music","isPartOf":{"@id":"https:\/\/reactivemusic.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/reactivemusic.net\/?p=12408#primaryimage"},"image":{"@id":"https:\/\/reactivemusic.net\/?p=12408#primaryimage"},"thumbnailUrl":"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-7.48.27-PM-300x198.png","datePublished":"2014-05-29T16:07:38+00:00","dateModified":"2014-06-15T05:25:54+00:00","author":{"@id":"https:\/\/reactivemusic.net\/#\/schema\/person\/56224d281582df7e5518e037ca63e571"},"breadcrumb":{"@id":"https:\/\/reactivemusic.net\/?p=12408#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/reactivemusic.net\/?p=12408"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/reactivemusic.net\/?p=12408#primaryimage","url":"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-7.48.27-PM.png","contentUrl":"https:\/\/reactivemusic.net\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-30-at-7.48.27-PM.png","width":"1384","height":"914"},{"@type":"BreadcrumbList","@id":"https:\/\/reactivemusic.net\/?p=12408#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/reactivemusic.net\/"},{"@type":"ListItem","position":2,"name":"Low resolution LED interface"}]},{"@type":"WebSite","@id":"https:\/\/reactivemusic.net\/#website","url":"https:\/\/reactivemusic.net\/","name":"reactive music","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/reactivemusic.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/reactivemusic.net\/#\/schema\/person\/56224d281582df7e5518e037ca63e571","name":"Tom Zicarelli","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/0da58cf21a2707dd335b204b8ed3cd9194dcbf9d9814ac5d71195a65c76c8a72?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0da58cf21a2707dd335b204b8ed3cd9194dcbf9d9814ac5d71195a65c76c8a72?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0da58cf21a2707dd335b204b8ed3cd9194dcbf9d9814ac5d71195a65c76c8a72?s=96&d=mm&r=g","caption":"Tom Zicarelli"},"sameAs":["http:\/\/tomzicarelli.com"],"url":"https:\/\/reactivemusic.net\/?author=2"}]}},"_links":{"self":[{"href":"https:\/\/reactivemusic.net\/index.php?rest_route=\/wp\/v2\/posts\/12408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reactivemusic.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/reactivemusic.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/reactivemusic.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/reactivemusic.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12408"}],"version-history":[{"count":29,"href":"https:\/\/reactivemusic.net\/index.php?rest_route=\/wp\/v2\/posts\/12408\/revisions"}],"predecessor-version":[{"id":12410,"href":"https:\/\/reactivemusic.net\/index.php?rest_route=\/wp\/v2\/posts\/12408\/revisions\/12410"}],"wp:attachment":[{"href":"https:\/\/reactivemusic.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12408"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/reactivemusic.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12408"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/reactivemusic.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}