【问题标题】:Model is not appearing in three.js模型没有出现在 three.js 中
【发布时间】:2018-04-27 19:39:59
【问题描述】:

我整天都在尝试各种选择来解决我的问题。我还尝试了前几年在此处发布的各种示例。虽然我的问题还没有解决,我的对象也没有出现。

我尝试了 3 种不同的格式:.json、.js 和现在的 .mtl 和 .obj。我当前的代码如下所示:

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() 在初始化函数中时,它会抛出如下错误:

感谢每一个答案。谢谢。

【问题讨论】:

    标签: javascript three.js blender


    【解决方案1】:

    对于每一个麻烦,我真的很抱歉。看来这里一切都很好,只是three.js过时了……

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-02-27
      • 1970-01-01
      • 2011-02-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多