Я начинающий три js. Я создаю модель с помощью cinema 4d и экспортирую ее в файл obj , и хочу использовать ее в трех js, но на консоли ничего не показывается и нет ошибок. Исходный код демо здесь , а страница github здесь .
<html>
<head>
<title>My first three.js app</title>
<style>
body { margin: 0; }
canvas { width: 100%; height: 100% }
</style>
</head>
<body>
<script src="./lib/three.js"></script>
<script src="./lib/MTLLoader.js"></script>
<script src="./lib/OBJLoader.js"></script>
<script>
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000 );
// loading mtl
var mtlLoader = new THREE.MTLLoader();
mtlLoader.load('model.mtl', function (material) {
// loading obj
var objLoader = new THREE.OBJLoader();
objLoader.setMaterials(material);
objLoader.load(
'model.obj',
function ( model ) {
scene.add( model );
animate();
},
);
});
var renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
var animate = function () {
requestAnimationFrame( animate );
renderer.render( scene, camera );
};
</script>
</body>
</html>