Yap creo que ya lo solucioné.

En el html esta mal posicionado las librerias<br>
Resulta que para que funcione todo necesitas que las librerías estén ordenadas de cierta manera el html tiene la gracias de cargar desde arriba hacia abajo.<br>
Primero tiene que ir el la libreria de `jquery`, porque carga todas las funciones y dependencias que usa vegas, por lo tanto depues cargas `vegas.min.js` para que funcione.<br>
Depues usas el script o en este caso mi script en el html ya que cargue antes las funciones y propiedades de vegas en el archivo `vegas.min.js`
el css de `vegas.min.css` puede ir antes ya que solo carga estilos nada mas.
espero que sirva esta explicación. Saludos.
<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

 
    <!DOCTYPE html>
    <html>
    <head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vegas/2.4.0/vegas.min.css">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vegas/2.4.0/vegas.js"></script>
    <script>
    $(document).ready(function() {
    var imagecollection = [
        {src: 'https://i.imgflip.com/fmohn.jpg'},
        {src: 'https://i.imgflip.com/fmohn.jpg'},
        {src: 'https://i.imgflip.com/fmohn.jpg'},
        {src: 'https://i.imgflip.com/fmohn.jpg'}
        /* Slideshow not working? Check your image links. */
    ];

    $("#ShowSlideShowHere").vegas({
        slides: imagecollection,
        transition: 'fade',
        preloadImage: true,
        timer: true,
        shuffle: true,
        delay: 5000,
        animation: 'kenburns',
        cover: true
      });
     });
    </script>
    </head>
    <body>
    	<div style="height:100vh">
    		<div id="ShowSlideShowHere" style="height:100vh">sadasdasdas</div>
    	</div>

    </body>
    </html>

<!-- end snippet -->

funcionando.