Posts made by airythefemboylvr

airythefemboylvr

is browsedns working on ps5? (istg if this html code doesn't work bro)

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <style>
    body {
      margin: 0;
      overflow: hidden;
      background-color: black;
    }
    #logo {
      position: absolute;
      width: 150px;
      height: auto;
      filter: drop-shadow(0 0 10px white);
    }
  </style>
</head>
<body>
  <img id="logo" src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/DVD-Video_Logo.svg/768px-DVD-Video_Logo.svg.png" alt="DVD Logo"/>

  <script>
    const logo = document.getElementById("logo");
    const colors = ["red", "blue", "green", "yellow", "magenta", "cyan", "white", "orange"];
    let x = 100;
    let y = 100;
    let dx = 2;
    let dy = 2;

    function changeColor() {
      const color = colors[Math.floor(Math.random() * colors.length)];
      logo.style.filter = `drop-shadow(0 0 10px ${color})`;
    }

    function animate() {
      const screenWidth = window.innerWidth;
      const screenHeight = window.innerHeight;
      const logoWidth = logo.offsetWidth;
      const logoHeight = logo.offsetHeight;

      x += dx;
      y += dy;

      if (x + logoWidth >= screenWidth || x <= 0) {
        dx = -dx;
        changeColor();
      }

      if (y + logoHeight >= screenHeight || y <= 0) {
        dy = -dy;
        changeColor();
      }

      logo.style.left = `${x}px`;
      logo.style.top = `${y}px`;

      requestAnimationFrame(animate);
    }

    animate();
  </script>
</body>
</html>