{"id":77,"date":"2008-06-25T14:01:38","date_gmt":"2008-06-25T19:01:38","guid":{"rendered":"http:\/\/www.setian.co\/studio\/?p=77"},"modified":"2026-04-05T21:13:43","modified_gmt":"2026-04-06T02:13:43","slug":"gamelan-electronico-interactive-table-gesture-traking-interface","status":"publish","type":"post","link":"https:\/\/setian.co\/studio\/gamelan-electronico-interactive-table-gesture-traking-interface\/","title":{"rendered":"Electronic Gamelan <br>{ Interactive musical instrument } <br>by Alba Fernanda Triana"},"content":{"rendered":"<h2 style=\"text-align: center;\">SetianWorks&#8217;s Project<\/h2>\n<h3 style=\"text-align: center;\">Commissioned development\u00a0&#8211; NoTouch Interactive\u00a0Table\u00a0&#8211; Art\u00a0installation<\/h3>\n<p>\u201cElectronic Gamelan: interactive musical instrument\u201d by Alba Fernanda Triana<\/p>\n<p>Commisioned work: Interactive interface development &#8211; Computer vision tracking<\/p>\n<p><iframe loading=\"lazy\" src=\"http:\/\/player.vimeo.com\/video\/14928028?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff\" width=\"580\" height=\"384\" frameborder=\"0\"><\/iframe><\/p>\n<p>Text by Alba Fernanda Triana<\/p>\n<p>This interactive musical instrument is comprised of a luminous table, a real-time processing interface and nine speakers. Visitors slide the shadows of their hands over the luminous table to change the color and orchestral content of a musical piece by Alba Triana.<\/p>\n<p>Electronic Gamelan is the first in a series of works reflecting upon basic constituent elements in traditional music practice. This series poses questions such as: what is an instrument, what is a musical score, what are the rolls (spectator, performer, composer), what is a musical esthetic experience, what is music. These works propose redefinitions of music and its basic elements from a contemporary perspective, contextualizing them within the new mentality, technological resources and current life style.<\/p>\n<p>In Electronic Gamelan:<\/p>\n<p>&#8211; The instrument contains its surrounding space. It is played without touching it, just using hands shadows. It can be performed by anyone, no need for training or skills.<br \/>\n&#8211; The spectator is spectator and performer. The music is composed by the artist, but the spectators create their own version.<br \/>\n&#8211; The musical composition allows transforming its timbre (color). Even though it is one musical piece, it has endless versions.<br \/>\n&#8211; The orchestra is not made out of musicians but loudspeakers which delineate the spacial boundaries of the instrument.<br \/>\n&#8211; The event is not a concert. It is a participative, interpretative, interactive, collaborative, musical and visual experience.<br \/>\n&#8211; The intangible is present in the hands shadows, in the performers&#8217; intuition, in their playing, in their interaction.<br \/>\n&#8211; The work is the instrument, the musical composition, and to a greater extent, the nature of the experience proposed.<\/p>\n<p>Alba Triana would like to thank:<\/p>\n<p>Rodrigo Facundo: visual design<br \/>\nCamilo Sanabria, Luis Fernando Henao: programming and audio synthesis consulting<br \/>\nSebasti\u00e1n Gonz\u00e1lez: interactive interface development &#8211; <a href=\"..\/..\/\" target=\"_blank\" rel=\"nofollow noopener\">setianworks.net<\/a><br \/>\nJuan Ricardo Forero: production artist<br \/>\nAndr\u00e9s Cabrera: interactive interface consulting<\/p>\n<p><strong>Link<\/strong>s<\/p>\n<p><a title=\"at Alba Fernanda Triana's Web Site\" href=\"http:\/\/www.albatriana.com\/gamel%C3%A1n-electr%C3%B3nico.html\" target=\"_blank\" rel=\"noopener\">Alba Triana Web Site<\/a><\/p>\n<p><a title=\"Presentation at Alianza Francesa Bogot\u00e1\" href=\"http:\/\/bogota.alianzafrancesa.org.co\/spip.php?article298\" target=\"_blank\" rel=\"noopener\">Alianza Francesa Bogota &#8211; Article<\/a><br \/>\n<strong>Date<\/strong> April &#8211; July\u00a0 2008<\/p>\n\n\t\t<!-- MasterSlider -->\n\t\t<div id=\"P_MS69d5df7951540\" class=\"master-slider-parent msl ms-parent-id-6\" style=\"max-width:1200px;\">\n\n\t\t\t\n\t\t\t<!-- MasterSlider Main -->\n\t\t\t<div id=\"MS69d5df7951540\" class=\"master-slider ms-skin-light-6 round-skin\" >\n\t\t\t\t \t\t\t\t \n\t\t\t\t<div  class=\"ms-slide\" data-delay=\"3\" data-fill-mode=\"fill\"  >\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/setian.co\/studio\/wp-content\/plugins\/master-slider\/public\/assets\/css\/blank.gif\" alt=\"\" title=\"\" data-src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2016\/06\/02-1.jpg\" \/>\n\n\n\t<img decoding=\"async\" class=\"ms-thumb\" src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2016\/06\/02-1-100x80.jpg\" alt=\"\" \/>\n\t<div class=\"ms-thumb\" ><div class=\"ms-tab-context\"><div class=\"&quot;ms-tab-context&quot;\"><\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div  class=\"ms-slide\" data-delay=\"3\" data-fill-mode=\"fill\"  >\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/setian.co\/studio\/wp-content\/plugins\/master-slider\/public\/assets\/css\/blank.gif\" alt=\"\" title=\"\" data-src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2011\/02\/Gamelan02_opt.jpeg\" \/>\n\n\n\t<img decoding=\"async\" class=\"ms-thumb\" src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2011\/02\/Gamelan02_opt-100x80.jpeg\" alt=\"\" \/>\n\t<div class=\"ms-thumb\" ><div class=\"ms-tab-context\"><div class=\"&quot;ms-tab-context&quot;\"><\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div  class=\"ms-slide\" data-delay=\"3\" data-fill-mode=\"fill\"  >\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/setian.co\/studio\/wp-content\/plugins\/master-slider\/public\/assets\/css\/blank.gif\" alt=\"\" title=\"\" data-src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2016\/06\/02.jpg\" \/>\n\n\n\t<img decoding=\"async\" class=\"ms-thumb\" src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2016\/06\/02-100x80.jpg\" alt=\"\" \/>\n\t<div class=\"ms-thumb\" ><div class=\"ms-tab-context\"><div class=\"&quot;ms-tab-context&quot;\"><\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div  class=\"ms-slide\" data-delay=\"3\" data-fill-mode=\"fill\"  >\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/setian.co\/studio\/wp-content\/plugins\/master-slider\/public\/assets\/css\/blank.gif\" alt=\"\" title=\"\" data-src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2008\/06\/Gamelan_Low.jpg\" \/>\n\n\n\t<img decoding=\"async\" class=\"ms-thumb\" src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2008\/06\/Gamelan_Low-100x80.jpg\" alt=\"\" \/>\n\t<div class=\"ms-thumb\" ><div class=\"ms-tab-context\"><div class=\"&quot;ms-tab-context&quot;\"><\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div  class=\"ms-slide\" data-delay=\"3\" data-fill-mode=\"fill\"  >\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/setian.co\/studio\/wp-content\/plugins\/master-slider\/public\/assets\/css\/blank.gif\" alt=\"\" title=\"\" data-src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2016\/06\/gamelan-01.png\" \/>\n\n\n\t<img decoding=\"async\" class=\"ms-thumb\" src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2016\/06\/gamelan-01-100x80.png\" alt=\"\" \/>\n\t<div class=\"ms-thumb\" ><div class=\"ms-tab-context\"><div class=\"&quot;ms-tab-context&quot;\"><\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div  class=\"ms-slide\" data-delay=\"3\" data-fill-mode=\"fill\"  >\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/setian.co\/studio\/wp-content\/plugins\/master-slider\/public\/assets\/css\/blank.gif\" alt=\"\" title=\"\" data-src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2016\/06\/gamelan-02.png\" \/>\n\n\n\t<img decoding=\"async\" class=\"ms-thumb\" src=\"https:\/\/setian.co\/studio\/wp-content\/uploads\/2016\/06\/gamelan-02-100x80.png\" alt=\"\" \/>\n\t<div class=\"ms-thumb\" ><div class=\"ms-tab-context\"><div class=\"&quot;ms-tab-context&quot;\"><\/div><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t\t<!-- END MasterSlider Main -->\n\n\t\t\t \n\t\t<\/div>\n\t\t<!-- END MasterSlider -->\n\n\t\t<script>\n\t\t(function ( $ ) {\n\t\t\t\"use strict\";\n\n\t\t\t$(function () {\n\t\t\t\tvar masterslider_1540 = new MasterSlider();\n\n\t\t\t\t\/\/ slider controls\n\n\t\t\t\tmasterslider_1540.control('thumblist'  ,{ autohide:true, overVideo:true, dir:'h', speed:17, inset:false, arrows:false, hover:true, customClass:'', align:'bottom',type:'thumbs', margin:10, width:100, height:80, space:5, fillMode:'tile' , hideUnder:480 });\n\t\t\t\t\/\/ slider setup\n\t\t\t\tmasterslider_1540.setup(\"MS69d5df7951540\", {\n\t\t\t\t\t\twidth           : 1200,\n\t\t\t\t\t\theight          : 600,\n\t\t\t\t\t\tminHeight       : 0,\n\t\t\t\t\t\tspace           : 0,\n\t\t\t\t\t\tstart           : 1,\n\t\t\t\t\t\tgrabCursor      : true,\n\t\t\t\t\t\tswipe           : true,\n\t\t\t\t\t\tmouse           : true,\n\t\t\t\t\t\tlayout          : \"boxed\",\n\t\t\t\t\t\twheel           : false,\n\t\t\t\t\t\tautoplay        : true,\n\t\t\t\t\t\tinstantStartLayers:false,\n\t\t\t\t\t\tloop            : true,\n\t\t\t\t\t\tshuffle         : true,\n\t\t\t\t\t\tpreload         : 0,\n\t\t\t\t\t\theightLimit     : true,\n\t\t\t\t\t\tautoHeight      : false,\n\t\t\t\t\t\tsmoothHeight    : true,\n\t\t\t\t\t\tendPause        : false,\n\t\t\t\t\t\toverPause       : true,\n\t\t\t\t\t\tfillMode        : \"fill\",\n\t\t\t\t\t\tcenterControls  : true,\n\t\t\t\t\t\tstartOnAppear   : true,\n\t\t\t\t\t\tlayersMode      : \"center\",\n\t\t\t\t\t\thideLayers      : false,\n\t\t\t\t\t\tfullscreenMargin: 0,\n\t\t\t\t\t\tspeed           : 32,\n\t\t\t\t\t\tdir             : \"h\",\n\t\t\t\t\t\tparallaxMode    : 'swipe',\n\t\t\t\t\t\tview            : \"fade\"\n\t\t\t\t});\n\n\t\t\t\t\n\t\t\t\twindow.masterslider_instances = window.masterslider_instances || [];\n\t\t\t\twindow.masterslider_instances.push( masterslider_1540 );\n\t\t\t });\n\n\t\t})(jQuery);\n\t\t<\/script>\n\n\n<div class=\"section group portfolio-item-characteristics\">\n<div class=\"col span_1_of_3\">\n<h4><\/h4>\n<h4>Roles<\/h4>\n<p><i aria-hidden=\"true\" class=\"fa fa-sitemap\"  style=\"font-size:50px;line-height:50px\"><\/i><br \/>\nInterface Developer \/ Coder<\/p>\n<\/div>\n<div class=\"col span_1_of_3\">\n<h4>Techniques<\/h4>\n<p><i aria-hidden=\"true\" class=\"fa fa-code\"  style=\"font-size:50px;line-height:50px\"><\/i><br \/>\nProcessing P5 (versions updates from 0.9 to 3.1)\u00a0\/ OSC communication with MaxMSP \/ Computer Vision with OpenCV<\/p>\n<\/div>\n<div class=\"col span_1_of_3\">\n<h4>Client<\/h4>\n<p><i aria-hidden=\"true\" class=\"fa fa-diamond\"  style=\"font-size:50px;line-height:50px\"><\/i><br \/>\nAlba Fernanda Triana<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>SetianWorks&#8217;s Project Commissioned development\u00a0&#8211; NoTouch Interactive\u00a0Table\u00a0&#8211; Art\u00a0installation \u201cElectronic Gamelan: interactive musical instrument\u201d by Alba Fernanda Triana Commisioned work: Interactive interface development &#8211; Computer vision tracking Text by Alba Fernanda Triana This interactive musical instrument is comprised of a luminous table, a real-time processing interface and nine speakers. Visitors slide the shadows of their hands over [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":977,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[107,37,13,76,39,62,51,59,108,94],"tags":[23,84,47],"class_list":["post-77","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artwork","category-computer_vision","category-code","category-digital-arts","category-installation","category-maxmsp","category-music","category-processing","category-setian","category-top","tag-computer-vision","tag-installation","tag-interface"],"_links":{"self":[{"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/posts\/77","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/comments?post=77"}],"version-history":[{"count":15,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/posts\/77\/revisions"}],"predecessor-version":[{"id":2833,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/posts\/77\/revisions\/2833"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/media\/977"}],"wp:attachment":[{"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/media?parent=77"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/categories?post=77"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/setian.co\/studio\/wp-json\/wp\/v2\/tags?post=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}