La página web está vacía, el archivo main.js no está vinculado a pesar de estar en la misma carpeta. Se usa Npt y Vite para efectos 3D, cámaras, etc.
código index.html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" type="image/svg+xml" href="favicon.svg" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title> Abd </title> </head> <body> hello <canvas id="bg"></canvas> <script type="module" src="/main.js"></script> </body> </html>código estilo.css:
canvas { position: fixed; top: 0; left: 0; }código principal.js: importar './style.css'
import * as THREE from 'three'; const scene = new THREE.Scene(); const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000); const renderer = new THREE.WebGLRenderer({ canvas: document.querySelector('#bg'), }); renderer.setPixelRatio( window.devicePixelRatio ); renderer.setSize( window.innerWidth, window.innerHeight ); camera.position.setZ(30); renderer.render( scene,camera ); const geometry = new THREE.TorusGeometry( 10,3,16,100) const material = new THREE.MeshBasicMaterial( {color: 0xFF6347,wireframe:true}); const torus=new THREE.Mesh( geometry,material); scene.add(torus) function animate() { requestAnimationFrame( animate ); renderer.render(scene,camera); } animate()¿Están estos archivos en la carpeta raíz de su sitio? El uso de / en su URL le dice a HTML que su archivo se encuentra allí. Si ese es su problema, debería poder solucionarlo simplemente cambiando /main.js a main.js .
Intente poner: <script src=".js-path"> </script> en su sección <head>
si el archivo de la secuencia de comandos está en otro directorio, puede acceder a él poniendo "./" antes de la ruta de la secuencia de comandos
hay un par de cosas que debes mirar. En primer lugar, los módulos de JavaScript permiten que un programa se divida en múltiples secuencias de sentencias y declaraciones. <script type=module> se utiliza para cargar módulos de JavaScript dentro de las páginas web.
Para vincular un archivo Javascript a su archivo HTML, debe usar la etiqueta <script> con un atributo scr . Dado que el archivo javascript está en la misma carpeta que el archivo HTML, puede escribir la etiqueta de esta manera: <script src="main.js"> .
Buena suerte mi amigo.
