Untitled

<!DOCTYPE html>
<html>
    <head>
      <meta charset="UTF-8" />
        <link rel="stylesheet" type="text/css" href="styles.css" />
        <title> Trying New Stuff</title>
    </head>
    <body>
      <script src="pixi-v5.min.js"></script>
      <script>
        var app;

          function initPiki() {
              app = new PIXI.Application({width: window.innerWidth, height: window.innerHeight});
              document.body.appendChild(app.view);

              var image = new PIXI.Sprite.from("Popculture.jpg");
              image.width = window.innerWidth;
              image.height = window.innerHeight;
              app.stage.addChild(image);

              displacementSprite = new PIXI.Sprite.from("displacementmaps.jpg");
              displacementFilter = new PIXI.filters.DisplacementFilter(displacementSprite);
              displacementSprite.texture.baseTexture.wrapMode = PIXI.WRAP_MODES.REPEAT;
              app.stage.addChild(displacementSprite);
              app.stage.filters = [displacementFilter];
              animate();
            }
          function animate(){
              displacementSprite.x += 8;
              displacementSprite.y += 3;
              requestAnimationFrame(animate);
          }

          initPixi();

        </script>
    </body>

</html>