2017-11-14 5 views
-1

나는 내 문제를 해결하기 위해 하루 종일 다양한 옵션을 시도해 왔습니다. 나는 또한 지난 몇 년 동안 여기에 게시 된 다양한 예제를 시도했다. 내 문제는 아직 해결되지 않았지만 내 물건은 나타나지 않습니다.모델이 three.js에 나타나지 않습니다.

저는 .json, .js 및 now .mobl with.obj의 3 가지 형식을 시도하고있었습니다. 현재 코드는 다음과 같습니다.

function addModels() { 
var mtlLoader = new THREE.MTLLoader(); 

mtlLoader.load("../models/lampa.mtl", function (materials) { 
    materials.preload(); 

    var objLoader = new THREE.OBJLoader(); 

    objLoader.setMaterials(materials); 
    objLoader.load("../models/lampa.obj", function (mesh) { 
     mesh.scale.set(1,1,1); 
     mesh.position.set(0,0,0); 

     scene.add(mesh); 
    }) 
}) 

그리고 이것은 스크립트를 실행하는 스크립트가있는 html 파일입니다.

var camera; 
var scene; 
var renderer = new THREE.WebGLRenderer(); 
var controls; 

//Simple functions to initialise scene and render it. 
initialise(); 
render(); 
//animate(); 


//add models 
addModels(); 

function initialise() { 

    // Create a scene 
    scene = new THREE.Scene(); 

    // Add the camera 
    camera = new THREE.PerspectiveCamera(70, window.innerWidth/window.innerHeight, 1, 1000); 
    camera.position.set(0, 100, 250); 

    // Add scene elements 
    addWalls(); 
    addKerbs(); 
    // Add lights 
    addLights(); 
    // Create the WebGL Renderer 
    renderer = new THREE.WebGLRenderer(); 
    renderer.setSize(window.innerWidth, window.innerHeight); 

    //add Grass 
    createGrass(); 
    addGrass(); 

    // Append the renderer to the body 
    document.body.appendChild(renderer.domElement); 

    // Add a resize event listener 
    window.addEventListener('resize', Resize, false); 

    // Add the orbit controls 
    controls = new THREE.OrbitControls(camera, renderer.domElement); 
    controls.target = new THREE.Vector3(0, 100, 0); 
} 

//rendering function 
function render() { 
    renderer.render(scene, camera); 
    requestAnimationFrame(render); 
    controls.update(); 
} 

//Window resize. 
function Resize() { 
    camera.aspect = window.innerWidth/window.innerHeight; 
    camera.updateProjectionMatrix(); 
    renderer.setSize(window.innerWidth, window.innerHeight); 
} 

function animate() { 
    requestAnimationFrame(animate); 
    render(); 
    status.update(); 
    renderer.render(scene,camera); 
} 

addModels()가 초기화 함수이지만 이와 같은 오류가 발생하는 경우 : enter image description here

모든 않음이 이해된다. 고맙습니다.

답변

0

모든 문제로 인해 정말 유감입니다. 여기에 모든 것이 잘되는 것처럼 보입니다. 단지 3 개입니다 .js는 오래된 것입니다 ...

관련 문제