2

私は 3 か月以上 webGL に取り組んできましたが、以前は OBJMTLLoader.js を使用して簡単にレンダリングでき.objまし.mtlた。しかし、今では正しくレンダリングされていません。ファイルではなく、レンダリング.objファイルのみ.mtlです。

そこで、Web を検索したところ、OBJMTLLoader.js が使用されなくなっていることがわかりました。代わりに、MTLLoader.js と OBJLoader.js を使用します。

コードは次のようになります。

var onprogress = function (xhr) {
    if (xhr.lengthComputable) {
        var percentComplete = xhr.loaded / xhr.total * 100;
        console.log(Math.round(percentComplete, 2) + '% downloaded');
    }
};

var onerror = function (xhr) {
    console.log(xhr);
};


THREE.Loader.Handlers.add(/\.dds$/i, new THREE.DDSLoader());

var mtlLoader = new THREE.MTLLoader();
if (mtljs) {
    for (var i = 0; i < mtljs.length; i++) {
        mtlLoader.setPath(mtljs[i].substr(0, mtljs[i].lastIndexOf("/") + 1));
        mtlLoader.load(mtljs[i], function (materials) {
            materials.preLoad();

            var objLoader = new THREE.OBJLoader();
            if (objjs) {
                for (var j = 0; j < objjs.length; j++) {
                    objLoader.setMaterials(materials);
                    objLoader.setPath(objjs[i].substr(0, objjs[i].lastIndexOf("/") + 1));
                    objLoader.load(objjs[i], function (object) {
                        object.position.y = -33;
                        scene.add(object);
                    }, onprogress, onerror);
                }
            }
        }, onprogress, onerror);
    }
}

mtlLoader.castShadow = true;
mtlLoader.receiveShadow = true;

renderer = Detector.webgl ? new THREE.WebGLRenderer() : new THREE.CanvasRenderer();
renderer.setClearColor(0xffffff, true);
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(windowHalfX, windowHalfY);
renderer.shadowMap.enabled = true;
renderer.shadowMap.Type = THREE.PCFSoftShadowMap;
container.appendChild(renderer.domElement);

controls = new THREE.OrbitControls(camera, renderer.domElement);

window.addEventListener('resize', onWindowResize, false);

現在、このコードはエラーを出していません。この警告を出しています

THREE.WebGLRenderer: OES_texture_float_linear extension not supported

なぜこれが起こっているのか知りたいのですが、これに対する解決策はありますか? OES_texture_float_linear拡張機能を使用する必要がない場合、または同じ代替手段を見つけるにはどうすればよいですか?

4

0 に答える 0