作為一名網(wǎng)站建設(shè)的工程師，每天要學(xué)習(xí)的東西真的是太多了，只有新鮮的血液注入我們才能夠提升自己，通俗來講，自然$也會(huì)越來越多，那下面就讓成都網(wǎng)站建設(shè)工程師講解three.js中引入obj文件和紋理的。希望這篇文章對(duì)大家能有所幫助。

首先引入這么多js

<script src="js/three.js"></script>

<script src="js/ObJLoader.js"></script>

<script src="js/MTLLoader.js"></script>

<script src="js/OrbitControls.js"></script>

<script src="js/stats.min.js"></script>

<script src="js/dat.gui.min.js"></script>

然后.....

<script type="text/javascript">

var scene,camera,renderer;//scene(場(chǎng)景)，camera(相機(jī))，renderer(渲染器);

var name;

scene=new THREE.Scene();//創(chuàng)建場(chǎng)景

camera=new THREE.PerspectiveCamera(100,800/800,0.5, 2500);

C mera.lookAt(new THREE.Vector3);//拍攝方位

camera.position.z = 50;//視窗位置

scene.add(camera);//吧相機(jī)放入場(chǎng)景中

renderer=new THREE.WebGLRenderer({antialias:true,alpha:true});

renderer.setSize(800, 800);

//告訴渲染器需要陰影效果

renderer.setClearColor("顏色");

//渲染器放入頁(yè)面內(nèi)

document.body.appendChild(renderer.domElement);

//畫布與相機(jī)放入渲染器中

renderer.render(scene, camera);

//環(huán)境燈

var amd=new THREE.AmbientLight("顏色",1)

//燈光放入場(chǎng)景內(nèi)

scene.add(amd);

var mtlLoaders = new THREE.MTLLoader();//紋理

var loaders = new THREE.ObJLoader();//3D文件

//添加紋理的路徑

mtlLoaders.setPath('img/');

mtlLoaders.load('名稱.mtl',function(data){

if(data==''||data==undefined||data==null){

return console.log('mtl為空')

}else{

//設(shè)置當(dāng)前加載的紋理

loaders.setMaterials(data) ;

//添加3d圖片的路徑

loaders.setPath('img/');

loaders.load('名稱.obj',function(imgs){

name= imgs;//儲(chǔ)存到全局變量中

scene.add(imgs);

renderer.render( scene, camera );

})

}

})

</script>

通過以上內(nèi)容的說明，大家對(duì)three.js引入3D圖已經(jīng)有了一定的了解。如果大家還有什么問題可以在創(chuàng)新互聯(lián)π留言，我們會(huì)在下期的文章更新中為您解答您的問題。 如果大家對(duì)有什么技術(shù)方面的問題，可以關(guān)注成都做網(wǎng)站的創(chuàng)新互聯(lián)官方公眾號(hào)“創(chuàng)新互聯(lián)π”，其中會(huì)有大量關(guān)于”互聯(lián)網(wǎng)+”的相關(guān)的內(nèi)容供大家互相學(xué)習(xí)了解，同時(shí)歡迎大家一起討論技術(shù)問題。

如果大家覺得創(chuàng)新互聯(lián)π寫的文章對(duì)大家有用的話別忘了分享給朋友，萬分感謝大家對(duì)創(chuàng)新互聯(lián)π的支持。

碼字不易，且看且珍惜......

分享標(biāo)題：three.js引入obj文件及紋理
轉(zhuǎn)載來源：http://www.rwnh.cn/news12/317262.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、定制開發(fā)、動(dòng)態(tài)網(wǎng)站、軟件開發(fā)、品牌網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)