random arikui Follow 2010-08-31 23:53:59 License: MIT License Fork0 Fav3 View793 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 Play on jsdo.it games Share Embed QR Tag Download Complete! Description どんなゲームですか？ Control Device スマートフォンコントローラー jsdo.it WebSocket Controller» マウス キーボード タッチデバイス Fullscreen 有効 無効 jsdo.it games から削除する Submit Tweet style Design view Code view code <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> Tweet twitter Favorite by y3i12 TonyC90 fingaholic
