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在場景中經過的模型名稱的數組 createLines(arr)
頁面中需要引入
THREE.MeshLine.js下載
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/84296.html
摘要:一般說來,對于制圖建模軟通常使正交投影,這樣不會因為投影而改變物體比例而對于其他大多數應用,通常使用透視投影,因為這更接近人眼的觀察效果。 showImg(https://segmentfault.com/img/remote/1460000012581680?w=1920&h=1080); 1. 概述 1.1 什么是WebGL? WebGL是在瀏覽器中實現三維效果的一套規范 想要使用...
摘要:只有源圖像外的目標圖像部分會被顯示,源圖像是透明的。繪制了線路的圖像是目標圖像,線路是源圖像。 楔子 最近一個項目,需要繪制雙線的效果,雙線效果表示的是軌道(類似鐵軌之類的),如下圖所示: 負責這塊功能開發的小伙,姑且稱之為L吧,最開始是通過數學計算的方式來實現這種雙線,也就是在原來的路徑的基礎上,計算出兩條路徑。但是這個過程的計算算挺復雜,而是最終實現的效果很耗性能,性能損耗估計主要...
閱讀 3288·2021-09-08 09:45
閱讀 1251·2019-08-30 15:53
閱讀 1522·2019-08-30 14:12
閱讀 981·2019-08-29 17:01
閱讀 2568·2019-08-29 15:35
閱讀 394·2019-08-29 13:09
閱讀 1965·2019-08-29 12:32
閱讀 3083·2019-08-26 18:37