没有合适的资源?快使用搜索试试~ 我知道了~
threejs加载模型.txt
需积分: 44 33 下载量 28 浏览量
2018-12-19
11:45:29
上传
评论 1
收藏 6KB TXT 举报
温馨提示
试读
6页
threejs加载模型的几种方式,包括stl类型以及obj格式,附带案例。
资源推荐
资源详情
资源评论
加载stl的部分
var loader = new THREE.STLLoader();
loader.addEventListener( 'load', function ( event ) {
var geometry = event.content;
var material = new THREE.MeshPhongMaterial( { ambient: 0xff5533, color: 0xff5533, specular: 0x111111, shininess: 200 } );
var mesh = new THREE.Mesh( geometry, material );
mesh.position.set( 0, - 0.25, 0.6 );
mesh.rotation.set( 0, Math.PI / 2, 0 );
mesh.scale.set( 0.5, 0.5, 0.5 );
mesh.castShadow = true;
mesh.receiveShadow = true;
scene.add( mesh );
} );
loader.load( 'test.stl' );
加载OBJ格式的部分
var mesh;
var loader = new THREE.OBJLoader();
loader.load('fll.obj', function (loadedMesh) {
var material = new THREE.MeshLambertMaterial({color: 0x5C3A21});
// loadedMesh is a group of meshes. For
// each mesh set the material, and compute the information
// three.js needs for rendering.
var loader = new THREE.STLLoader();
loader.addEventListener( 'load', function ( event ) {
var geometry = event.content;
var material = new THREE.MeshPhongMaterial( { ambient: 0xff5533, color: 0xff5533, specular: 0x111111, shininess: 200 } );
var mesh = new THREE.Mesh( geometry, material );
mesh.position.set( 0, - 0.25, 0.6 );
mesh.rotation.set( 0, Math.PI / 2, 0 );
mesh.scale.set( 0.5, 0.5, 0.5 );
mesh.castShadow = true;
mesh.receiveShadow = true;
scene.add( mesh );
} );
loader.load( 'test.stl' );
加载OBJ格式的部分
var mesh;
var loader = new THREE.OBJLoader();
loader.load('fll.obj', function (loadedMesh) {
var material = new THREE.MeshLambertMaterial({color: 0x5C3A21});
// loadedMesh is a group of meshes. For
// each mesh set the material, and compute the information
// three.js needs for rendering.
loadedMesh.children.forEach(function (child) {
child.material = material;
child.geometry.computeFaceNormals();
child.geometry.computeVertexNormals();
});
mesh = loadedMesh;
loadedMesh.scale.set(1, 1, 1);
loadedMesh.rotation.x = -0.3;
scene.add(loadedMesh);
});
完整实例源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Example 08.06 - Load OBJ model </title>
<script type="text/javascript" src="three.min.js"></script>
<script type="text/javascript" src="OBJLoader.js"></script>
<script type="text/javascript" src="stats.min.js"></script>
<script type="text/javascript" src="dat.gui.min.js"></script>
<style>
body {
/* set margin to 0 and overflow to hidden, to go fullscreen */
margin: 0;
overflow: hidden;
}
child.material = material;
child.geometry.computeFaceNormals();
child.geometry.computeVertexNormals();
});
mesh = loadedMesh;
loadedMesh.scale.set(1, 1, 1);
loadedMesh.rotation.x = -0.3;
scene.add(loadedMesh);
});
完整实例源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Example 08.06 - Load OBJ model </title>
<script type="text/javascript" src="three.min.js"></script>
<script type="text/javascript" src="OBJLoader.js"></script>
<script type="text/javascript" src="stats.min.js"></script>
<script type="text/javascript" src="dat.gui.min.js"></script>
<style>
body {
/* set margin to 0 and overflow to hidden, to go fullscreen */
margin: 0;
overflow: hidden;
}
剩余5页未读,继续阅读
资源评论
PengHao__
- 粉丝: 1
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功