2020最新国产在线不卡a-爱看女同中文字幕av-国产大秀视频在线一区二区-大香蕉手机在线最新视频

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

首先引入這么多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(場景)，camera(相機(jī))，renderer(渲染器);

var name;

scene=new THREE.Scene();//創(chuà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ī)放入場景中

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

renderer.setSize(800, 800);

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

renderer.setClearColor("顏色");

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

document.body.appendChild(renderer.domElement);

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

renderer.render(scene, camera);

//環(huán)境燈

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

//燈光放入場景內(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;//儲存到全局變量中

scene.add(imgs);

renderer.render( scene, camera );

            })

         }

        })

</script>

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

　　如果大家覺得尚武科技π寫的文章對大家有用的話別忘了分享給朋友，萬分感謝大家對尚武科技π的支持。

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