{"id":91,"date":"2013-09-07T13:14:00","date_gmt":"2013-09-07T12:14:00","guid":{"rendered":"http:\/\/www.celesteh.com\/blog\/2013\/09\/07\/osc-and-javascrip\/"},"modified":"2015-06-19T00:23:06","modified_gmt":"2015-06-18T23:23:06","slug":"osc-and-javascrip","status":"publish","type":"post","link":"https:\/\/www.celesteh.com\/blog\/2013\/09\/07\/osc-and-javascrip\/","title":{"rendered":"OSC and Javascript"},"content":{"rendered":"<p>Having my mouth cut open took a bit more out of me than I expected. I have nothing new to share about rendering graphics with font symbols in javascript, but here are some js libraries that can do OSC, which will be needed for a later stage of this project. I was looking these up for another project that needs to both send and receive OSC. I don&#8217;t want to have to learn two different OSC libraries, so even though this project only needs to receive, I&#8217;m only interested in libraries that do both. All of these seem to be built on top of another library called Node.js<\/p>\n<ul>\n<li><a href=\"kievii.net\/index.html\">Kievii<\/a> does a lot more than I need, but there&#8217;s <a href=\"https:\/\/github.com\/janesconference\/KievII\/blob\/master\/comm\/osc.js\">OSC in it<\/a> too.<\/li>\n<li><a href=\"http:\/\/automata.cc\/osc-web\">OSC-web<\/a> has some proxy stuff which could be useful for later projects<\/li>\n<li><a href=\"https:\/\/github.com\/russellmcc\/node-osc-min\">OSC-min<\/a> is a minimal implementation that does everything I need<\/li>\n<li>The website for Node.js <a href=\"https:\/\/nodejsmodules.org\/tags\/osc\">has a list<\/a> of popular OSC implementations<\/li>\n<\/ul>\n<p>Back to rendering graphics soon. I&#8217;ve been reading an introduction to javascript, which is way too basic, but a place to start. After that, I think what I need to know about is probably canvas, so I&#8217;ll be reading about that.<br \/>\nAlso, obviously, I need to think about symbols that are <strong>not<\/strong> just bits of music notation font. If I also want to use text, I either need to write some or find something that I can use, such as a philosophical text or poem. If I want the text to be related to the mechanics of the piece, it should be about sounding and listening. There&#8217;s some odd text on this theme that I remember from the very start of <i>Noise Water Meat<\/i>, so I might go looking for that in translation.  I really do need to make some paper sketches soon or there&#8217;s a risk that I&#8217;ll just be making a real-time, machine-listening, pastiche of Redhead and while that would be great fun, I do want to make this my own.<br \/>\nI&#8217;m also sort of wondering how I want to page changing to work.  Do I want the boxes to just fade in and then fade out? Do I want them to move their location on the screen?  Do I want them to change size? Should the elements within them stay fixed? I&#8217;m thinking that if the box is moving or changing size, the stuff in it can&#8217;t also move or it&#8217;s too much.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Having my mouth cut open took a bit more out of me than I expected. I have nothing new to share about rendering graphics with font symbols in javascript, but here are some js libraries that can do OSC, which will be needed for a later stage of this project. I was looking these up &hellip; <a href=\"https:\/\/www.celesteh.com\/blog\/2013\/09\/07\/osc-and-javascrip\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">OSC and Javascript<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[1],"tags":[42,77,78,11],"class_list":["post-91","post","type-post","status-publish","format-standard","hentry","category-uncategorised","tag-composing","tag-creative-pact","tag-javascript","tag-music"],"_links":{"self":[{"href":"https:\/\/www.celesteh.com\/blog\/wp-json\/wp\/v2\/posts\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.celesteh.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.celesteh.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.celesteh.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.celesteh.com\/blog\/wp-json\/wp\/v2\/comments?post=91"}],"version-history":[{"count":1,"href":"https:\/\/www.celesteh.com\/blog\/wp-json\/wp\/v2\/posts\/91\/revisions"}],"predecessor-version":[{"id":2286,"href":"https:\/\/www.celesteh.com\/blog\/wp-json\/wp\/v2\/posts\/91\/revisions\/2286"}],"wp:attachment":[{"href":"https:\/\/www.celesteh.com\/blog\/wp-json\/wp\/v2\/media?parent=91"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.celesteh.com\/blog\/wp-json\/wp\/v2\/categories?post=91"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.celesteh.com\/blog\/wp-json\/wp\/v2\/tags?post=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}