Iwao Dev

ipl を WebGL で表示できる形式に変換しても，表示できないデータができてしまった．

本当は次の様に表示されなければならない．

---

vt と vn がない時にうまくない．
f 1// 2// 3// の様になってしまっていて，これをうまく処理してくれない．

使い方が間違ってた？

---

　　function three_start() {
　　　　init() ;
　　　　loop() ;
　　　　}
　　function loop() {
　　　　controls.update();
　　　　renderer.clear();
　　　　renderer.render( scene, camera );
　　　　requestAnimationFrame( loop );
　　　　}

---

正しくは loader / babylon
　　function init() {
　　　　// …
　　　　animate() ;
　　　　// …
　　　　}
　　function animate() {
　　　　requestAnimationFrame( animate );
　　　　render();
　　　　}
　　function render() {
　　　　controls.update();
　　　　renderer.render( scene, camera );
　　　　}
この方法でも，環境により CPU リソースが食われる．

---

一先ずここまで．
本当は，完全にロードが終わったタイミングが取れれば良いのだが…

以前（r58）調べた時，動作が変だったが…
　　var controls = new THREE.OrbitControls( Camera, Renderer.domElement );
　　controls.addEventListener( ‘change’, ThreeRender );
　　controls.target.set(w/2,d/2,h/4) ;
　　controls.update();
r84 では意図した動作になっている．

---

他にも幾つか動作を見直し中．

---

r84 で
　3MFLoader は，うまく動作しない．
　AMFLoader は，テクスチャサポートなし？

以前調べた時と OBJMTLLoader の扱いが異なっているので，
　サンプルの該当部分を抽出．

---

r58
　var loader = new THREE.OBJMTLLoader();
　loader.addEventListener( ‘load’, function ( event ) {
　　var object = event.content;
　　object.position.y = – 80;
　　scene.add( object );
　　});
　loader.load( ‘obj/male02/male02.obj’, ‘obj/male02/male02_dds.mtl’ );

---

r66
　var loader = new THREE.OBJMTLLoader();
　loader.load( ‘obj/male02/male02.obj’, ‘obj/male02/male02_dds.mtl’, function ( object ) {
　　object.position.y = – 80;
　　scene.add( object );
　　} );

---

r84
　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 ) { };
　THREE.Loader.Handlers.add( /\.dds$/i, new THREE.DDSLoader() );
　var mtlLoader = new THREE.MTLLoader();
　mtlLoader.setPath( ‘obj/male02/’ );
　mtlLoader.load( ‘male02_dds.mtl’, function( materials ) {
　　materials.preload();
　　var objLoader = new THREE.OBJLoader();
　　objLoader.setMaterials( materials );
　　objLoader.setPath( ‘obj/male02/’ );
　　objLoader.load( ‘male02.obj’, function ( object ) {
　　　object.position.y = – 95;
　　　scene.add( object );
　　　}, onProgress, onError );
　　});

---

r74 から変更されていて，OBJMTLLoader が削除されたらしい．
https://github.com/mrdoob/three.js/releases?after=r75
Improved OBJLoader and MTLLoader and made OBJMTLLoader obsolete.
それで参考にさせてもらったのがここ．
http://stackoverflow.com/questions/35380403/how-to-use-objloader-and-mtlloader-in-three-js-r74-and-later

---

他にも，OBJLoader のデータのチェックが厳しくなったみたいで，
r84 OBJLoader.js 632 行目で
　throw new Error( "Unexpected line: '" + line + "'" );

---

クラスによっては前からみたいだが，position が readonly ．
position のメンバに対して代入すれば OK ．