Связывание index.html с файлом main.js ⇐ Html

[Anonymous]

Веб -страница пуста, файл main.js не связан, несмотря на то, что они находятся в одной папке. NPT используется, & VITE используется для 3D -эффектов, камер и т. Д.

Код: Выделить всё

    





 Abd 


hello




< /code>
syle.css код: < /p>
canvas {
position: fixed;
top: 0;
left: 0;

}
< /code>
main.js code:
import './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()

пустая веб-страница- JavaScript не связан

Подробнее здесь: https://stackoverflow.com/questions/701 ... in-js-file