Image noise: Difference between revisions

Faster JS version
(Faster JS version)
Line 626:
=={{header|Javascript}}==
<lang javascript><body>
<canvas id='c'></canvas>
 
<script>
var canvas = document.getElementById('c');
var ctx = canvas.getContext('2d');
Line 636 ⟶ 637:
var frame_count = 0;
ctx.font = 'normal 400 24px/2 Unknown Font, sans-serif';
var img = ctx.createImageData(w, h);
 
var index_init = 0;
for (var x = 0; x < w; x++) {
for (var y = 0; y < h; y++) {
img.data[index_init + 3] = 255; // alpha
index_init += 4;
{}
}
 
function animate() {
for (var xindex = 0; x < w; x++)
for (var indexx = 4*0; (x +< w*y; x++); {
{
for (var y = 0; y < h; y++) {
{
var index = 4* (x + w*y);
var value = (Math.random() > 0.5) ? 255 : 0;
img.data[index ] = value;
img.data[index + 1] = value;
img.data[index + 2] = value;
img.data[index+3]// =alpha 255;channel is constant
index += 4;
}
}
 
ctx.putImageData(img, 0, 0);
 
frame_count++;
Line 663 ⟶ 671:
 
animate();
</script>
</body></lang>
About 57 frames/second on Firefox 4.
 
=={{header|OCaml}}==
Anonymous user