{"id":234,"date":"2014-03-15T15:04:48","date_gmt":"2014-03-15T22:04:48","guid":{"rendered":"http:\/\/www.earlevel.com\/main\/?p=234"},"modified":"2016-12-08T15:40:23","modified_gmt":"2016-12-08T23:40:23","slug":"dither-widget","status":"publish","type":"post","link":"https:\/\/www.earlevel.com\/main\/2014\/03\/15\/dither-widget\/","title":{"rendered":"Dither widget"},"content":{"rendered":"<p><script type=\"text\/javascript\" src=\"\/scripts\/utils\/flotr2.min.js\"><\/script><\/script><script type=\"text\/javascript\" src=\"\/main\/wp-content\/uploads\/2014\/03\/Dither.js\"><\/script><\/p>\n<style type=\"text\/css\">\ntable#controls_dither {\n    background: transparent;\n    border: 0;\n    border-collapse: collapse;\n    border-spacing: 0;\n    margin: 0px;\n}\ntable#controls_dither td {\n    padding: 0px;\n    border: 0;\n    white-space: nowrap;\n    margin: 0px;\n    height:24px;\n    float:left;\n    width: 140px;\n}\n<\/style>\n<table id=\"controls_dither\">\n<tr>\n<td colspan=\"0\" style=\"float: none;\">\n<div id=\"canvas_dither\" style=\"width:600px; height:400px;\"\"><\/div>\n<\/td>\n<\/tr>\n<tr>\n<table id=\"controls_dither\">\n<tr>\n<td colspan=\"0\">\n<input id=\"amp_dither_field\" value=\"0\" style=\"text-align:right;width:4em;margin: 0 6px 6px 0;\" type=\"text\" onchange='updateSlider_dither(\"amp_dither\"); draw_dither();' \/><input type=\"range\" min=\"0\" max=\"200\" value=\"0\" id=\"amp_dither\" onchange='updateValue_dither(\"amp_dither\"); draw_dither();' oninput='updateValue_dither(\"amp_dither\"); draw_dither();'>\n<\/td>\n<\/tr>\n<tr>\n<td colspan=\"0\"><\/td>\n<\/tr>\n<tr>\n<td><label><input type=\"checkbox\" id=\"sine_dither\" checked=\"true\" onchange='draw_dither();'> Sine<\/label><\/td>\n<td><label><input type=\"checkbox\" id=\"run_dither\" onchange='setRun_dither(this.checked);'> Run<\/label><\/td>\n<\/tr>\n<tr>\n<td><label><input type=\"checkbox\" id=\"rounded_dither\" checked=\"true\" onchange='draw_dither();'> Rounded<\/label><\/td>\n<td><label><input type=\"checkbox\" id=\"connect_dither\" onchange='draw_dither();'> Connect<\/label><\/td>\n<\/tr>\n<tr>\n<td><label><input type=\"checkbox\" id=\"dithered_dither\" checked=\"true\" onchange='draw_dither();'> Dither Added<\/label><\/td>\n<\/tr>\n<tr>\n<td><label><input type=\"checkbox\" id=\"ditherRounded_dither\" checked=\"true\" onchange='draw_dither();'> Dither + Rounded<\/label><\/td>\n<\/tr>\n<\/table>\n<\/tr>\n<\/table>\n<p style=\"margin-top:24px;\">This is the widget I used for the animated dither chart in my Audio Dither Explained video. &#8220;Run&#8221; animates the dither process, otherwise it changes only when you change the amplitude setting. &#8220;Connect&#8221; connects the dots; this is simply a visual aid, making it easily to follow the sequence of samples.<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,5,30],"tags":[],"_links":{"self":[{"href":"https:\/\/www.earlevel.com\/main\/wp-json\/wp\/v2\/posts\/234"}],"collection":[{"href":"https:\/\/www.earlevel.com\/main\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.earlevel.com\/main\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.earlevel.com\/main\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.earlevel.com\/main\/wp-json\/wp\/v2\/comments?post=234"}],"version-history":[{"count":6,"href":"https:\/\/www.earlevel.com\/main\/wp-json\/wp\/v2\/posts\/234\/revisions"}],"predecessor-version":[{"id":556,"href":"https:\/\/www.earlevel.com\/main\/wp-json\/wp\/v2\/posts\/234\/revisions\/556"}],"wp:attachment":[{"href":"https:\/\/www.earlevel.com\/main\/wp-json\/wp\/v2\/media?parent=234"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.earlevel.com\/main\/wp-json\/wp\/v2\/categories?post=234"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.earlevel.com\/main\/wp-json\/wp\/v2\/tags?post=234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}