No estoy seguro de por qué no aparece ninguna imagen. Estoy usando una extensión de servidor en vivo de Visual Studio Code con el puerto 5050.
Aquí está el código fuente completo del proyecto: https://github.com/chamx2/Web360Sample.git
este es mi index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css" /> <title>Web360 Sample</title> </head> <body> <h1>Welcome to my 360 sample website</h1> <p>Please enjoy the view</p> <div class="pano"></div> </body> <script type="javascript" src="js/main.js"></script> <!-- <script type="javascript" src="js/three.js"></script> --> <script type="javascript" src="js/three.min.js"></script> <script type="javascript" src="js/three.module.js"></script> <!-- <script type="javascript" src="js/pano.js"></script> --> <script type="javascript" src="js/panolens.min.js"></script> </html>este es mi código style.css
@import url("https://fonts.googleapis.com/css2?family=Crimson+Pro&family=Literata"); h1 { font-size: 4.5em; text-align: center; margin: 35px 0; font-family: 'Crimson Pro', serif; } p { font-size: 16px; max-width: 600px; margin: 35px auto; font-family: 'Literata', serif; } .pano { width: 100%; height: 600px; }Este es mi código main.js
const panoImage = document.querySelector('.pano'); const samplePanoPath = '../images/pano1.jpg'; const panorama = new PANOLENS.ImagePanorama(samplePanoPath); const viewer = new PANOLENS.Viewer({ container:panoImage, autoRotate:true, autoRotateSpeed: .5 }); viewer.add(panorama);Me pregunto qué sucede, no recibo ningún error en mi consola, excepto una advertencia: 'Uso de auditoría de navigator.userAgent, navigator.appVersion y navigator.platform' que no creo que sea relevante o debería mirar dentro.