three.js 3d模型没有显示出来
问题描述:
我试过了之前看到的所有内容,但它没有解决问题。我无法显示3D模型。许多人向我提到,这是相机问题,但似乎无法修复它。任何帮助,将不胜感激:)three.js 3d模型没有显示出来
<html>
<head>
<title>My first Three.js app</title>
<style>canvas { width: 100%; height: 100% }</style>
</head>
<body>
<script src="O:/FirstPublishedGame/FINAL-STEPS/levels/ForLevel3+/three.js-master/build/Three.js"></script>
<script src="O:/FirstPublishedGame/FINAL-STEPS/levels/ForLevel3+/three.js-master/src/ob"></script>
<script>
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75,
window.innerWidth/window.innerHeight, 0.1, 1000);
var element = document.getElementById("container");
var renderer = new THREE.WebGLRenderer({ alpha: true });
renderer.setSize(window.innerWidth, window.innerHeight);
element.appendChild(renderer.domElement);
var loader = new THREE.OBJLoader();
loader.load(
'O:/FirstPublishedGame/FINAL-STEPS/levels/ForLevel3+/three.js-master/examples/obj/female02/female02.obj',
function (object) {
scene.add(object);
});
function render() {
window.requestAnimationFrame(render);
renderer.render(scene, camera);
}
render();
</script>
</body>
</html>
答
你需要与容器的标识元素 - 尝试添加
<div id="container"></div>
在你的身体开始。
否则,您无法将元素设置为它。
然后我应该加什么到容器? –
不要以为你需要在div内添加任何东西 - 渲染器会处理它。 –