<!DOCTYPE html><html><head><meta charset="UTF-8">
<script src="ThreeJS/three.js"></script>
<script src="ThreeJS/jquery.js"></script>
<script src="ThreeJS/MTLLoader.js"></script>
<script src="ThreeJS/OBJLoader.js"></script>
<script src="ThreeJS/OrbitControls.js"></script>
</head>
<body><p><button id="myButton1">加载汽车模型</button>
<button id="myButton2">移除汽车模型</button></p>
<center id="myContainer"></center>
<script>
//创建渲染器
var myRenderer=new THREE.WebGLRenderer({antialias:true});
myRenderer.setSize(window.innerWidth,window.innerHeight);
myRenderer.setPixelRatio(window.devicePixelRatio);
myRenderer.setClearColor('white', 1);
$("#myContainer").append(myRenderer.domElement);
var myScene=new THREE.Scene();
var myCamera=new THREE.PerspectiveCamera(45,
window.innerWidth/window.innerHeight,0.1,5000);
myCamera.position.set(-20,40,50);
var mySpotLight=new THREE.SpotLight(0xc2c2c2);
mySpotLight.position.set(0,100,100);
myScene.add(mySpotLight);
var myAmbientLight=new THREE.AmbientLight(0xEEEEEE,.4);
myScene.add(myAmbientLight);
//渲染汽车模型
animate();
function animate() {
myRenderer.render(myScene, myCamera);
requestAnimationFrame(animate);
}
//响应单击“加载汽车模型”按钮
$("#myButton1").click(function(){
var myMTLLoader=new THREE.MTLLoader();
//加载汽车模型材质
myMTLLoader.load('Data/MyCar.mtl',function(material){
material.preload();
var myOBJLoader=new THREE.OBJLoader();
//设置汽车模型材质
myOBJLoader.setMaterials(material);
//加载汽车模型
myOBJLoader.load('Data/MyCar.obj',function(obj){
//指定模型缩放倍数和旋转角度，并将其添加至场景
obj.scale.set(0.3,0.3,0.3);
obj.rotation.x=-0.5*Math.PI;
obj.name='myCar';
myScene.add(obj);
}); }); });
//响应单击“移除汽车模型”按钮
$("#myButton2").click(function(){
myScene.remove(myScene.getObjectByName('myCar'));
});
var myOrbitControls = new THREE.OrbitControls(myCamera);
</script></body></html>
web前端3D：three.js加载汽车模型
需积分: 0 146 浏览量
2023-08-04
18:32:08
上传
评论 1
收藏 3.67MB ZIP 举报
car_3d_139_threeJS.zip （8个子文件） 
ChapB139.html 2KB
ThreeJS 
OrbitControls.js 22KB three.js 1.2MB OBJLoader.js 21KB MTLLoader.js 11KB jquery.js 274KB Data MyCar.mtl 18KB MyCar.obj 16.2MB资源评论
