HTML-এ ক্যানভাস অ্যানিমেট করে নয়েজকে অনন্তরূপে অ্যানিমেট করা যাতে মুভমেন্টের আভাস হয়

putImageData() মেথড ইমেজ ডেটাকে ক্যানভাসে রাখে। ক্যানভাস অ্যানিমেট করতে, আমরা মেইন লুপের বাইরে একটি রিয়ূজেবল ImageData অবজেক্ট তৈরি করি:

var ct = c.getContext("2d", {alpha: false});       // context without alpha channel. var a = ct.createImageData(c.width, c.height);   var buffer = new Uint32Array(a.data.buffer);   function loop() {    noise(ct);    requestAnimationFrame(loop) })() function noise(ct) {    var l =buffer.length - 1;    while(l--) buffer[l] = Math.random() <0.5 ?0 : -1>>0;    ct.putImageData(a, 0, 0); }