Javascript 三维模型未显示在three.js中
我不知道为什么3D模型没有显示？有什么想法吗？我正在使用GLTF加载程序，控制台中没有错误。是因为缩放吗？轻的？我什么都试过了，不知道该怎么办？对不起，我是初学者Javascript 三维模型未显示在three.js中,javascript,three.js,Javascript,Three.js,我不知道为什么3D模型没有显示？有什么想法吗？我正在使用GLTF加载程序，控制台中没有错误。是因为缩放吗？轻的？我什么都试过了，不知道该怎么办？对不起，我是初学者 <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>test</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!-- <script src="js/three.js"></script> -->
<script type="module">
import * as THREE from './node_modules/three/build/three.module.js';
import { GLTFLoader } from './node_modules/three/examples/jsm/loaders/GLTFLoader.js';
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1,
1000);
camera.position.z = 5;
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
var controls = new THREE.OrbitControls(camera, render.domElement);
const loader = new GLTFLoader();
loader.load('3D/web3dmodel.glb', function (gltf) {
scene.add(gltf.scene);
}, undefined, function (error) {
console.error(error);
});
function animate() {
requestAnimationFrame(animate);
renderer.render(scene, camera);
}
animate();
</script>
</body>
</html>
测试
从“/node_modules/THREE/build/THREE.module.js”以三个形式导入*；
从“./node_modules/three/examples/jsm/loaders/GLTFLoader.js”导入{GLTFLoader}；
const scene=new THREE.scene（）；
常量摄影机=新的三透视摄影机（75，window.innerWidth/window.innerHeight，0.1，
1000);
摄像机位置z=5；
const renderer=new THREE.WebGLRenderer（）；
renderer.setSize（window.innerWidth、window.innerHeight）；
document.body.appendChild（renderer.doElement）；
var controls=新的三个.OrbitControls（摄影机、渲染.doElement）；
const loader=新的GLTFLoader（）；
loader.load（'3D/web3dmodel.glb'，函数（gltf）{
scene.add（gltf.scene）；
}，未定义，函数（错误）{
控制台错误（error）；
});
函数animate（）{
请求动画帧（动画）；
渲染器。渲染（场景、摄影机）；
}
制作动画（）；