MediaWiki:Common.js: Unterschied zwischen den Versionen

Version vom 28. Oktober 2023, 10:03 Uhr

/* Halloween */
(function () {
  var r = Math.random,
    n = 0,
    d = document,
    w = window,
    bats = [],
    numBats = 1,
    batImages = [
      'data:image/gif;base64,R0lGODlhMAAwAJECAAAAAEJCQv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQACACwAAAAAMAAwAAACdpSPqcvtD6NcYNpbr4Z5ewV0UvhRohOe5UE+6cq0carCgpzQuM3ut16zvRBAH+/XKQ6PvaQyCFs+mbnWlEq0FrGi15XZJSmxP8OTRj4DyWY1lKdmV8fyLL3eXOPn6D3f6BcoOEhYaHiImKi4yNjo+AgZKTl5WAAAIfkECQEAAgAsAAAAADAAMAAAAnyUj6nL7Q+jdCDWicF9G1vdeWICao05ciUVpkrZIqjLwCdI16s+5wfck+F8JOBiR/zZZAJk0mAsDp/KIHRKvVqb2KxTu/Vdvt/nGFs2V5Bpta3tBcKp8m5WWL/z5PpbtH/0B/iyNGh4iJiouMjY6PgIGSk5SVlpeYmZqVkAACH5BAkBAAIALAAAAAAwADAAAAJhlI+py+0Po5y02ouz3rz7D4biSJbmiabq6gCs4B5AvM7GTKv4buby7vsAbT9gZ4h0JYmZpXO4YEKeVCk0QkVUlw+uYovE8ibgaVBSLm1Pa3W194rL5/S6/Y7P6/f8vp9SAAAh+QQJAQACACwAAAAAMAAwAAACZZSPqcvtD6OctNqLs968+w+G4kiW5omm6ooALeCusAHHclyzQs3rOz9jAXuqIRFlPJ6SQWRSaIQOpUBqtfjEZpfMJqmrHIFtpbGze2ZywWu0aUwWEbfiZvQdD4sXuWUj7gPos1EAACH5BAkBAAIALAAAAAAwADAAAAJrlI+py+0Po5y02ouz3rz7D4ZiCIxUaU4Amjrr+rDg+7ojXTdyh+e7kPP0egjabGg0EIVImHLJa6KaUam1aqVynNNsUvPTQjO/J84cFA3RzlaJO2495TF63Y7P6/f8vv8PGCg4SFhoeIg4UQAAIfkEBQEAAgAsAAAAADAAMAAAAnaUj6nL7Q+jXGDaW6+GeXsFdFL4UaITnuVBPunKtHGqwoKc0LjN7rdes70QQB/v1ykOj72kMghbPpm51pRKtBaxoteV2SUpsT/Dk0Y+A8lmNZSnZlfH8iy93lzj5+g93+gXKDhIWGh4iJiouMjY6PgIGSk5eVgAADs='
    ];

  function createBat() {
    var i = d.createElement('img'),
      z = d.createElement('div'),
      zs = z.style,
      a = w.innerWidth * r(),
      b = w.innerHeight * r(),
      scaleFactor = 1.0,
      isFirstBat = bats.length === 0;

    if (!isFirstBat) {
      scaleFactor = r() * 0.75 + 0.5;
    }

    zs.position = 'fixed';
    zs.left = 0;
    zs.top = 0;
    zs.opacity = 0;
    zs.transform = zs.webkitTransform = 'scale(' + scaleFactor + ')'; // Apply the scale factor

    zs.width = '60px';
    zs.height = '60px';

    z.appendChild(i);
    i.src = batImages[Math.floor(r() * batImages.length)]; // Randomly select a bat image
    d.body.appendChild(z);

    function R(o, m) {
      return Math.max(Math.min(o + (r() - 0.5) * 400, m - 50), 50);
    }

    function animateBat() {
      var x = R(a, w.innerWidth),
        y = R(b, w.innerHeight),
        distance = 5 * Math.sqrt((a - x) * (a - x) + (b - y) * (b - y));
      zs.opacity = n;
      n = 1;
      zs.transition = zs.webkitTransition = distance / 1000 + 's linear';
      zs.transform = zs.webkitTransform = 'translate(' + x + 'px,' + y + 'px) scale(' + scaleFactor + ')';
      i.style.transform = i.style.webkitTransform = a > x ? '' : 'scaleX(-1)';
      a = x;
      b = y;
      setTimeout(animateBat, distance);
    }

    setTimeout(animateBat, r() * 3000);

    if (!isFirstBat) {
      z.addEventListener('click', function () {
        var currentY = parseFloat(getComputedStyle(z).top);
        zs.transition = zs.webkitTransition = 'top 1s ease-in-out';
        zs.top = (w.innerHeight - currentY) + 'px';
        setTimeout(function () {
          z.parentNode.removeChild(z);
          bats.splice(bats.indexOf(z), 1);
        }, 1000);
      });
    }

    return z;
  }

  var initialBat = createBat();
  bats.push(initialBat);

  initialBat.addEventListener('click', function () {
    var newBat = createBat();
    bats.push(newBat);
  });

  function r() {
    return Math.random();
  }
})();
/* ------- */