推薦：將NSDT場(chǎng)景編輯器加入你的3D工具鏈
其他系列工具：NSDT簡(jiǎn)石數(shù)字孿生
對(duì)象克隆.clone()和復(fù)制.copy()
Threejs大多數(shù)對(duì)象都有克隆.clone()和復(fù)制.copy()兩個(gè)方法,點(diǎn)模型Points、線模型Line、網(wǎng)格網(wǎng)格模型Mesh一樣具有這兩個(gè)方法。
復(fù)制方法.copy()
A.copy(B)表示B屬性的值賦值給A對(duì)應(yīng)屬性。
var p1 = new THREE.Vector3(1.2,2.6,3.2);
var p2 = new THREE.Vector3(0.0,0.0,0.0);
p2.copy(p1)
// p2向量的xyz變?yōu)閜1的xyz值
console.log(p2);
克隆方法.clone()
N = M.clone()表示返回一個(gè)和M相同的對(duì)象賦值給N。
var p1 = new THREE.Vector3(1.2,2.6,3.2);
var p2 = p1.clone();
// p2對(duì)象和p1對(duì)象xyz屬性相同
console.log(p2);
網(wǎng)格模型復(fù)制和克隆
網(wǎng)格模型復(fù)制克隆和三維向量基本邏輯是相同，但是注意三維向量Vector3的.x、.y、.z屬性值是數(shù)字，也就是說(shuō)是基本類(lèi)型的數(shù)據(jù)，對(duì)于網(wǎng)格模型而言，網(wǎng)格模型對(duì)象的幾何體屬性mesh.geometry和材質(zhì)屬性mesh.material的屬性值都是對(duì)象的索引值。
var box=new THREE.BoxGeometry(10,10,10);//創(chuàng)建一個(gè)立方體幾何對(duì)象
var material=new THREE.MeshLambertMaterial({color:0x0000ff});//材質(zhì)對(duì)象
var mesh=new THREE.Mesh(box,material);//網(wǎng)格模型對(duì)象
var mesh2 = mesh.clone();//克隆網(wǎng)格模型
mesh.translateX(20);//網(wǎng)格模型mesh平移
scene.add(mesh,mesh2);//網(wǎng)格模型添加到場(chǎng)景中
縮放幾何體box,你可以發(fā)現(xiàn)上面代碼中的兩個(gè)網(wǎng)格模型的大小都發(fā)生了變化，因?yàn)榫W(wǎng)格模型克隆的時(shí)候，mesh對(duì)象的幾何體對(duì)象mesh.geometry屬性值是box對(duì)象的索引值，返回的新對(duì)象mesh2幾何體屬性mesh.geometry的值同樣是box對(duì)象的索引值。
box.scale(1.5,1.5,1.5);//幾何體縮放
注意
通過(guò)本節(jié)課的學(xué)習(xí)，對(duì)Threejs不同對(duì)象的克隆.clone()和復(fù)制.copy()方法有一個(gè)大致印象即可。
實(shí)際開(kāi)發(fā)的時(shí)候，注意不同對(duì)象的復(fù)制或克隆方法可能稍有區(qū)別，使用的時(shí)候最好通過(guò)代碼測(cè)試，或者直接查看threejs源碼某個(gè)類(lèi)對(duì).clone()和.copy()封裝，這樣更為直觀清楚。
幾何體復(fù)制和克隆
幾何體克隆或復(fù)制和網(wǎng)格模型在屬性值深拷貝、淺拷貝方面有些不同，比如幾何體的頂點(diǎn)屬性Geometry.vertices，Geometry.vertices的屬性值是一個(gè)數(shù)組對(duì)象，但是復(fù)制或克隆的時(shí)候，不是獲得對(duì)象的索引值，而是深拷貝屬性的值，可以在threejs源碼Geometry.js全文檢索copy: function關(guān)鍵詞，找到該類(lèi)對(duì)copy方法的封裝細(xì)節(jié)。
上一篇：Three.js教程：模型對(duì)象旋轉(zhuǎn)平移縮放變換 (mvrlink.com)文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-482229.html
下一篇：Three.js教程：常見(jiàn)光源類(lèi)型 (mvrlink.com)文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-482229.html
到了這里，關(guān)于Three.js教程：對(duì)象克隆、復(fù)制的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
