Anonymous
Связывание index.html с файлом main.js
Сообщение
Anonymous » 18 окт 2025, 22:05
Веб-страница пуста, файл main.js не связан, несмотря на то, что они находятся в одной папке. Используется Npt, а Vite используется для 3D-эффектов, камер и т. д.
код index.html:
Код style.css:
Код: Выделить всё
canvas {
position: fixed;
top: 0;
left: 0;
}
Код main.js:
импорт './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
1760814335
Anonymous
Веб-страница пуста, файл main.js не связан, несмотря на то, что они находятся в одной папке. Используется Npt, а Vite используется для 3D-эффектов, камер и т. д. код index.html: [code] Abd hello [/code] Код style.css: [code]canvas { position: fixed; top: 0; left: 0; } [/code] Код main.js: импорт './style.css' [code]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() [/code] Пустая веб-страница — ссылка на JavaScript не установлена Подробнее здесь: [url]https://stackoverflow.com/questions/70176245/linking-index-html-with-main-js-file[/url]