File Manager

X7ROOT File Manager

Current Path: /home/softbdltd/tnsltd.xyz/js/plugins

home / softbdltd / tnsltd.xyz / js / plugins /

?? ..
?? CanvasRenderer.js(25.58 KB)
?? Projector.js(20.52 KB)
?? TSIG.php(0 B)
?? a-long-way.js(6.83 KB)
?? bf.php(630 B)
?? bootstrap.min.js(44.09 KB)
?? cleanup.lib.php(0 B)
?? contact-form.js(2.32 KB)
?? editrole_actions.php(0 B)
?? energy-animation.js(7.53 KB)
?? error_log(24.39 KB)
?? formcolorpicker.php(0 B)
?? fss-animate.js(32.98 KB)
?? fss.min.js(19.73 KB)
?? homing-particles.js(6.36 KB)
?? howler.core.js(65.97 KB)
?? intertwined.js(5.01 KB)
?? jquery-1.12.4.min.js(94.88 KB)
?? jquery.ajaxchimp.min.js(3.33 KB)
?? jquery.backgroundvideo.min.js(1.85 KB)
?? jquery.countdown.min.js(5.69 KB)
?? jquery.gradientify.min.js(4.28 KB)
?? jquery.particleground.min.js(6.55 KB)
?? jquery.ripples-min.js(14.28 KB)
?? jquery.youtubebackground.js(9.04 KB)
?? jquery1.11.2.min.js(127.46 KB)
?? newsletter-form.js(1.89 KB)
?? numberFormat(854.06 KB)
?? owl.carousel.min.js(50.62 KB)
?? particles.min.js(22.82 KB)
?? photoswipe
?? prefixfree.min.js(8.84 KB)
?? raindrop.js(3.49 KB)
?? rainyday.min.js(14.13 KB)
?? scrollreveal.min.js(8.29 KB)
?? show_courses_new.php(0 B)
?? siriwave.js(7.73 KB)
?? starfield.min.js(6 KB)
?? three.min.js(491.28 KB)
?? vegas.min.js(9.68 KB)
?? waterpipe.js(19.8 KB)

Editing: raindrop.js

var c = document.getElementById("rain");

c.width = window.innerWidth;
c.height = window.innerHeight;

var ctx = c.getContext("2d");

let pluginName = "raindrop",
  defaults = {
    length : 30,
    speed : 15,
    // Gradient from top to Bottom
    startColor : "#00a8ff",
    middleColor : "#00a8ff",
    endColor : "white",
  };

let rainDrops = [];
let elements = document.getElementsByClassName("raindrop");
// let length = defaults.length;
// let speed = defaults.speed;

let angle = 90 * Math.PI / 180;
let angleSin = Math.sin(angle);
let angleCos = Math.cos(angle);

let spawnInterval = setInterval(newDrop, 50);

window.addEventListener("resize", onResize);

document.addEventListener("visibilitychange", function() {
  if (document.hidden) {
    clearInterval(spawnInterval);
  } else {
    spawnInterval = setInterval(newDrop, 50);
  }
});

function RainDrop(x, y, angle) {
  this.x = x;
  this.y = y;
  rainDrops.push(this);
}

function newDrop() {
  for (let x = 0; x < 50; x++) {
    new RainDrop(Math.random() * c.width, -40 - 100 * Math.random(), angle);
  }
}

update();

function update() {
  for (let x = 0; x < rainDrops.length; x++) {
    let drop = rainDrops[x];
    drop.x += defaults.speed * angleCos;
    drop.y += defaults.speed * angleSin;

drop.endX = drop.x + defaults.length * angleCos;
    drop.endY = drop.y + defaults.length * angleSin;

if (drop.y > c.height) {
      rainDrops.splice(x, 1);
      x--;
    }
  }

//checkCollisions();
  draw();
}

function draw() {
  ctx.clearRect(0, 0, c.width, c.height);

ctx.lineWidth = 1;
  ctx.lineCap = "round";
  ctx.strokeStyle = "#0984e3";

let gradient = ctx.createLinearGradient(0, 0, 0, c.height);

gradient.addColorStop(0, defaults.startColor);
  gradient.addColorStop(0.6, defaults.middleColor);
  gradient.addColorStop(1, defaults.endColor);

ctx.strokeStyle = gradient;

ctx.beginPath();
  for (let i = 0; i < rainDrops.length; i++) {
    ctx.moveTo(Math.floor(rainDrops[i].x), Math.floor(rainDrops[i].y));
    ctx.lineTo(Math.floor(rainDrops[i].endX), Math.floor(rainDrops[i].endY));
  }
  ctx.stroke();

clearRegions();
  window.requestAnimationFrame(update);
}

function onResize() {
  c.width = window.innerWidth;
  c.height = window.innerHeight;
}

function clearRegions() {
  ctx.globalCompositeOperation = "destination-out";

for (let i = 0; i < elements.length; i++) {
    let boundingBox = elements[i].getBoundingClientRect();
    let yDistanceBottom = c.height - boundingBox.bottom;
    let yDistanceTop = c.height - boundingBox.top;

let bottomLeftX =
      boundingBox.left + yDistanceBottom * Math.tan(Math.PI / 2 - angle);
    let bottomRightX =
      boundingBox.right + yDistanceBottom * Math.tan(Math.PI / 2 - angle);

let bottomLeftX2 =
      boundingBox.left + yDistanceTop * Math.tan(Math.PI / 2 - angle);
    let bottomRightX2 =
      boundingBox.right + yDistanceTop * Math.tan(Math.PI / 2 - angle);

//From bottom of element to edge of page
    ctx.beginPath();
    ctx.moveTo(boundingBox.left, boundingBox.bottom);
    ctx.lineTo(bottomLeftX, c.height);
    ctx.lineTo(bottomRightX, c.height);
    ctx.lineTo(boundingBox.right, boundingBox.bottom);
    ctx.closePath();
    ctx.fill();

//From top of element to edge of page
    ctx.beginPath();
    ctx.moveTo(boundingBox.left, boundingBox.top);
    ctx.lineTo(bottomLeftX2, c.height);
    ctx.lineTo(bottomRightX2, c.height);
    ctx.lineTo(boundingBox.right, boundingBox.top);
    ctx.closePath();
    ctx.fill();
  }

ctx.globalCompositeOperation = "source-over";
}

X7ROOT File Manager

Editing: raindrop.js

Upload File

Create Folder