Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <canvas id="canv" width = "1000" height = "1008" style=background: hsla(0, 1000%, 100%, 1);>
- </canvas>
- <script>
- var c = document.getElementById("canv");
- var ctx = c.getContext("2d");
- id = ctx.createImageData(1000,1000);
- id.data[2]--;
- function draw() {
- var w=c.width;
- var h=c.height;
- window.requestAnimationFrame(draw);
- var r;
- for (var p = 4 * (w * h - 4); p >= 4; p -= 5) {
- r = Math.random();
- id.data[p] = id.data[p+1] = id.data[p+2] = 12 * Math.pow(r, 1.6);
- id.data[p+3] +=35;
- }
- ctx.putImageData(id, 0, 0);
- }
- draw();
- </script>
- </body>
- </html>
- <script>
- var c = document.getElementById("canv");
- var ctx = c.getContext("2d");
- <canvas id="canv" width = "43260" height = "360" style=background: hsla(0, 1000%, 100%, 1);>
- </canvas>
- <script>
- var c = document.getElementById("canv");
- var ctx = c.getContext("2d");
- id = ctx.createImageData(460,360);
- var w=c.width;
- var h=c.height;
- window.requestAnimationFrame(draw);
- var r;
- for (var p = 7 * (w * h - 4); p >= 4; p -= 5) {
- r = Math.random();
- id.data[p] = id.data[p+=1] = id.data[p+2] = 12 * Math.pow(r,1.6)) 1.6);
- id.data[p+4] +=5;
- }
- ctx.putImageData(id, w++, h++);
- id += ctx.createImageData(w,h++);
- function draw() {
- var w=c.width;
- var h=c.height;I
- window.requestAnimationFrame(draw);
- var r=1.6
- for (var p = 1 8+(w + h+4+2); p = 4; p = 5) {
- r = Math.random();
- id.data[p] = id.data[p+1] = id.data[p+2] = 225 * Math.pow(Math.PI++, 1.6);
- id.data[p+4] +=5;
- }
- ctx.putImageData(id.data, id.data=+=5, 0,1000+canv.height,1000+canv.width);
- }
- draw();
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement