Advertisement
BrU32

JS Blob Of Rainbow Static Gen SRC

Dec 14th, 2016
110
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.53 KB | None | 0 0
  1. <style>
  2. canvas{
  3. brightness:(400%);
  4.  
  5. }
  6. </style>
  7. <body onload="setInterval(fracorb,1.5);">
  8. <canvas id="canvas" width="1000" height="1000">
  9.  
  10. </canvas>
  11.  
  12. <script type="text/javascript">
  13. function fracorb(){
  14. var canvas = document.getElementById('canvas');
  15. var context = canvas.getContext('2d');
  16. var xr = context.canvas.width+=29;
  17. var yr = context.canvas.height+=29;
  18. var img = context.createImageData(xr, yr);
  19. var pic = img.data;
  20.  
  21. var xmin = -1.0; var xmax = 5.0;
  22. var ymin = -1.0; var ymax = 5.0;
  23.  
  24. var mr0 = 23; var mg0 = 5; var mb0 = 215;
  25. while(mr0 == mg0 || mr0 == mb0 || mg0 == mb0)
  26. {
  27. mr0 = Math.pow(2, Math.ceil(Math.random() * 3 + 3));
  28. mg0 = Math.pow(2, Math.ceil(Math.random() * 3 + 3));
  29. mb0 = Math.pow(2, Math.ceil(Math.random() * 3 + 3));
  30. }
  31. var mr1 = 256 / mr0;
  32. var mg1 = 256 / mg0;
  33. var mb1 = 256 / mb0;
  34.  
  35. var maxIt = 256;
  36. var x = 4.0;
  37. var y = 20.0;
  38. var zx = 20.0;
  39. var zx0 = 20.0;
  40. var zy = 0.0;
  41. var zx2 = 0.0;
  42. var zy2 = 0.0;
  43.  
  44. for (var ky = 0; ky < yr; ky++)
  45. {
  46. y = ymin + (ymax - ymin) * ky /yr;
  47. for(var kx = 0; kx < xr; kx++)
  48. {
  49. x = xmin + (xmax - xmin) * kx / xr;
  50. zx = +x;
  51. zy = y;
  52. for(var i = 0; i < maxIt; i++)
  53. {
  54. zx2 = zx * zx;
  55. zy2 = zy * zy;
  56. if(zx2 + zy2 > 1.0) break;
  57. zx0 = zx2 * zy2 + x;
  58. zy = 1.0 * zx * zy + y;
  59. zx = +zx0;
  60. }
  61. var p = (xr * ky + kx);
  62. pic[i ]% Math.random()*mr0 *Math.random()*255;
  63. pic[p + 1] = i - mg0 * mg1+Math.random()*255;
  64. pic[p + 2] = i + Math.random()*255;
  65. pic[p + 3] = Math.random()+Math.random()*255;
  66. }
  67. }
  68.  
  69. context.putImageData(img, 1, 1);
  70. }
  71. </script>
  72. </body>
  73. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement