random arikui Follow 2010-08-31 23:53:59 License: MIT License Fork0 Fav3 View778 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 41 lines HTML 3 lines CSS 13 lines random var canvas = document.getElementById("world"); var w = canvas.width = window.innerWidth - 50; var img = document.getElementsByTagName("img")[0]; var ip = new ImageProcessing(canvas).lock(); var a = {}; var timer = setTimeout(function(){ for(var i = -1, c, n; ++i < 100;){ c = Math.random() * w >> 0; n = a[c] = (a[c] || 0) + 1; if(n == 359) break; } for(var x in a) ip.setPixel(x, 0, ImageProcessing.Color.fromHsv(a[x], 255, 255)); img.src = ip.update().data("image/png"); if(n >= 359){ calc(a); } else timer = setTimeout(arguments.callee, 1); }, 1); function calc(a){ var sum = 0; for(var i = -1; ++i < w;) sum += a[i] || (a[i] = 0); var avr = sum / w; var uvar = 0; for(i = -1; ++i < w;) uvar += (avr - a[i]) * (avr - a[i]); uvar /= w - 1; alert(Math.sqrt(uvar)); } <canvas id='world' height="1"></canvas> <img/> <script src="http://github.com/arikui/image_processing.js/raw/master/image_processing.js" id="_ip_"></script> random body{ background-color: #000; } #world{ border: 1px solid #000; display: none; } img{ width: 100%; height: 440px; } var canvas = document.getElementById("world"); var w = canvas.width = window.innerWidth - 50; var img = document.getElementsByTagName("img")[0]; var ip = new ImageProcessing(canvas).lock(); var a = {}; var timer = setTimeout(function(){ for(var i = -1, c, n; ++i < 100;){ c = Math.random() * w >> 0; n = a[c] = (a[c] || 0) + 1; if(n == 359) break; } for(var x in a) ip.setPixel(x, 0, ImageProcessing.Color.fromHsv(a[x], 255, 255)); img.src = ip.update().data("image/png"); if(n >= 359){ calc(a); } else timer = setTimeout(arguments.callee, 1); }, 1); function calc(a){ var sum = 0; for(var i = -1; ++i < w;) sum += a[i] || (a[i] = 0); var avr = sum / w; var uvar = 0; for(i = -1; ++i < w;) uvar += (avr - a[i]) * (avr - a[i]); uvar /= w - 1; alert(Math.sqrt(uvar)); } <canvas id='world' height="1"></canvas> <img/> <script src="http://github.com/arikui/image_processing.js/raw/master/image_processing.js" id="_ip_"></script> body{ background-color: #000; } #world{ border: 1px solid #000; display: none; } img{ width: 100%; height: 440px; } use an iframe compat browser, deer Tweet QR code Embed Design view Code view <script type="text/javascript" src="http://jsdo.it/blogparts/iPDR/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/arikui/iPDR" title="random">random - jsdo.it - share JavaScript, HTML5 and CSS</a></p> zip tags Tweet twitter Favorite by y3i12 TonyC90 fingaholic
