Javascript 无法在3JS中显示三维模型
我试图显示一个模型，这是gltf，但它没有出现。我正在运行一个http服务器，因为没有，所以它导致了更多的错误，现在出现了“错误：无法建立连接。接收端不存在。”Javascript 无法在3JS中显示三维模型,javascript,html,three.js,gltf,Javascript,Html,Three.js,Gltf,我试图显示一个模型，这是gltf，但它没有出现。我正在运行一个http服务器，因为没有，所以它导致了更多的错误，现在出现了“错误：无法建立连接。接收端不存在。” <html><head> <title>My first three.js app</title> <style> body { margin: 0; } canvas { display: block; } </style>
<html><head>
<title>My first three.js app</title>
<style>
body {
margin: 0;
}
canvas {
display: block;
}
</style></head>[enter image description here][1]<body>
<script src="js/three.js"></script>
<script src="js/GLTFLoader.js"></script>
<script> var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(
75,
window.innerWidth / window.innerHeight,
0.1,
1000
);var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
var loader = new THREE.GLTFLoader();
loader.load("LegoEv3.glb", handle_load);
var mesh;
function handle_load(gltf) {
mesh = gltf.scene.children[0];
scene.add(mesh);
mesh.position, (z = -1000);
}
renderer.render(scene, camera);
</script>
我的前三个.js应用程序
身体{
保证金：0；
}
帆布{
显示：块；
}
[在此处输入图像描述][1]
var scene=new THREE.scene（）；
var摄像机=新的三视角摄像机(
75,
window.innerWidth/window.innerHeight，
0.1,
1000
);var renderer=new THREE.WebGLRenderer（）；
renderer.setSize（window.innerWidth、window.innerHeight）；
document.body.appendChild（renderer.doElement）；
var loader=new THREE.GLTFLoader（）；
loader.load（“LegoEv3.glb”，handle_load）；
var网格；
函数句柄加载（gltf）{
mesh=gltf.scene.children[0]；
场景。添加（网格）；
网格位置（z=-1000）；
}
渲染器。渲染（场景、摄影机）；
在加载模型之前只渲染一次。
加载模型并将其添加到场景后，请重试渲染
function handle_load(gltf) {
mesh = gltf.scene.children[0];
scene.add(mesh);
mesh.position, (z = -1000);
renderer.render(scene, camera); // You need to render after model is added
}
“我运行的http服务器没有”很难理解。您确定
mesh=gltf.scene.children[0]handle\u load