Iwao Dev

以前 OBJ 内の線の情報を使えないかと思い調べたが，その時はわからないでいた．
Wiki Wavefront .obj file を参考に OBJ ファイルを編集して three.js で読み込んだがうまく読めなかった．

ちょっと別件で詰まってしまったので気分転換に調べていたら…
次の様な指定だとうまくいきそうとわかった．
l 1/ 2/
l 1/ 2/ 2/ 3/ 3/ 4/ 4/ 1/

WebGL three.js の r91 以降の変更による影響のメモ
OBJ と MTL を使用しているので webgl_loader_obj_mtl.html の変更内容．

r91 → r96

	var mtlLoader = new THREE.MTLLoader();
	mtlLoader.setPath( 'models/obj/male02/' );
	mtlLoader.load( 'male02_dds.mtl', function( materials ) {
		materials.preload();
		var objLoader = new THREE.OBJLoader();
		objLoader.setMaterials( materials );
		objLoader.setPath( 'models/obj/male02/' );
		objLoader.load( 'male02.obj', function ( object ) {
			object.position.y = - 95;
			scene.add( object );
		}, onProgress, onError );
	});
	new THREE.MTLLoader()
		.setPath( 'models/obj/male02/' )
		.load( 'male02_dds.mtl', function ( materials ) {
			materials.preload();
			new THREE.OBJLoader()
				.setMaterials( materials )
				.setPath( 'models/obj/male02/' )
				.load( 'male02.obj', function ( object ) {
					object.position.y = - 95;
					scene.add( object );
				}, onProgress, onError );
		} );

→ r97
js/Detector.js がなくなった．

→ r99
r97　　var onError = function ( xhr ) { };
r99　　var onError = function () { };

→ r101
jsm が追加されている．

→ r105
style が main.css に．

→ r106
module を使用する様に変更されている．

→ r109
setTexturePath が使えなくなったのでコメントに．

//	mtlLdr.setTexturePath	(imoPath) ;
	mtlLdr.setPath		(imoPath) ;

Cardboard で撮った画像を，WebGL の背景として利用してみた．

もう少しうまく貼れればと思うが，方法がわからない．
球に貼っているため縦方向に引き伸ばされてしまう．

以下，画像は 横:縦 = 2:1 に編集している．
このすぐ下は，SceneJS を使用したもの．

2018/04/27　画像をアップロードできるページ
360度パノラマ画像の表示