資訊專欄INFORMATION COLUMN
var mesh = ""
function createLines(arr) {
if(mesh){
scene.remove(mesh)
}
var line = new THREE.Geometry();
line.vertices = []
$.each(arr, function(index,content) {
var a = scene.getObjectByName(content)
line.vertices.push( a.position );
});
makeLine( line, 3 );
}
var resolution = new THREE.Vector2( window.innerWidth, window.innerHeight );
function makeLine( geo, c ) {
var g = new MeshLine();
g.setGeometry( geo );
var material = new MeshLineMaterial( {
useMap: false,
color: new THREE.Color( 0xed6a5a ),
opacity: 1,
resolution: resolution,
sizeAttenuation: !false,
lineWidth: 0.5,
near: camera.near,
far: camera.far
});
mesh = new THREE.Mesh( g.geometry, material );
scene.add( mesh );
}
//arr為line在場景中經(jīng)過的模型名稱的數(shù)組
createLines(arr)
頁面中需要引入
THREE.MeshLine.js下載
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/84296.html
摘要：一般說來，對于制圖建模軟通常使正交投影，這樣不會因為投影而改變物體比例而對于其他大多數(shù)應(yīng)用，通常使用透視投影，因為這更接近人眼的觀察效果。 showImg(https://segmentfault.com/img/remote/1460000012581680?w=1920&h=1080); 1. 概述 1.1 什么是WebGL？ WebGL是在瀏覽器中實現(xiàn)三維效果的一套規(guī)范 想要使用...
摘要：只有源圖像外的目標圖像部分會被顯示，源圖像是透明的。繪制了線路的圖像是目標圖像，線路是源圖像。 楔子 最近一個項目，需要繪制雙線的效果，雙線效果表示的是軌道（類似鐵軌之類的），如下圖所示： 負責(zé)這塊功能開發(fā)的小伙，姑且稱之為L吧，最開始是通過數(shù)學(xué)計算的方式來實現(xiàn)這種雙線，也就是在原來的路徑的基礎(chǔ)上，計算出兩條路徑。但是這個過程的計算算挺復(fù)雜，而是最終實現(xiàn)的效果很耗性能，性能損耗估計主要...
閱讀 3457·2021-09-08 09:45
閱讀 1322·2019-08-30 15:53
閱讀 1597·2019-08-30 14:12
閱讀 1034·2019-08-29 17:01
閱讀 2633·2019-08-29 15:35
閱讀 470·2019-08-29 13:09
閱讀 2040·2019-08-29 12:32
閱讀 3142·2019-08-26 18:37
