Function init

src/index3.js:45–86

()

loadTextures();

function init(){
  canvas=document.querySelector('#container');

  let dpi=window.devicePixelRatio;
  canvas.width=window.innerWidth;
  canvas.height=window.innerHeight;
  canvas.style.width=window.innerWidth+"px";
  canvas.style.height=window.innerHeight+"px";

  raindrops=new Raindrops(
    canvas.width,
    canvas.height,
    dpi,
    dropAlpha,
    dropColor,
    {
      minR:30,
      maxR:60,
      collisionRadiusIncrease:0.002,
      dropletsRate:35,
      dropletsSize:[3,7.5],
      dropletsCleaningRadiusMultiplier:0.30,
    }
  );


  textureFg = createCanvas(textureFgSize.width,textureFgSize.height);
  textureFgCtx = textureFg.getContext('2d');
  textureBg = createCanvas(textureBgSize.width,textureBgSize.height);
  textureBgCtx = textureBg.getContext('2d');

  generateTextures();

  renderer = new RainRenderer(canvas, raindrops.canvas, textureFg, textureBg, null,{
    brightness:1.1,
    alphaMultiply:6,
    alphaSubtract:3,
    parallaxFg:40
  });

  setupEvents();
}

function setupEvents(){
  updateTextures();