我尝试了之前看到的所有方法,但没有解决问题。我无法显示 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>
最佳答案
您需要一个具有容器 ID 的元素 - 尝试添加
<div id="container"></div>
在你 body 的开始处。
否则你无法为其设置元素。
关于javascript - Three.js 3D 模型未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45357728/