私は 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
拡張機能を使用する必要がない場合、または同じ代替手段を見つけるにはどうすればよいですか?