JS Raw Image Data Sun Hot To Mild FX SRC

<canvas id="canv" width = "460" height = "360" style=background: hsla(0, 1000%, 100%, 1);>
</canvas>
     </div>


        <script>
      c = document.getElementById("canv");
var ctx = c.getContext("2d");

id = ctx.createImageData(460,360);

function draw() {
var w=c.width;
var h=c.height;
  window.requestAnimationFrame(draw);
    var r;
    for (var p = 4 * (w * h - 4); p >= 1; p -= 4) {
        r = Math.random();
        id.data[p] += 222;
        id.data[p+1] += id.data[p+2] = 15;
        id.data[p+3] += 225;
    }
    ctx.putImageData(id, 0, 0);
}

draw();

    </script>
</body>
</html>