codecamp

three.js OBJLoader

用于加载 .obj 资源的加载器。

OBJ 文件格式是一种简单的数据格式, 这种格式以人类可读的形式来表示3D几何体,即每个顶点的位置、每个纹理坐标顶点的UV位置、顶点法线、 将使每个多边形定义为顶点列表的面以及纹理顶点。

代码示例

// instantiate a loader
const loader = new OBJLoader();

// load a resource
loader.load(
	// resource URL
	'models/monster.obj',
	// called when resource is loaded
	function ( object ) {

		scene.add( object );

	},
	// called when loading is in progresses
	function ( xhr ) {

		console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );

	},
	// called when loading has errors
	function ( error ) {

		console.log( 'An error happened' );

	}
);

例子

webgl_loader_obj

构造函数

OBJLoader( manager : LoadingManager )

manager — 加载器使用的loadingManager(加载管理器),默认值是THREE.DefaultLoadingManager。

创建一个新的OBJLoader。

属性

共有属性请参见其基类Loader。

方法

共有方法请参见其基类Loader。

.load ( url : String, onLoad : Function, onProgress : Function, onError : Function ) : undefined

url — 一个包含有.obj文件的路径或URL的字符串。
onLoad — 当加载过程成功完成以后将被调用的函数。
onProgress — (可选)加载过程正在进行的时候被调用的函数。其参数是一个XMLHttpRequest实例,其包含了total bytes(总的字节数)和loaded bytes(已经载入的字节数)。
onError — (可选) 加载过程中若发生了错误将被调用的函数。这一函数接收错误作为参数。

开始从URL中加载,并使用包含有已被解析响应内容来调用onLoad。

.parse ( text : String ) : Object3D

text — 要解析的表示 obj 结构的文本。

返回一个Object3D。它包含了解析过后的网格(解析为Mesh)以及线条(解析为LineSegments)。所有的几何体被创建为BufferGeometry,默认材质被创建为MeshPhongMaterial。如果obj物体或组在声明面时使用了多个材质,则使用几何体组和材质数组。

.setMaterials ( materials : MTLLoader.MaterialCreator ) : this

MTLLoader.MaterialCreator materials - 一个 MaterialCreator 实例。

设置由 MTLLoader 载入的材质,或是其它由 MTLLoader.MaterialCreator 提供的材质。

源码

examples/jsm/loaders/OBJLoader.js


three.js MTLLoader
three.js PCDLoader
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

参考

核心 / BufferAttributes

渲染器 / WebXR

开发者参考

WebGL渲染器

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }