-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()가 초기화 함수이지만 이와 같은 오류가 발생하는 경우 :
모든 않음이 이해된다. 고맙습니다.